/* Szybka Wypłata Kasyno : gabarit « Tablica » (tableau des départs, rangées, matrice). Palette « Morski » : seules couleurs hexadécimales. */
:root{
  --v7gz9h0:#0b6e74;--v4qeluw:#06323a;--v8t0ei3:#f1f8f7;--v7i9yio:#dcefec;--v9xdz1s:#c8f23c;
  --v7wmliz:#0f2327;--v74y8qp:#4a6266;--v7mqm8m:#c3dcd8;--v3ca5a5:#ffffff;
  --v64kf7t:"Red Hat Display",system-ui,sans-serif;--v6yd6lo:"Hanken Grotesk",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--v8t0ei3);color:var(--v7wmliz);font:400 17px/1.6 var(--v6yd6lo)}
img{max-width:100%;height:auto;display:block}
button,input,select{font:inherit}
figure{margin:0}
main{overflow-x:clip}
[id]{scroll-margin-top:78px}
a{color:var(--v7gz9h0)}
p{max-width:70ch;margin:0 0 1em}
h1,h2,h3{font-family:var(--v64kf7t);margin:0}
:focus-visible{outline:3px solid var(--v9xdz1s);outline-offset:2px}
.c5ss7vu :focus-visible{outline-color:var(--v7gz9h0)}
.c0nkwf2{max-width:1200px;margin:0 auto;padding:0 28px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Boutons */
.cd8iw7n{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:2px solid var(--v9xdz1s);border-radius:12px;background:var(--v9xdz1s);color:var(--v4qeluw);font:800 15px/1.2 var(--v64kf7t);letter-spacing:.02em;text-align:center;text-decoration:none}
.cd8iw7n:hover{background:var(--v3ca5a5);border-color:var(--v3ca5a5)}
.przycisk--ve3i4rw{background:transparent;border-color:rgba(255,255,255,.6);color:var(--v3ca5a5)}
.przycisk--ve3i4rw:hover{background:rgba(255,255,255,.14);border-color:var(--v3ca5a5)}
.przycisk--vfnfe8m{min-height:36px;padding:7px 12px;border-radius:10px;font-size:12.5px}

/* En-tête */
.c02xn46{position:sticky;top:0;z-index:50;background:var(--v7gz9h0);color:var(--v3ca5a5)}
.cd6rmp1{display:flex;align-items:center;gap:20px;min-height:64px}
.c121zya{display:flex;align-items:center;gap:10px;color:var(--v3ca5a5);font:800 17px/1.1 var(--v64kf7t);text-decoration:none}
.c01rlsr{width:36px;height:36px;flex:none}
.c9uwvl2{display:flex;align-items:center;gap:4px;margin-left:auto}
.c9uwvl2 a:not(.cd8iw7n){padding:10px 12px;border-radius:8px;color:var(--v3ca5a5);font:600 15px/1 var(--v6yd6lo);text-decoration:none}
.c9uwvl2 a:not(.cd8iw7n):hover{background:rgba(255,255,255,.14)}
.c9uwvl2 .cd8iw7n{margin-left:10px;min-height:42px;padding:8px 18px}
#menu-przycisk{display:none;width:44px;height:44px;margin-left:auto;padding:0;border:0;border-radius:10px;background:transparent;color:var(--v3ca5a5);cursor:pointer}
#menu-przycisk svg{width:26px;height:26px;margin:auto}
.ce2oukt{display:none}
#menu-przycisk[aria-expanded="true"] .c67k76k{display:none}
#menu-przycisk[aria-expanded="true"] .ce2oukt{display:block}
body[data-menu="otwarte"]{overflow:hidden}

/* Sections */
.c5ss7vu{padding:72px 0}
.sekcja--v7i9yio{background:var(--v7i9yio)}
.sekcja--v8vga9x{background:var(--v7gz9h0);color:var(--v3ca5a5);padding:96px 0;min-height:60vh}
.sekcja--v8vga9x h1{font:800 42px/1.1 var(--v64kf7t);margin-bottom:16px}
.c5ss7vu h2{margin-bottom:20px;color:var(--v4qeluw);font:800 36px/1.15 var(--v64kf7t)}
.c5ss7vu h2::before{content:"";display:block;width:56px;height:6px;margin-bottom:14px;border-radius:3px;background:linear-gradient(90deg,var(--v9xdz1s) 0 60%,var(--v7gz9h0) 60% 100%)}
.c5ss7vu h3{margin:32px 0 10px;font:700 20px/1.25 var(--v64kf7t)}
.sekcja--v8vga9x .start-cta{margin-top:24px}

/* Hero : tableau des départs */
.start{position:relative;padding:40px 0 56px;background:var(--v7gz9h0);color:var(--v3ca5a5)}
.start::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 56px);pointer-events:none}
.start-siatka{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.cb5x9gn{margin:0 0 16px;color:var(--v9xdz1s);font:800 13px/1.2 var(--v64kf7t);letter-spacing:.12em;text-transform:uppercase}
.start h1{margin:0 0 18px;color:var(--v3ca5a5);font:800 42px/1.1 var(--v64kf7t)}
.ca8q2il{max-width:46ch;margin:0;color:rgba(255,255,255,.92);font-size:19px}
.start-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.ccq6scm{max-width:52ch;margin:14px 0 0;color:rgba(255,255,255,.94);font-size:16px;line-height:1.5}
.ccjyo8g{max-width:52ch;margin:0;color:rgba(255,255,255,.9);font-size:14px;line-height:1.5}
.c4jyzsl{padding:18px 20px 14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:var(--v4qeluw);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.c592xub{margin:0 0 8px;color:var(--v9xdz1s);font:700 13px/1.2 var(--v64kf7t);letter-spacing:.14em;text-transform:uppercase}
.c4jyzsl ol{margin:0;padding:0;list-style:none}
.c4jyzsl li{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:44px;border-top:1px solid rgba(255,255,255,.1)}
.c4jyzsl li:first-child{border-top:0}
.c7igxaf{overflow:hidden;font:600 16px/1.2 var(--v6yd6lo);text-overflow:ellipsis;white-space:nowrap}
.c8tx1lx{color:var(--v9xdz1s);font:600 18px/1.1 var(--v6yd6lo);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.c3579ov{min-width:78px;color:rgba(255,255,255,.88);font-size:13.5px;text-align:right;white-space:nowrap}
.c4jyzsl figcaption{margin-top:10px;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45}
.c5uqzm5{display:none}

/* Tuile de logo */
.c4r1ho1{display:flex;align-items:center;justify-content:center;flex:none;width:96px;height:44px;padding:6px 8px;overflow:hidden;border-radius:10px;background:var(--v3ca5a5);box-shadow:inset 0 0 0 1px var(--v7mqm8m)}
.c4r1ho1 img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.kafel-logo--v9gq7sd{background:var(--v4qeluw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.kafel-logo--vfnfe8m{width:84px;height:36px}
.c4jyzsl .c4r1ho1{width:92px;height:36px;padding:4px 7px}

/* Rangées */
.c397qrd{display:grid;gap:14px;margin:28px 0;padding:0;list-style:none}
.c9w21tz{display:grid;grid-template-columns:48px 128px minmax(0,1fr) 150px 130px 190px;align-items:center;gap:8px 18px;padding:18px 20px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.c9w21tz .c4r1ho1{width:128px;height:56px}
.c24f8h7{color:var(--v7gz9h0);font:800 28px/1 var(--v64kf7t)}
.c7hon82 h3{margin:0 0 4px;font:700 20px/1.2 var(--v64kf7t)}
.c3glv4x{max-width:none;margin:0;color:var(--v74y8qp);font-size:15px;line-height:1.45}
.c32sho3,.c3zf0f5{display:flex;flex-direction:column;margin:0}
.c32sho3 strong{color:var(--v4qeluw);font:800 22px/1.15 var(--v64kf7t)}
.c3zf0f5 strong{font:700 19px/1.15 var(--v64kf7t)}
.c32sho3 span,.c3zf0f5 span{color:var(--v74y8qp);font-size:13px}
.c9w21tz .cd8iw7n{width:100%}
.c8c7gva{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--v7mqm8m);list-style:none}
.c8c7gva li{padding:6px 10px;border-radius:8px;background:var(--v7i9yio);font-size:14px;line-height:1.35}

/* Appel de fin de section */
.c2pe1s9{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:18px 22px;border-radius:12px;background:var(--v7gz9h0);color:var(--v3ca5a5)}
.c2pe1s9 p{max-width:60ch;margin:0;font:600 17px/1.4 var(--v6yd6lo)}
.c2pe1s9 .cd8iw7n{flex:none}

/* Calculateur et couloirs */
.cby5ib5{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"l1 l2" "i1 s2" "out out";gap:8px 18px;max-width:760px;padding:20px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.cby5ib5 label{font:700 14px/1.3 var(--v6yd6lo)}
.cby5ib5 label:first-of-type{grid-area:l1}
.cby5ib5 label:last-of-type{grid-area:l2}
#kwota{grid-area:i1}
#kasyno{grid-area:s2}
#wynik{grid-area:out}
.cby5ib5 input,.cby5ib5 select{width:100%;height:48px;padding:0 12px;border:2px solid var(--v7mqm8m);border-radius:10px;background:var(--v3ca5a5);color:var(--v7wmliz)}
.cby5ib5 output{display:block;margin-top:10px;padding:16px 18px;border-radius:10px;background:var(--v4qeluw);color:var(--v3ca5a5);font-size:16px;line-height:1.55;white-space:pre-line}
.cbf7t8u{display:grid;gap:10px;margin:16px 0 24px;padding:0;list-style:none}
.cbf7t8u li{position:relative;display:flex;justify-content:space-between;gap:16px;overflow:hidden;padding:12px 16px 16px;border:1px solid var(--v7mqm8m);border-radius:10px;background:var(--v3ca5a5)}
.cbf7t8u li::before{content:"";position:absolute;left:0;bottom:0;width:calc(var(--vamnkrs) * 1%);height:6px;background:var(--v7gz9h0)}
.c3rf7tz{font:700 16px/1.3 var(--v6yd6lo)}
.c0mutks{font:600 16px/1.3 var(--v6yd6lo);font-variant-numeric:tabular-nums;text-align:right}

/* Matrice transposée */
.ceuvzvs{margin:12px 0 8px;overflow-x:auto;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
#t-macierz{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}
#t-macierz th,#t-macierz td{min-width:160px;padding:12px 14px;border-bottom:1px solid var(--v7mqm8m);font-size:14.5px;line-height:1.4;text-align:left;vertical-align:top}
#t-macierz thead th,#t-macierz tbody td{width:160px}
#t-macierz thead th{background:var(--v3ca5a5);vertical-align:bottom}
#t-macierz thead th .c4r1ho1{margin-bottom:8px}
.c0rjtjo{display:block;margin-bottom:8px;font:700 16px/1.2 var(--v64kf7t)}
#t-macierz tbody th{position:sticky;left:0;z-index:1;min-width:150px;width:150px;background:var(--v7i9yio);font:700 13.5px/1.35 var(--v6yd6lo)}
#t-macierz thead .ca4szdy{position:sticky;left:0;z-index:2;min-width:150px;width:150px;background:var(--v7i9yio)}
#t-macierz tbody tr:last-child th,#t-macierz tbody tr:last-child td{border-bottom:0}
#t-macierz tbody tr:nth-child(even) td{background:rgba(220,239,236,.45)}
.c18yzzj{display:none;margin:0 0 10px;color:var(--v74y8qp);font-size:14px}

/* Étapes, tuiles, citations, monnaies */
.c55gp58{display:grid;gap:16px;margin:24px 0;padding:0;list-style:none}
.c55gp58 li{padding:18px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.c55gp58 h3{margin:0 0 8px;font-size:18px}
.c55gp58 p{margin:0;font-size:16px}
.c8o1gw1{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:12px;border-radius:12px;background:var(--v9xdz1s);color:var(--v4qeluw);font:800 20px/1 var(--v64kf7t)}
.cd7t83x{display:grid;gap:16px;margin:24px 0}
.celir8q{padding:20px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.celir8q h3{margin:0 0 6px;font-size:18px}
.celir8q p{margin:0 0 8px;font-size:16px}
.c15sntp{color:var(--v7gz9h0);font:800 26px/1.15 var(--v64kf7t)}
.cdje0o1{margin:16px 0;padding:16px 20px;border:1px solid var(--v7mqm8m);border-left:5px solid var(--v7gz9h0);border-radius:12px;background:var(--v3ca5a5)}
.cdje0o1 blockquote{margin:0 0 8px;font:600 17px/1.5 var(--v6yd6lo);font-style:italic}
.cdje0o1 figcaption{margin-bottom:8px;color:var(--v74y8qp);font-size:14px}
.cdje0o1 p{margin:0;font-size:16px}
.c3a3fc3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;padding:0;list-style:none}
.c3a3fc3 li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:3px;align-content:start;padding:16px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.calzx8t{grid-row:1 / span 3;width:44px;height:44px;padding:9px;border-radius:10px;background:var(--v7i9yio);fill:var(--v7gz9h0)}
.moneta--v6yd6lo{display:flex;align-items:center;justify-content:center;padding:0;color:var(--v7gz9h0);font:800 12px/1 var(--v64kf7t)}
.c3a3fc3 strong{font:800 19px/1.2 var(--v64kf7t)}
.c3a3fc3 span:not(.calzx8t){color:var(--v74y8qp);font-size:14.5px;line-height:1.35}

/* Słowniczek, FAQ, méthode */
.c6hyb0n{display:grid;gap:14px 40px;margin:24px 0 0}
.c6hyb0n dt{font:700 17px/1.3 var(--v64kf7t)}
.c6hyb0n dd{margin:2px 0 0;color:var(--v7wmliz);font-size:16px}
.pytania{display:grid;gap:14px}
.cegx7lu{padding:18px 20px;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
.cegx7lu h3{margin:0 0 8px;font:700 18px/1.3 var(--v64kf7t)}
.cegx7lu p{margin:0;font-size:16px}
.cakfi3s{overflow-x:auto;border:1px solid var(--v7mqm8m);border-radius:12px;background:var(--v3ca5a5)}
#t-metoda{width:100%;border-collapse:collapse}
#t-metoda th,#t-metoda td{padding:12px 16px;border-bottom:1px solid var(--v7mqm8m);text-align:left;vertical-align:top}
#t-metoda thead th{background:var(--v4qeluw);color:var(--v3ca5a5);font:700 15px/1.3 var(--v64kf7t)}
#t-metoda tbody th{width:30%;font:700 15px/1.4 var(--v6yd6lo)}
#t-metoda tbody tr:nth-child(even) th,#t-metoda tbody tr:nth-child(even) td{background:var(--v7i9yio)}
#t-metoda tbody tr:last-child th,#t-metoda tbody tr:last-child td{border-bottom:0}
.cc0oobc{margin:0 0 8px;padding-left:22px}
.cc0oobc li{margin-bottom:6px}
.cay75rx{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.cay75rx a{font-weight:600}

/* Pied de page et barre collante */
.stopka{padding-top:48px;background:var(--v4qeluw);color:rgba(255,255,255,.88);font-size:15px}
.stopka a{color:var(--v3ca5a5)}
.c91knfr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}
.c9mw6nj{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--v3ca5a5);font:800 17px/1.1 var(--v64kf7t)}
.c4ij5v5{margin:0 0 10px;color:var(--v9xdz1s);font:700 13px/1.2 var(--v64kf7t);letter-spacing:.12em;text-transform:uppercase}
.stopka ul{margin:0;padding:0;columns:2;list-style:none}
.stopka li{margin-bottom:6px}
.cfe9w0k{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px;padding-bottom:20px}
.cfe9w0k::before{content:"";flex:0 0 100%;height:1px;margin-bottom:6px;background:rgba(255,255,255,.16)}
.cfe9w0k p{margin:0;font-size:14px}
.cb05r61{padding:4px 10px;border:3px solid var(--v3ca5a5);border-radius:12px;color:var(--v3ca5a5);font:800 16px/1.2 var(--v64kf7t)}
#pasek{position:fixed;z-index:60;left:16px;bottom:16px}
#pasek .cd8iw7n{box-shadow:0 10px 26px rgba(0,0,0,.32)}
.c4xe8ay{display:none}

/* < 1024 px : menu déroulant, hero en une colonne */
@media (min-width:1024px) and (max-width:1179px){
  .c3579ov{display:none}
}
@media (max-width:1023px){
  #menu-przycisk{display:flex}
  .c9uwvl2{position:fixed;top:64px;left:0;right:0;z-index:49;display:none;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 64px);overflow-y:auto;padding:12px 16px 20px;background:var(--v4qeluw);box-shadow:0 18px 30px rgba(0,0,0,.3)}
  body[data-menu="otwarte"] .c9uwvl2{display:flex}
  .c9uwvl2 a:not(.cd8iw7n){padding:14px 12px;font-size:17px}
  .c9uwvl2 .cd8iw7n{margin:10px 0 0}
  .start-siatka{grid-template-columns:minmax(0,1fr);gap:0}
  .start-tekst{display:contents}
  .cb5x9gn{order:0}
  .start h1{order:1}
  .ccq6scm{order:2}
  .start-cta{order:3;margin:20px 0 16px}
  .ccjyo8g{order:4;margin-bottom:28px}
  .c4jyzsl{order:5;margin-bottom:24px}
  .ca8q2il{order:6}
}

/* < 960 px : rangées empilées, matrice défilante */
@media (max-width:959px){
  .c9w21tz{grid-template-columns:40px 96px minmax(0,1fr);gap:10px 14px;padding:16px}
  .c9w21tz .c4r1ho1{width:96px;height:48px}
  .c7hon82{display:contents}
  .c7hon82 h3{grid-column:3;grid-row:1;align-self:center}
  .c9w21tz .c3glv4x{grid-column:1 / -1}
  .c32sho3{grid-column:1 / 3}
  .c3zf0f5{grid-column:3}
  .c9w21tz .cd8iw7n{grid-column:1 / -1}
  .c18yzzj{display:block}
  #t-macierz tbody th,#t-macierz thead .ca4szdy{min-width:118px;width:118px}
  #t-macierz th,#t-macierz td{min-width:150px}
}

/* < 700 px : barre collante en bas, pied de page dégagé */
@media (max-width:699px){
  #pasek{left:0;right:0;bottom:0;display:flex;align-items:center;min-height:56px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--v4qeluw);box-shadow:0 -6px 18px rgba(0,0,0,.28)}
  #pasek[hidden]{display:none}
  #pasek .cd8iw7n{flex:1;box-shadow:none}
  .c4xe8ay{display:block;flex:none;margin-right:12px;color:var(--v3ca5a5);font:700 14px/1.2 var(--v6yd6lo)}
  .stopka{padding-bottom:76px}
}

/* < 600 px : marges réduites, titres plus petits, 4 rangées au hero */
@media (max-width:599px){
  .c0nkwf2{padding:0 16px}
  .c5ss7vu{padding:48px 0}
  .c5ss7vu h2{font-size:26px}
  .c5ss7vu h3{font-size:19px}
  .start{padding:28px 0 36px}
  .start h1{font-size:30px}
  .ca8q2il{font-size:17px}
  .c4jyzsl{padding:14px 14px 12px}
  .c4jyzsl li{grid-template-columns:72px minmax(0,1fr) auto;gap:10px;min-height:42px}
  .c3579ov{display:none}
  .c4jyzsl li:nth-child(n+5){display:none}
  .c5uqzm5{display:block;margin-top:6px;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.1);color:var(--v9xdz1s);font:700 15px/1.2 var(--v64kf7t);text-decoration:none}
  .c7igxaf{font-size:15px}
  .c8tx1lx{font-size:15px}
  .c4jyzsl .c4r1ho1{width:72px;height:32px;padding:3px 6px}
  .start-cta{flex-wrap:nowrap;gap:10px;margin:18px 0 14px}
  .start-cta .cd8iw7n{flex:1 1 0;min-width:0;padding:12px 8px}
  .c2pe1s9{flex-direction:column;align-items:stretch;padding:18px}
  .c2pe1s9 .cd8iw7n{width:100%}
  .c91knfr{grid-template-columns:minmax(0,1fr);gap:28px}
  .stopka ul{columns:1}
  .cby5ib5{grid-template-columns:minmax(0,1fr);grid-template-areas:"l1" "i1" "l2" "s2" "out"}
  .c3a3fc3{grid-template-columns:minmax(0,1fr)}
  .cbf7t8u li{flex-direction:column;gap:2px}
  .c0mutks{text-align:left}
  .sekcja--v8vga9x{padding:56px 0}
  .sekcja--v8vga9x h1{font-size:30px}
}

/* ≥ 760 px, ≥ 900 px, ≥ 1100 px : grilles plus larges */
@media (min-width:760px){
  .cd7t83x{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c3a3fc3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .c6hyb0n{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
  .c55gp58{grid-template-columns:repeat(5,minmax(0,1fr))}
  .pytania{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}
