/* =====================================================================
   GOALKEEPERS FEDERATION · strona v7 „Linia”
   Układ: telefon najpierw, jedna kolumna; od 900 px dwie kolumny i pasy sekcji na całą szerokość.
   Warstwy: kolor tła sekcji · siatka sprężynowa (1) · zdjęcie w tle sekcji (2) · treść (3) · pasek i nakładki (30+).
   Paleta Terytorium i typografia Trybuna z v6.1.
   ===================================================================== */
:root{
  /* paleta */
  --bor:#0F231C;--noc:#08150F;--murawa:#17432F;--wapno:#EFF1EA;--mgla:#C7CFC6;
  --flaga:#C8102E;--flaga-j:#E0303A;--oko:#E9B949;--oko-g:#B8871F;--futro:#B98552;--futro-g:#7A5530;
  /* role: ciemny motyw domyślnie */
  --tlo:var(--bor);--tlo-2:#14302A;--tlo-3:#1A3A31;
  --atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.66);
  --atrament-40:rgba(239,241,234,.46);--atrament-20:rgba(239,241,234,.22);--wlos:rgba(239,241,234,.15);
  --sygnal:var(--oko);--czerwien:var(--flaga-j);--cta:var(--flaga);--cta-hover:var(--flaga-j);
  --pasek:rgba(8,21,15,.82);--pasek-pelny:rgba(8,21,15,.82);--pasek-linia:rgba(239,241,234,.07);--jasna:0;
  color-scheme:dark;
  /* typografia */
  --disp:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --stencil:"Big Shoulders Stencil Display","Big Shoulders Display","Arial Narrow",sans-serif;
  --text:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --serif:"Poltawski Nowy",Georgia,"Times New Roman",serif;
  /* rytm */
  --gut:clamp(16px,4.4vw,56px);--maxw:1320px;--bar:68px;--pod:46px;
  --sek:clamp(48px,6.2vw,92px);
  --out:cubic-bezier(.16,.84,.24,1);
}
/* motywy sekcji, ciemne */
.th-bor{--tlo:var(--bor);--tlo-2:#14302A;--tlo-3:#1A3A31;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.66);--atrament-40:rgba(239,241,234,.46);--atrament-20:rgba(239,241,234,.22);--wlos:rgba(239,241,234,.15);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark}
.th-noc{--tlo:var(--noc);--tlo-2:#0E2219;--tlo-3:#132B21;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.64);--atrament-40:rgba(239,241,234,.44);--atrament-20:rgba(239,241,234,.2);--wlos:rgba(239,241,234,.13);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark}
.th-murawa{--tlo:var(--murawa);--tlo-2:#1D4D38;--tlo-3:#225641;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.86);--atrament-60:rgba(239,241,234,.7);--atrament-40:rgba(239,241,234,.5);--atrament-20:rgba(239,241,234,.25);--wlos:rgba(239,241,234,.18);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark}
.th-papier{--tlo:var(--wapno);--tlo-2:#E2E7DE;--tlo-3:#D6DDD2;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.84);--atrament-60:rgba(15,35,28,.68);--atrament-40:rgba(15,35,28,.5);--atrament-20:rgba(15,35,28,.22);--wlos:rgba(15,35,28,.15);--sygnal:var(--flaga);--czerwien:var(--flaga);--jasna:1;color-scheme:light}
.th-oko{--tlo:var(--oko);--tlo-2:#F0C664;--tlo-3:#DDAA3A;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.86);--atrament-60:rgba(15,35,28,.72);--atrament-40:rgba(15,35,28,.52);--atrament-20:rgba(15,35,28,.26);--wlos:rgba(15,35,28,.2);--sygnal:var(--bor);--czerwien:var(--flaga);--jasna:1;color-scheme:light}

/* motyw jasny: dzień na boisku. Bór i papier zamieniają się rolami, noc i oko zostają */
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){--tlo:var(--wapno);--tlo-2:#E2E7DE;--tlo-3:#D6DDD2;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.84);--atrament-60:rgba(15,35,28,.68);--atrament-40:rgba(15,35,28,.5);--atrament-20:rgba(15,35,28,.22);--wlos:rgba(15,35,28,.15);--sygnal:var(--flaga);--czerwien:var(--flaga);--pasek:rgba(239,241,234,.8);--pasek-pelny:rgba(239,241,234,.8);--pasek-linia:rgba(15,35,28,.07);--jasna:1;color-scheme:light}
  :root:not([data-theme="dark"]) .th-bor{--tlo:var(--wapno);--tlo-2:#E2E7DE;--tlo-3:#D6DDD2;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.84);--atrament-60:rgba(15,35,28,.68);--atrament-40:rgba(15,35,28,.5);--atrament-20:rgba(15,35,28,.22);--wlos:rgba(15,35,28,.15);--sygnal:var(--flaga);--czerwien:var(--flaga);--jasna:1;color-scheme:light}
  :root:not([data-theme="dark"]) .th-murawa{--tlo:#DCE6DA;--tlo-2:#CEDBCB;--tlo-3:#C1D1BE;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.86);--atrament-60:rgba(15,35,28,.7);--atrament-40:rgba(15,35,28,.52);--atrament-20:rgba(15,35,28,.24);--wlos:rgba(15,35,28,.17);--sygnal:var(--flaga);--czerwien:var(--flaga);--jasna:1;color-scheme:light}
  :root:not([data-theme="dark"]) .th-papier{--tlo:var(--bor);--tlo-2:#14302A;--tlo-3:#1A3A31;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.66);--atrament-40:rgba(239,241,234,.46);--atrament-20:rgba(239,241,234,.22);--wlos:rgba(239,241,234,.15);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark}
}
:root[data-theme="light"]{--tlo:var(--wapno);--tlo-2:#E2E7DE;--tlo-3:#D6DDD2;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.84);--atrament-60:rgba(15,35,28,.68);--atrament-40:rgba(15,35,28,.5);--atrament-20:rgba(15,35,28,.22);--wlos:rgba(15,35,28,.15);--sygnal:var(--flaga);--czerwien:var(--flaga);--pasek:rgba(239,241,234,.8);--pasek-pelny:rgba(239,241,234,.8);--pasek-linia:rgba(15,35,28,.07);--jasna:1;color-scheme:light}
:root[data-theme="light"] .th-bor{--tlo:var(--wapno);--tlo-2:#E2E7DE;--tlo-3:#D6DDD2;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.84);--atrament-60:rgba(15,35,28,.68);--atrament-40:rgba(15,35,28,.5);--atrament-20:rgba(15,35,28,.22);--wlos:rgba(15,35,28,.15);--sygnal:var(--flaga);--czerwien:var(--flaga);--jasna:1;color-scheme:light}
:root[data-theme="light"] .th-murawa{--tlo:#DCE6DA;--tlo-2:#CEDBCB;--tlo-3:#C1D1BE;--atrament:var(--bor);--atrament-80:rgba(15,35,28,.86);--atrament-60:rgba(15,35,28,.7);--atrament-40:rgba(15,35,28,.52);--atrament-20:rgba(15,35,28,.24);--wlos:rgba(15,35,28,.17);--sygnal:var(--flaga);--czerwien:var(--flaga);--jasna:1;color-scheme:light}
:root[data-theme="light"] .th-papier{--tlo:var(--bor);--tlo-2:#14302A;--tlo-3:#1A3A31;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.66);--atrament-40:rgba(239,241,234,.46);--atrament-20:rgba(239,241,234,.22);--wlos:rgba(239,241,234,.15);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark}

/* ---------- podstawa ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + var(--pod) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--tlo);color:var(--atrament);font-family:var(--text);font-size:clamp(16px,1.05vw,17.5px);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:45;background:var(--pasek-pelny);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
h1,h2,h3,h4{margin:0;text-wrap:balance;font-weight:900}
p{margin:0;text-wrap:pretty;orphans:2;widows:2}
li,dd,figcaption{orphans:2;widows:2}
.dwa-wiersze span{display:block}
ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--sygnal);outline-offset:3px;border-radius:2px}
::selection{background:var(--oko);color:var(--noc)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:max(12px,env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 8px);z-index:80;background:var(--oko);color:var(--noc);font-weight:700;padding:10px 14px;transform:translateY(-200%);transition:transform .2s}
.skip:focus{transform:none}

/* siatka sprężynowa: zawsze najniżej, nad kolorem tła sekcji, pod zdjęciami w tle i pod treścią */
#siatka{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* sekcja i wewnętrzna kolumna */
.sek{position:relative;background:var(--tlo);color:var(--atrament);padding-block:var(--sek);overflow-x:clip}
.sek>.tlo{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.sek>.tlo img,.sek>.tlo video{width:100%;height:100%;object-fit:cover}
.in{position:relative;z-index:3;max-width:calc(var(--maxw) + 2 * var(--gut));margin-inline:auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.in>*+*{margin-top:clamp(28px,4vw,52px)}
.in>.zaraz{margin-top:clamp(14px,2vw,22px)}

/* ---------- typografia ---------- */
.dsp,.h1,.h2,.h3{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.004em;line-height:1}
/* --w-em: szerokość najdłuższego słowa nagłówka w em (liczy build); na wąskim ekranie nagłówek maleje tak, żeby żadne słowo się nie łamało */
.h1{font-size:min(clamp(56px,10.4vw,148px),calc((100vw - 2 * var(--gut)) / var(--w-em,1)))}
.h2{font-size:min(clamp(42px,6.6vw,96px),calc((100vw - 2 * var(--gut)) / var(--w-em,1)));line-height:1}
.h3{font-size:clamp(25px,2.5vw,34px);font-weight:800;line-height:1.02;letter-spacing:.005em}
.h1 em,.h2 em{font-style:normal;color:var(--czerwien)}
.lead{font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:var(--atrament-80);max-width:58ch}
.lead strong{color:var(--atrament);font-weight:700}
.proza{max-width:66ch;display:grid;gap:1em;color:var(--atrament-80)}
.proza strong{color:var(--atrament)}
.czyt{font-family:var(--serif);font-size:clamp(17.5px,1.2vw,19.5px);line-height:1.62}
.etyk{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;line-height:1.2;color:var(--atrament-60)}
.licz-n{font-family:var(--stencil);font-weight:900;line-height:.9;font-variant-numeric:tabular-nums}
.naglowek{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,22px);max-width:900px}
.naglowek-wiersz{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 28px}
.podpis{font-size:.8rem;line-height:1.4;color:var(--atrament-60)}
.podpis a{color:inherit}

/* ---------- przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 22px;border:1.5px solid var(--atrament-40);border-radius:2px;font-family:var(--disp);font-weight:800;font-size:1.08rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--atrament);line-height:1.05;transition:background .2s,border-color .2s,color .2s,transform .2s var(--out)}
.btn:hover{border-color:var(--atrament);transform:translateY(-1px)}
.btn .str{width:18px;height:12px;flex:none;transition:transform .3s var(--out)}
.btn:hover .str{transform:translateX(4px)}
.btn.czer{background:var(--cta);border-color:var(--cta);color:#fff}
.btn.czer:hover{background:var(--cta-hover);border-color:var(--cta-hover)}
.btn.pelny{background:var(--atrament);border-color:var(--atrament);color:var(--tlo)}
.btn.pelny:hover{background:var(--sygnal);border-color:var(--sygnal);color:var(--noc)}
.btn.maly{min-height:42px;padding:9px 16px;font-size:.98rem}
.przyciski{display:flex;flex-wrap:wrap;gap:12px}
.link-str{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.06rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--atrament);border-bottom:1.5px solid var(--atrament-40);padding-bottom:3px}
.link-str:hover{border-color:var(--sygnal)}
.link-str .str{width:16px;height:11px;transition:transform .3s var(--out)}
.link-str:hover .str{transform:translateX(4px)}

/* ---------- pasek główny ---------- */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:var(--bar);display:flex;align-items:center;gap:clamp(10px,1.5vw,24px);padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px));background:var(--pasek);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--pasek-linia);color:var(--atrament)}
.znak{display:flex;align-items:center;gap:clamp(8px,.9vw,12px);flex:none;color:var(--atrament);border-radius:2px;text-decoration:none}
.znak svg{height:48px;width:auto;fill:currentColor;transition:fill .2s}
.znak .znak-slowo{height:clamp(12px,1.18vw,17px);fill:var(--czerwien)}
.znak:hover>svg:first-child{fill:var(--sygnal)}
@media (max-width:379px){.znak svg{height:40px}.znak .znak-slowo{height:11px}}
/* telefon w poziomie: niższy pasek, więcej miejsca na treść i na grę */
@media (max-height:520px) and (orientation:landscape){:root{--bar:56px}.znak svg{height:40px}.burger{width:42px;height:42px}.jezyk summary{height:34px}}
.menu{display:none;margin-left:auto;gap:clamp(12px,1.55vw,28px);align-items:center}
.menu a{font-family:var(--disp);font-weight:800;font-size:1.02rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--atrament-80);padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s,background .2s}
.menu a:hover{color:var(--atrament)}
.menu a[aria-current="page"]{color:var(--atrament);border-bottom-color:var(--czerwien)}
/* Gra w żółci pasa gry; w motywie Dzień żółta plakietka, bo żółty napis na jasnym tle byłby nieczytelny */
.menu a.m-gra{color:var(--oko)}
.menu a.m-gra:hover{color:#F7D57E}
.menu a.m-gra.aktywna{border-bottom-color:var(--oko)}
:root[data-theme="light"] .menu a.m-gra{background:var(--oko);color:var(--bor);padding:6px 11px 5px;border-radius:2px;border-bottom:0}
:root[data-theme="light"] .menu a.m-gra:hover,:root[data-theme="light"] .menu a.m-gra.aktywna{background:#F2C75C;box-shadow:inset 0 -2px 0 var(--bor)}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .menu a.m-gra{background:var(--oko);color:var(--bor);padding:6px 11px 5px;border-radius:2px;border-bottom:0}
  :root:not([data-theme="dark"]) .menu a.m-gra:hover,:root:not([data-theme="dark"]) .menu a.m-gra.aktywna{background:#F2C75C;box-shadow:inset 0 -2px 0 var(--bor)}
}
/* wybór języka: rozwijana lista PL, EN, ES, DE */
.jezyk{position:relative;flex:none;margin-left:auto}
.jezyk summary{list-style:none;display:flex;align-items:center;gap:7px;height:38px;padding:0 10px 0 11px;border:1px solid var(--wlos);border-radius:2px;cursor:pointer;font-family:var(--disp);font-weight:800;font-size:.86rem;letter-spacing:.12em;color:var(--atrament-80);transition:color .2s,border-color .2s;user-select:none}
.jezyk summary::-webkit-details-marker{display:none}
.jezyk summary:hover,.jezyk[open] summary{color:var(--atrament);border-color:var(--atrament-40)}
.jezyk summary svg{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .2s var(--out)}
.jezyk[open] summary svg{transform:rotate(180deg)}
.jezyk-lista{position:absolute;right:0;top:calc(100% + 10px);z-index:50;min-width:184px;display:grid;gap:2px;padding:6px;background:var(--tlo);color:var(--atrament);border:1px solid var(--wlos);border-radius:3px;box-shadow:0 24px 44px -22px rgba(0,0,0,.65)}
.jezyk-lista a{display:grid;grid-template-columns:2.4em 1fr;align-items:baseline;gap:10px;padding:10px 12px;border-radius:2px;text-decoration:none;color:var(--atrament-80)}
.jezyk-lista a b{font-family:var(--disp);font-weight:900;font-size:.98rem;letter-spacing:.1em}
.jezyk-lista a span{font-size:.95rem}
.jezyk-lista a:hover{background:var(--tlo-3);color:var(--atrament)}
.jezyk-lista a[aria-current]{color:var(--atrament);box-shadow:inset 3px 0 0 var(--czerwien)}
.motyw{display:none;align-items:center;border:1px solid var(--wlos);border-radius:2px;padding:3px;gap:2px;flex:none}
.motyw button{font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;color:var(--atrament-60);border-radius:1px;transition:background .2s,color .2s}
.motyw button:hover{color:var(--atrament)}
.motyw button[aria-pressed="true"]{background:var(--atrament);color:var(--tlo)}
.burger{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--wlos);border-radius:2px}
.burger span,.burger span::before,.burger span::after{display:block;width:20px;height:2px;background:currentColor;position:relative;content:""}
.burger span::before{position:absolute;top:-6px}
.burger span::after{position:absolute;top:6px}
@media (min-width:1000px){.menu{display:flex}.motyw{display:flex}.burger{display:none}.jezyk{margin-left:0}}
/* między 1000 a 1180 px: węższe odstępy, żeby menu, język i motyw zmieściły się obok znaku z napisem */
@media (min-width:1000px) and (max-width:1179px){.menu{gap:13px}.menu a{font-size:.95rem;letter-spacing:.055em}.motyw button{padding:6px 8px}.znak .znak-slowo{height:12px}}

/* szuflada na telefonie */
.szuflada{position:fixed;inset:0;z-index:70;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:calc(env(safe-area-inset-top,0px) + 14px) max(var(--gut),env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 24px) max(var(--gut),env(safe-area-inset-left,0px));background:var(--noc);color:var(--wapno);overflow-y:auto}
.szuflada::backdrop{background:rgba(8,21,15,.6)}
.szuflada-gora{display:flex;align-items:center;justify-content:space-between;height:52px}
.szuflada-znak{display:flex;align-items:center;gap:10px}
.szuflada-znak svg{height:46px;width:auto;fill:currentColor}
.szuflada-znak .znak-slowo{height:14px;fill:#E0303A}
.zamknij{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(239,241,234,.2);border-radius:2px}
.zamknij svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.szuflada>nav{display:grid;margin-top:26px;border-top:1px solid rgba(239,241,234,.14)}
.szuflada>nav a{font-family:var(--disp);font-weight:900;font-size:2.4rem;line-height:1;text-transform:uppercase;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(239,241,234,.14);display:flex;justify-content:space-between;align-items:center}
.szuflada>nav a[aria-current="page"]{color:var(--wapno);box-shadow:inset 4px 0 0 var(--flaga-j);padding-left:14px}
.szuflada>nav a.m-gra{color:var(--oko)}
.szuflada>nav a .str{width:26px;height:16px;flex:none;opacity:.6}
.str{width:18px;height:12px;flex:none}
.szuflada-dol{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}
.jezyki{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(239,241,234,.2);border-radius:2px}
.jezyki a{font-family:var(--disp);font-weight:800;font-size:.86rem;letter-spacing:.12em;padding:7px 11px;border-radius:1px;text-decoration:none;color:rgba(239,241,234,.66)}
.jezyki a span{display:none}
.jezyki a[aria-current]{background:var(--wapno);color:var(--noc)}
.szuflada .motyw{display:inline-flex;border-color:rgba(239,241,234,.2)}
.szuflada .motyw button{color:rgba(239,241,234,.66)}
.szuflada .motyw button[aria-pressed="true"]{background:var(--wapno);color:var(--noc)}
.szuflada .motyw-opis{margin-top:10px;font-size:.84rem;color:rgba(239,241,234,.6)}

/* podmenu działu */
.pod{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--bar));z-index:39;height:var(--pod);background:var(--pasek);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--pasek-linia)}
.pod-in{height:100%;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
/* margines automatyczny zamiast justify-content:flex-end: przy przewijaniu na telefonie nic nie ucieka w lewo */
.pod-in>:first-child{margin-left:auto}
.pod-in::-webkit-scrollbar{display:none}
.pod a,.pod .wkrotce{flex:none;font-family:var(--disp);font-weight:800;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--atrament-60);padding:7px 12px;border-radius:2px;white-space:nowrap}
.pod a:hover{color:var(--atrament)}
.pod a[aria-current="true"]{background:var(--atrament);color:var(--tlo)}
.pod .wkrotce{color:var(--atrament-40);cursor:default;display:inline-flex;gap:7px;align-items:baseline}
.pod .wkrotce small{font-size:.66rem;letter-spacing:.12em;border:1px solid var(--wlos);padding:2px 6px;border-radius:2px}

/* ---------- hero strony głównej (v7.7): hasło i przycisk po lewej, cały znak z cząstek po prawej; na telefonie znak nad hasłem ---------- */
.hero{padding-block:clamp(8px,2vw,24px) clamp(40px,5.5vw,80px);overflow:hidden}
.hero>.tlo img{object-position:62% 40%;opacity:.42}
.hero>.tlo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,21,15,.55) 0%,rgba(8,21,15,.2) 38%,rgba(8,21,15,.92) 100%),linear-gradient(90deg,rgba(8,21,15,.62),rgba(8,21,15,.12) 62%,rgba(8,21,15,.3))}
.hero-uklad{display:grid;gap:clamp(6px,1.6vw,20px);align-items:center}
.scena{position:relative;order:-1;width:min(100%,620px);aspect-ratio:1.42;justify-self:center}
/* płótno większe niż scena, brzegi wygaszone maską: chmura cząstek nie tworzy prostokąta; znak siedzi w środku, poza wygaszeniem */
#czastki{position:absolute;inset:-8% -12%;cursor:crosshair;touch-action:pan-y;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 87%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0,#000 13%,#000 87%,transparent 100%);
  mask-composite:intersect}
#czastki canvas{width:100%;height:100%}
.scena .znak-staly{position:absolute;inset:0;margin:auto;width:87%;height:auto}
.scena .znak-staly .lx,.scena .znak-staly .fd{fill:#EFF1EA}.scena .znak-staly .wd{fill:#E0303A}
.js .scena .znak-staly{display:none}
/* hasło mierzy się szerokością kolumny i zawsze mieści się w jednej linii; .bl to znacznik linii pisma */
.hero-tekst{position:relative;z-index:3;display:grid;gap:clamp(18px,2.2vw,30px);align-content:center;justify-items:start;container-type:inline-size}
.hero .h1{font-size:min(calc(100cqw / var(--h1-em,5.4)),132px);white-space:nowrap;line-height:1}
.hero .h1 .bl{display:inline-block;width:0;height:0;vertical-align:baseline}
@media (max-width:599px){.hero .przyciski{width:100%}.hero .przyciski .btn{width:100%}}
/* desktop: znak z cząstek wypełnia prawą część ekranu (od hasła do krawędzi okna, prawie całą wysokość hero),
   hasło i przycisk mniejsze, przy dolnej linii znaku (czastki.js dosuwa hasło do linii FEDERATION) */
@media (min-width:900px){
  /* kolumna hasła ma stałą szerokość 5,4 em we wszystkich językach; dłuższe hasło (DE, ES) dostaje mniejszy stopień, a znak zawsze ten sam rozmiar */
  .hero{--h1-fs:clamp(56px,5.2vw,96px);--kol:calc(var(--h1-fs) * 5.4);--tekst-l:max(var(--gut),env(safe-area-inset-left,0px))}
  /* hero na całą szerokość okna: hasło przy lewej krawędzi, w linii ze znakiem w pasku */
  .hero>.in{max-width:none}
  .hero-uklad{display:flex;align-items:flex-end;min-height:calc(100svh - var(--bar) - 48px);padding-bottom:clamp(36px,8vh,110px)}
  .hero-tekst{width:var(--kol);gap:clamp(16px,1.6vw,24px)}
  .hero .h1{font-size:min(var(--h1-fs),calc(var(--kol) / var(--h1-em,5.4)))}
  .hero .btn{min-height:48px;font-size:.98rem}
  .scena{position:absolute;z-index:1;order:0;top:3%;bottom:max(9%,120px);right:0;left:calc(var(--tekst-l) + var(--kol) + clamp(24px,3vw,56px));width:auto;aspect-ratio:auto;margin:0;justify-self:auto}
  #czastki{inset:-6% -4%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
  .scena .znak-staly{width:84%}
}

/* ---------- nagłówek podstrony ---------- */
.strona{padding-block:clamp(40px,6vw,88px) clamp(40px,6vw,80px);overflow:hidden}
.strona>.tlo img{opacity:.52;object-position:70% 40%}
.strona>.tlo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,21,15,.2),rgba(8,21,15,.86)),linear-gradient(90deg,rgba(8,21,15,.88) 18%,rgba(8,21,15,0) 78%)}
.strona .lead{color:rgba(239,241,234,.84)}

/* ---------- karty i siatki ---------- */
.siatka-2{display:grid;gap:clamp(22px,3vw,40px)}
.siatka-3{display:grid;gap:clamp(18px,2.4vw,30px)}
.siatka-4{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){.siatka-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.siatka-2{grid-template-columns:repeat(2,minmax(0,1fr))}.siatka-2.szeroka-lewa{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.siatka-2.szeroka-prawa{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media (min-width:1100px){.siatka-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.siatka-2>*,.siatka-3>*,.siatka-4>*{min-width:0}
.foto{position:relative;overflow:hidden;background:var(--tlo-2);border-radius:2px}
.foto img{width:100%;height:100%;object-fit:cover}
.foto.r169{aspect-ratio:16/10}
.foto.r43{aspect-ratio:4/3}
.foto.r34{aspect-ratio:3/4}
.foto.r11{aspect-ratio:1}
.foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;font-size:.78rem;line-height:1.35;color:rgba(239,241,234,.86);background:linear-gradient(180deg,transparent,rgba(8,21,15,.8))}
.foto figcaption a{color:inherit}

/* lista punktów „co robimy” */
.punkty{display:grid;gap:0;border-top:1px solid var(--wlos)}
.punkty li{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:4px 20px;padding:16px 0;border-bottom:1px solid var(--wlos);align-items:baseline}
.punkty b{font-family:var(--disp);font-weight:900;font-size:1.4rem;text-transform:uppercase;line-height:1;letter-spacing:.01em}
.punkty span{color:var(--atrament-80)}
@media (max-width:520px){.punkty li{grid-template-columns:1fr}}


/* obozy na stronie głównej i na podstronie */
.zima{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(560px,46vw,700px)}
.zima-tlo{position:absolute;z-index:-1;right:calc(var(--gut) * -1);bottom:0;width:min(66%,900px);pointer-events:none}
.zima-tlo::before{content:"";position:absolute;left:-14%;right:-10%;top:-16%;bottom:-2%;z-index:-1;background:radial-gradient(50% 56% at 54% 72%,rgba(43,104,76,.42),rgba(23,67,47,.14) 56%,transparent 76%)}
.zima-tlo img{width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 24%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(0deg,transparent 0,#000 24%);mask-composite:intersect}
.zima-tresc{position:relative;display:grid;gap:clamp(16px,2vw,24px);max-width:min(560px,50%);padding-block:clamp(10px,2vw,28px)}
.zima-tytul span{display:block}
@media (max-width:899px){.zima{min-height:0;align-items:start}.zima-tlo{position:relative;right:auto;width:auto;margin:0 calc(var(--gut) * -1) -20%}.zima-tlo img{-webkit-mask-image:linear-gradient(0deg,transparent 6%,#000 48%);mask-image:linear-gradient(0deg,transparent 6%,#000 48%)}.zima-tresc{max-width:none}}
.obozy-pl{margin-top:clamp(40px,4.6vw,68px)}
.zima.dluga .zima-tlo{bottom:auto;top:clamp(140px,16vw,240px)}
.zima.dluga .zima-tytul{font-size:clamp(42px,5.4vw,82px)}
@media (max-width:899px){.zima.dluga .zima-tlo{top:auto}}
.turnusy{display:grid;gap:0;border-top:1px solid var(--wlos)}
.turnusy li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px;padding:14px 0;border-bottom:1px solid var(--wlos)}
.turnusy b{font-family:var(--disp);font-weight:900;font-size:1.3rem;text-transform:uppercase}
.turnusy span{font-family:var(--stencil);font-weight:900;font-size:1.35rem;color:var(--sygnal);font-variant-numeric:tabular-nums}
.organizator{display:flex;align-items:center;gap:14px}
.organizator img{width:auto;height:64px;flex:none}
.organizator p{font-size:.95rem;line-height:1.4;color:var(--atrament-80)}
.organizator b{color:var(--atrament)}

.oboz-karta{display:grid;gap:14px;align-content:start;padding:clamp(18px,2.4vw,28px);background:var(--tlo-2);border-radius:2px}
.oboz-karta .kiedy{font-family:var(--stencil);font-weight:900;font-size:clamp(2.2rem,4vw,3.4rem);line-height:.9;color:var(--sygnal);text-transform:uppercase}
.oboz-karta p{color:var(--atrament-80)}
.oboz-karta .liczby{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:10px;border-top:1px solid var(--wlos)}
.oboz-karta .liczby div{display:grid}
.oboz-karta .liczby b{font-family:var(--stencil);font-weight:900;font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}
.oboz-karta .liczby span{font-size:.82rem;color:var(--atrament-60)}

/* film z obozu */
.film{position:relative;aspect-ratio:16/9;background:#000;border-radius:2px;overflow:hidden}
.film video{width:100%;height:100%;object-fit:cover}
.film-ster{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}
.film-ster button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:2px;background:rgba(8,21,15,.72);border:1px solid rgba(239,241,234,.28);color:#EFF1EA;font-family:var(--disp);font-weight:800;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.film-ster button:hover{background:rgba(8,21,15,.9);border-color:#EFF1EA}
.film-ster svg{width:16px;height:16px;fill:currentColor}

/* ---------- aktualności ---------- */
.nw-gora{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:0 24px;position:relative}
.nw-gora>.naglowek{flex:1 1 30rem;min-width:0}
.nw-gora .naglowek{padding-bottom:clamp(18px,2.4vw,28px)}
.nw-blok>.wpisy,.nw-blok>.nw-skrot{margin-top:0}
.zerka{position:relative;flex:none;width:clamp(92px,11vw,150px);align-self:end;margin-left:auto}
.zerka-okno{overflow:hidden;aspect-ratio:1.5;position:relative}
.zerka .lynx-live{width:100%;position:absolute;left:0;top:0}
.nw-blok{display:grid}
.nw-blok .nw-linia{height:1.5px;background:var(--atrament-40)}
.filtry{display:flex;flex-wrap:wrap;gap:8px}
.filtry button{font-family:var(--disp);font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--wlos);border-radius:2px;color:var(--atrament-60);transition:color .2s,border-color .2s,background .2s}
.filtry button:hover{color:var(--atrament);border-color:var(--atrament-40)}
.filtry button[aria-pressed="true"]{background:var(--atrament);border-color:var(--atrament);color:var(--tlo)}
.wpisy{display:grid;gap:0;border-top:1.5px solid var(--atrament-40)}
.wpis{position:relative;display:grid;gap:12px 20px;grid-template-columns:minmax(0,1fr);padding:20px 0;border-bottom:1px solid var(--wlos)}
.rozciagnij::after{content:"";position:absolute;inset:0;z-index:1}
.wpis-cialo{grid-column:1/-1}
.wpis[hidden]{display:none}
.wpis-foto{aspect-ratio:16/10;border-radius:2px;overflow:hidden;background:var(--tlo-2);position:relative}
.wpis-foto img{width:100%;height:100%;object-fit:cover}
.wpis-foto.pusc img{object-fit:contain;object-position:50% 100%}
.wpis-foto.portret img{object-position:50% 22%}
.wpis-foto.nocne{background:radial-gradient(120% 90% at 50% 100%,#1A3A31,#08150F 70%)}
.wpis-tekst{display:grid;gap:8px;align-content:start;min-width:0}
.wpis-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.wpis-meta time{font-family:var(--stencil);font-weight:900;font-size:1rem;color:var(--atrament-60);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.kat{font-family:var(--disp);font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:2px;border:1px solid var(--wlos);color:var(--atrament-80)}
.kat-obozy{border-color:color-mix(in srgb,var(--sygnal) 60%,transparent);color:var(--sygnal)}
.kat-federacja{border-color:color-mix(in srgb,var(--czerwien) 70%,transparent);color:var(--czerwien)}
.wpis h3{font-family:var(--disp);font-weight:900;font-size:clamp(1.55rem,2.3vw,2.05rem);line-height:1.04;text-transform:uppercase}
.wpis h3 a{text-decoration:none}
.wpis h3 a:hover{color:var(--sygnal)}
.wpis .zajawka{color:var(--atrament-80)}
.wpis-wiecej{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--atrament);border-bottom:1.5px solid var(--atrament-40);padding-bottom:2px;margin-top:2px}
.wpis-wiecej:hover{border-color:var(--sygnal)}
.wpis-wiecej svg{width:12px;height:12px;transition:transform .25s var(--out)}
.wpis-wiecej[aria-expanded="true"] svg{transform:rotate(180deg)}
.wpis-cialo{display:grid;gap:1em;padding-top:6px;color:var(--atrament-80);max-width:68ch}
.wpis-cialo .zrodla{font-family:var(--text);font-size:.82rem;color:var(--atrament-60)}
.wpis-cialo .zrodla a{color:inherit}
@media (max-width:719px){.wpis{grid-template-columns:104px minmax(0,1fr);gap:4px 14px;align-items:start}.wpis .wpis-foto{aspect-ratio:1}.wpis h3{font-size:1.32rem}.wpis .zajawka{font-size:.95rem}
.wpis.czolowy{grid-template-columns:minmax(0,1fr)}.wpis.czolowy .wpis-foto{aspect-ratio:16/10;grid-row:auto}.wpis.czolowy h3{font-size:2rem}}
@media (min-width:720px){.wpis{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:24px}}
.wpis.czolowy{padding:0 0 26px;grid-template-columns:minmax(0,1fr)}
.wpis.czolowy .wpis-foto{aspect-ratio:16/9}
@media (min-width:720px){.wpis:not(.czolowy) .wpis-cialo{grid-column:2}}
.wpis.czolowy h3{font-size:clamp(2rem,4vw,3.4rem)}
@media (min-width:960px){.wpis.czolowy{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px;align-items:center}}
.nw-uklad{display:grid;gap:clamp(24px,3vw,44px)}
@media (min-width:1100px){.nw-uklad{grid-template-columns:minmax(0,1fr) minmax(0,20rem)}}
.nw-bok{display:grid;gap:18px;align-content:start;align-self:start;padding:clamp(16px,2vw,24px);border-radius:4px;background:color-mix(in srgb,var(--atrament) 6%,transparent);box-shadow:inset 0 0 0 1px var(--wlos);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.kafel-ig .kafel-tekst{padding-top:18px}
.bok-tytul{font-family:var(--disp);font-weight:900;font-size:clamp(1.9rem,2.6vw,2.4rem);line-height:1;text-transform:uppercase;letter-spacing:-.004em}
.kafel{display:grid;gap:10px;background:var(--tlo-2);border-radius:2px;overflow:hidden}
.kafel .foto{aspect-ratio:16/9;border-radius:0}
.kafel-tekst{display:grid;gap:8px;padding:10px 16px 18px}
.kafel h3{font-family:var(--disp);font-weight:900;font-size:1.6rem;line-height:1.04;text-transform:uppercase}
.kafel p{font-size:.95rem;color:var(--atrament-80)}
.puste{padding:24px 0;color:var(--atrament-60)}

/* mini lista aktualności na stronie głównej */
.nw-skrot{display:grid;gap:clamp(18px,2.4vw,28px)}
@media (min-width:900px){.nw-skrot{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.nw-skrot .wpis{grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:14px;padding:14px 0}
.nw-skrot .wpis h3{font-size:1.3rem}
.nw-skrot .wpis .zajawka{display:none}
.nw-skrot .wpis.czolowy{grid-template-columns:minmax(0,1fr);padding:0;border:0}
.nw-skrot .wpis.czolowy h3{font-size:clamp(1.9rem,3.2vw,2.8rem)}
.nw-skrot .wpis.czolowy .zajawka{display:block}
.nw-skrot .wpisy{border-top:0;align-content:start}

/* ---------- historia: oś czasu ---------- */
.os{display:grid;gap:0;border-top:1.5px solid var(--atrament-40)}
.os li{display:grid;grid-template-columns:minmax(0,6.5rem) minmax(0,1fr);gap:6px 22px;padding:18px 0;border-bottom:1px solid var(--wlos)}
.os .rok{font-family:var(--stencil);font-weight:900;font-size:clamp(1.9rem,3vw,2.6rem);line-height:.9;color:var(--sygnal);font-variant-numeric:tabular-nums}
.os .rok small{display:block;font-family:var(--disp);font-weight:800;font-size:.75rem;letter-spacing:.12em;color:var(--atrament-60);margin-top:6px}
.os h3{font-family:var(--disp);font-weight:900;font-size:1.45rem;line-height:1;text-transform:uppercase}
.os p{color:var(--atrament-80);margin-top:6px}
.os .gkf .rok{color:var(--czerwien)}
.os-tytul{font-family:var(--disp);font-weight:900;font-size:clamp(1.6rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1;padding:28px 0 12px}
.os-koniec{font-family:var(--disp);font-weight:900;font-size:clamp(2.2rem,5vw,4rem);text-transform:uppercase;line-height:1;padding-top:28px}
.os-koniec em{font-style:normal;color:var(--czerwien)}
@media (min-width:900px){.os li{grid-template-columns:minmax(0,9rem) minmax(0,1fr) 5.5rem;align-items:start}.os li .os-foto{grid-row:1/3;grid-column:3}}
.os-foto{width:5.5rem;aspect-ratio:1;object-fit:cover;object-position:50% 18%;border-radius:2px;filter:grayscale(1);background:var(--tlo-2)}
@media (max-width:899px){.os-foto{display:none}}

/* ---------- ślad rysia ---------- */
.cechy{display:grid;gap:clamp(14px,2vw,22px)}
@media (min-width:640px){.cechy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.cechy{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cecha{display:grid;grid-template-rows:auto 1fr;background:var(--tlo-2);border-radius:2px;overflow:hidden}
.cecha .foto{aspect-ratio:16/10;border-radius:0}
.cecha-tekst{display:grid;gap:8px;padding:16px 16px 20px;align-content:start}
.cecha h3{font-family:var(--disp);font-weight:900;font-size:1.6rem;line-height:1.04;text-transform:uppercase}
.cecha p{color:var(--atrament-80);font-size:.98rem}
.cecha .bramkarz{color:var(--atrament);font-weight:600}
.w-polsce{display:grid;gap:clamp(20px,3vw,40px);align-items:start}
@media (min-width:900px){.w-polsce{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.fakty{display:grid;gap:0;border-top:1px solid var(--wlos)}
.fakty li{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--wlos);align-items:baseline}
.fakty b{font-family:var(--stencil);font-weight:900;font-size:1.9rem;line-height:.9;color:var(--sygnal);font-variant-numeric:tabular-nums;white-space:nowrap}
.fakty b small{font-family:var(--disp);font-weight:800;font-size:.5em;letter-spacing:.04em;text-transform:uppercase}
.fakty span{color:var(--atrament-80)}

/* ---------- leksykon ---------- */
.lx-lead .wl{display:block}
.lx-lead .wl+.wl{margin-top:.2em;color:var(--atrament)}
.lx-ster{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:center;max-width:980px;margin-inline:auto;padding-top:clamp(4px,1vw,12px)}
.lx-szukaj{display:flex;align-items:center;gap:14px;width:min(100%,600px);height:62px;padding:0 20px;border:1.5px solid var(--atrament-40);border-radius:3px;background:color-mix(in srgb,var(--atrament) 5%,var(--tlo));box-shadow:0 16px 34px -24px rgba(0,0,0,.55);transition:border-color .2s,box-shadow .2s}
.lx-szukaj svg{width:24px;height:24px;flex:none;stroke:var(--atrament);fill:none;stroke-width:2.1}
.lx-szukaj input{flex:1;min-width:0;width:100%;height:58px;border:0;background:transparent;color:var(--atrament);font:inherit;font-size:clamp(1.02rem,1.2vw,1.15rem);font-weight:500}
.lx-szukaj input::placeholder{color:var(--atrament-60)}
.lx-szukaj input:focus{outline:none}
.lx-szukaj input::-webkit-search-cancel-button{cursor:pointer}
.lx-szukaj:hover{border-color:var(--atrament-60)}
.lx-szukaj:focus-within{border-color:var(--sygnal);box-shadow:0 0 0 3px color-mix(in srgb,var(--sygnal) 28%,transparent),0 16px 34px -24px rgba(0,0,0,.55)}
.lx-ery{justify-content:center}
.lx-ile{font-family:var(--stencil);font-weight:900;font-size:1.15rem;color:var(--atrament-60);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lx-wiecej{display:flex;justify-content:center;padding-top:8px}
.lx-ery button{display:inline-flex;align-items:center;gap:8px}
.lx-ery button.era{background:none;box-shadow:none;color:var(--atrament-60);letter-spacing:.08em}
.lx-ery button.era::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--era);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.lx-ery button.era:hover{color:var(--atrament)}
.lx-ery button.era[aria-pressed="true"]{background:var(--era);border-color:var(--era);color:#fff}
.lx-ery button.era[aria-pressed="true"]::before{background:#fff}

/* ---------- słownik ---------- */
.slownik{display:grid;gap:clamp(10px,1.4vw,18px);grid-template-columns:repeat(3,minmax(0,1fr))}
/* na telefonie talia kartoników do przesuwania palcem: jeden rząd, wszystkie karty tej samej wysokości */
@media (max-width:759px){.slownik{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(76vw,310px);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding:6px var(--gut) 16px;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain}.slownik::-webkit-scrollbar{display:none}.sk{scroll-snap-align:start}}
@media (min-width:1100px){.slownik{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sk{position:relative;perspective:1200px;container-type:inline-size;scroll-margin-top:calc(var(--bar) + var(--pod) + 24px)}
.sk-obrot{display:grid;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.9,.25,1)}
.sk.odwrocona .sk-obrot{transform:rotateY(180deg)}
.sk-awers,.sk-rewers{grid-area:1/1;position:relative;display:flex;flex-direction:column;border-radius:clamp(10px,6cqw,16px);overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  box-shadow:inset 0 0 0 1px var(--k-rama),0 1px 2px rgba(0,0,0,.22),0 14px 26px -16px rgba(0,0,0,.6)}
.sk-awers::before,.sk-rewers::before{content:"";position:absolute;inset:clamp(6px,3.4cqw,9px);border-radius:clamp(6px,4cqw,10px);border:1px solid var(--k-linia);pointer-events:none}
.sk-awers{--k-rama:rgba(255,255,255,.85);--k-linia:rgba(20,38,29,.18);min-height:clamp(170px,70cqw,220px);gap:8px;padding:clamp(14px,9cqw,24px) clamp(14px,9cqw,24px) clamp(14px,8cqw,22px);background:linear-gradient(155deg,#FCFAF4 0%,#E3DCC9 100%);color:#14261D}
.sk-awers::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 50% at 25% 0%,rgba(255,255,255,.5),transparent 62%)}
.sk-nr{font-family:var(--stencil);font-weight:900;font-size:clamp(34px,21cqw,62px);line-height:.82;letter-spacing:-.01em;color:#B3182F;font-variant-numeric:tabular-nums}
.sk-haslo{margin-top:auto;font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(21px,12.5cqw,36px);line-height:1;letter-spacing:.004em;overflow-wrap:break-word}
.sk-skad{font-size:clamp(12px,6cqw,14.5px);line-height:1.3;color:rgba(20,38,29,.78);font-weight:500}
.sk-ikona{position:absolute;right:clamp(12px,7cqw,18px);top:clamp(12px,7cqw,18px);width:clamp(24px,14cqw,32px);height:clamp(24px,14cqw,32px);display:grid;place-items:center;border:1px solid rgba(20,38,29,.3);border-radius:50%;transition:transform .5s var(--out)}
.sk-ikona svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sk:hover .sk-ikona{transform:rotate(-180deg)}
.sk-przod{position:absolute;inset:0;z-index:2;width:100%;height:100%;cursor:pointer;border-radius:inherit}
.sk-przod:focus-visible,.sk-wroc:focus-visible{outline:3px solid var(--sygnal);outline-offset:3px}
.sk-rewers{--k-rama:rgba(239,241,234,.18);--k-linia:rgba(239,241,234,.2);transform:rotateY(180deg);gap:10px;padding:clamp(14px,8cqw,22px);background:linear-gradient(168deg,#2B6C50 0%,#18452F 42%,#0A2118 100%);color:#EFF1EA;cursor:pointer}
.sk-rew-gora{display:flex;justify-content:space-between;align-items:start;gap:10px}
.sk-rew-haslo{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(16px,8.6cqw,22px);line-height:1;color:#E9B949;overflow-wrap:break-word}
.sk-wroc{flex:none;width:clamp(28px,15cqw,34px);height:clamp(28px,15cqw,34px);display:grid;place-items:center;border:1px solid rgba(239,241,234,.25);border-radius:6px;color:#EFF1EA;position:relative;z-index:2}
.sk-wroc svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sk-opis{font-size:clamp(12.5px,6.2cqw,15.5px);line-height:1.42;font-weight:500;cursor:auto}
.sk-rewers .sk-skad{margin-top:auto;color:rgba(239,241,234,.62);font-size:clamp(11px,5.4cqw,13px)}
.sk:target .sk-awers{box-shadow:inset 0 0 0 1px rgba(255,246,214,.6),0 0 0 3px var(--sygnal),0 14px 26px -16px rgba(0,0,0,.6)}
html:not(.js) .sk-rewers{transform:none;grid-area:auto;margin-top:8px}
html:not(.js) .sk-obrot{display:block}
@media (prefers-reduced-motion:reduce){.sk-obrot{transition:none}}

/* ---------- pas gry: cienki pas, światło startowe zamiast zwykłego przycisku ---------- */
.gra-pas{padding-block:clamp(24px,3.2vw,40px)}
.gra-uklad{display:grid;gap:16px 36px;align-items:center}
@media (min-width:900px){.gra-uklad{grid-template-columns:auto minmax(0,1fr) auto}}
.gra-uklad .ms{font-family:var(--stencil);font-weight:900;font-size:clamp(3.6rem,8.4vw,6.6rem);line-height:.8;letter-spacing:-.01em}
.gra-uklad .ms small{font-size:.4em;margin-left:.08em}
.gra-tekst{display:grid;gap:6px;max-width:52ch}
.gra-tytul{font-family:var(--disp);font-weight:900;font-size:clamp(26px,2.7vw,40px);line-height:1.02;text-transform:uppercase;letter-spacing:.004em}
.gra-pyt{font-family:var(--disp);font-weight:900;font-size:clamp(22px,2.1vw,31px);line-height:1;text-transform:uppercase;color:var(--flaga)}
.gra-info{font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.45;color:var(--atrament-80);margin-top:4px}
.graj{--sw:#C8102E;position:relative;justify-self:start;display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:14px 26px 14px 18px;background:var(--noc);color:var(--oko);text-decoration:none;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(233,185,73,.25),inset 0 -4px 0 rgba(0,0,0,.35),0 14px 26px -14px rgba(8,21,15,.7);transition:transform .2s var(--out),box-shadow .2s}
.graj:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(233,185,73,.55),inset 0 -4px 0 rgba(0,0,0,.35),0 20px 30px -14px rgba(8,21,15,.8)}
.graj:active{transform:translateY(1px)}
.graj-swiatlo{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#050E0A;box-shadow:inset 0 0 0 2px rgba(239,241,234,.12)}
.graj-swiatlo i{width:24px;height:24px;border-radius:50%;background:var(--sw);box-shadow:0 0 14px var(--sw),0 0 0 4px color-mix(in srgb,var(--sw) 22%,transparent);animation:swiatlo 1.6s ease-in-out infinite}
.graj:hover .graj-swiatlo i,.graj:focus-visible .graj-swiatlo i{--sw:#35C46B;animation:none}
@keyframes swiatlo{0%,100%{opacity:1}50%{opacity:.45}}
.graj-napis{font-family:var(--stencil);font-weight:900;font-size:clamp(30px,2.6vw,40px);line-height:.85;letter-spacing:.04em;text-transform:uppercase}
.graj-czas{font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,241,234,.6)}
@media (prefers-reduced-motion:reduce){.graj-swiatlo i{animation:none}}

/* nakładka z grą */
.nakladka{position:fixed;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top,0px) + var(--bar));z-index:39;background:#08150F;color:#EFF1EA;overflow:hidden;border-top:1px solid rgba(239,241,234,.08)}
.nakladka iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
html.gra-otwarta,html.gra-otwarta body{overflow:hidden}

/* ---------- czyste konto: tablica jak na stadionie ---------- */
.konto{position:fixed;z-index:30;left:max(14px,env(safe-area-inset-left,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));display:none;grid-template-columns:auto;justify-items:start;align-items:center;gap:3px;padding:7px 11px 8px;background:#08150F;color:#EFF1EA;border:1px solid rgba(239,241,234,.16);border-radius:2px;box-shadow:0 10px 30px rgba(0,0,0,.35);text-align:left;cursor:pointer;transition:border-color .2s,transform .25s var(--out)}
.konto:hover{border-color:#E9B949;transform:translateY(-2px)}
.konto-et{font-family:var(--disp);font-weight:800;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,241,234,.6);line-height:1.1;white-space:nowrap}
.konto-cyfry{position:relative;font-family:var(--stencil);font-weight:900;font-size:1.55rem;line-height:1;font-variant-numeric:tabular-nums;color:#E9B949;letter-spacing:.04em;text-shadow:0 0 12px rgba(233,185,73,.35)}
.konto-cyfry::before{content:"88:88";position:absolute;inset:0;color:rgba(233,185,73,.1);text-shadow:none}
.konto-cyfry span{position:relative}
.konto.gol .konto-cyfry{color:#E0303A;text-shadow:0 0 14px rgba(224,48,58,.5)}
.konto.gol .konto-cyfry::before{color:rgba(224,48,58,.12)}
.konto-rek{grid-column:1/-1;font-size:.68rem;color:rgba(239,241,234,.5);letter-spacing:.04em}
.konto-rek:empty{display:none}
@media (min-width:760px){.konto{display:grid}}

/* pasek zapisów na telefonie */
.dol{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:stretch;gap:8px;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:rgba(8,21,15,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(239,241,234,.14);color:#EFF1EA}
.dol .konto{display:grid;position:static;box-shadow:none;padding:6px 10px;border-color:rgba(239,241,234,.14);transform:none;justify-items:start}
.dol .konto-cyfry{font-size:1.35rem}
.dol .konto-rek{display:none}
.dol-cta{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:#C8102E;color:#fff;text-decoration:none;font-family:var(--disp);font-weight:900;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;border-radius:2px}
.dol-cta .str{width:18px;height:12px}
body.ma-dol{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
@media (min-width:760px){.dol{display:none}body.ma-dol{padding-bottom:0}}

/* ---------- stopka ---------- */
.stopka{padding-block:clamp(56px,7vw,96px) clamp(28px,4vw,40px)}
.st-uklad{display:grid;gap:34px 40px}
@media (min-width:760px){.st-uklad{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.st-uklad{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}}
.st-logo svg{width:min(100%,300px);height:auto}
.st-logo .lx{fill:#EFF1EA}.st-logo .wd{fill:#E0303A}.st-logo .fd{fill:#EFF1EA}
.st-kol{display:grid;gap:10px;align-content:start}
.st-kol h2{font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(239,241,234,.55)}
.st-kol p,.st-kol a{font-size:.98rem;color:rgba(239,241,234,.86)}
.st-kol a{text-decoration:none}
.st-kol a:hover{color:#E9B949;text-decoration:underline}
.mail{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.st-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.st-ikona{display:inline-grid;place-items:center;width:46px;height:46px;color:#EFF1EA;border:1px solid rgba(239,241,234,.22);border-radius:12px;transition:color .2s,border-color .2s,transform .2s var(--out)}
.st-kol a.st-ikona{color:#EFF1EA}
.st-ikona svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.st-ikona.fb svg{stroke-width:1.75}
.st-ikona .kropka{fill:currentColor;stroke:none}
.st-kol a.st-ikona:hover{color:#E9B949;border-color:#E9B949;transform:translateY(-2px);text-decoration:none}
.st-kol p:has(.st-partner){display:grid;gap:2px}
.st-kol a.st-partner{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-family:var(--disp);font-weight:800;font-size:1.12rem;letter-spacing:.05em;text-transform:uppercase;color:#EFF1EA;border-bottom:1.5px solid rgba(239,241,234,.35);padding-bottom:1px}
.st-kol a.st-partner:hover{color:#E9B949;border-color:#E9B949;text-decoration:none}
.st-partner .zew{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8}
.st-kol p:has(.st-partner) span{font-size:.88rem;color:rgba(239,241,234,.6)}
.st-firma span{display:block}
.st-firma span:first-child{font-weight:700;color:#EFF1EA}
.mail span{font-weight:600;color:#EFF1EA;user-select:all}
.kopiuj{font-family:var(--disp);font-weight:800;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border:1px solid rgba(239,241,234,.25);border-radius:2px;color:rgba(239,241,234,.8)}
.kopiuj:hover{border-color:#EFF1EA;color:#EFF1EA}
.st-dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(36px,5vw,56px);padding-top:18px;border-top:1px solid rgba(239,241,234,.12);font-size:.82rem;color:rgba(239,241,234,.5)}
@media (min-width:760px){.st-dol{padding-left:104px}}
.st-dol a{color:inherit}

/* ---------- ryś żywy (silnik v2.1, w Aktualnościach) ---------- */
@property --lx-fill{syntax:"<number>";inherits:true;initial-value:1}
@property --lx-line{syntax:"<number>";inherits:true;initial-value:0}
@property --lx-eye{syntax:"<number>";inherits:true;initial-value:0}
.lynx-live{position:relative;aspect-ratio:376.8/326.39;perspective:1400px;--lx-fill:1;--lx-line:0;--lx-eye:0;--lx-kolor:var(--atrament);--lx-glow:rgba(233,185,73,.55)}
.lynx-live .lx-tilt,.lynx-live .lx-head,.lynx-live .lx-breath{transform-style:preserve-3d}
.lynx-live .lx-head{will-change:transform}
.lynx-live .lx-breath{animation:lxBreath 5.4s ease-in-out infinite}
@keyframes lxBreath{50%{transform:scale(1.008)}}
.lynx-live .lx-svg{display:block;width:100%;height:auto;overflow:visible}
.lynx-live .lx-face{position:absolute;inset:0;will-change:transform}
.lynx-live defs path{fill:inherit;stroke:inherit;stroke-width:inherit;fill-opacity:inherit;stroke-opacity:inherit;stroke-dasharray:inherit;stroke-dashoffset:inherit;stroke-linejoin:inherit}
.lynx-live use.solid{fill:var(--lx-kolor);fill-opacity:var(--lx-fill);pointer-events:auto;cursor:pointer}
.lynx-live use.line{fill:none;stroke:var(--lx-kolor);stroke-width:1.5;stroke-linejoin:round;stroke-opacity:var(--lx-line);pointer-events:none}
.lynx-live use.ear{transform-box:view-box;transition:transform .5s var(--out)}
.lynx-live use.ear.r{transform-origin:221.16px 326.39px}
.lynx-live use.ear.l{transform-origin:155.64px 326.39px}
.lynx-live .eyes{opacity:var(--lx-eye);transition:opacity .6s var(--out);filter:drop-shadow(0 0 5px var(--lx-glow))}
.lynx-live .lens{fill:var(--oko);transition:fill .22s}
.lynx-live .pupil{fill:var(--noc)}
.lynx-live.leap .lens{fill:#F7CF6B}

/* ---------- strona błędu i polityka ---------- */
.blad{min-height:calc(100svh - var(--bar));display:grid;align-content:center}
.blad .znak-duzy{width:min(220px,50vw);height:auto;fill:var(--atrament)}
.dok{max-width:74ch;display:grid;grid-template-columns:minmax(0,1fr);gap:1.1em}
.dok h2{font-family:var(--disp);font-weight:900;font-size:clamp(1.6rem,2.6vw,2.2rem);text-transform:uppercase;line-height:1;margin-top:.8em}
.dok ul{display:grid;gap:.5em;padding-left:1.1em;list-style:disc}
.dok p,.dok li{color:var(--atrament-80)}

/* ---------- zdania od nowej linii w krótkich tekstach ---------- */
.zd{display:block}

/* ---------- O nas na stronie głównej: opis na linii bramkowej, tablica wyników ---------- */
.onas-gora{display:grid;gap:clamp(22px,3vw,44px);align-items:end;margin-bottom:clamp(34px,4.6vw,60px)}
@media (min-width:960px){.onas-gora{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.onas-tytul{font-size:clamp(46px,7.2vw,110px);line-height:1}
.onas-tytul span{display:block}
.onas-opis{display:grid;gap:20px;justify-items:start}
.linia-tekst{position:relative;padding-left:clamp(20px,2vw,28px);font-weight:500;font-size:clamp(19px,1.62vw,24px);line-height:1.36;letter-spacing:-.003em;color:var(--atrament);max-width:36ch}
.linia-tekst::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:1px;background:var(--atrament)}
.linia-tekst .zd+.zd{margin-top:.5em}
.tablica{display:grid;gap:3px;margin-bottom:clamp(34px,4.6vw,60px);padding:3px;background:#050E0A;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(239,241,234,.08),0 18px 40px -26px rgba(0,0,0,.6)}
@media (min-width:960px){.tablica{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tablica>div{display:grid;grid-template-columns:1fr;gap:10px 18px;align-content:start;padding:clamp(16px,2vw,26px) clamp(18px,2.2vw,30px);background:radial-gradient(130% 150% at 0% 0%,#10271D,#08150F 62%);border-radius:2px}
.tablica dd{order:-1;display:flex;align-items:baseline;gap:6px}
.tab-cyfry{display:inline-grid;font-family:var(--stencil);font-weight:900;font-size:clamp(54px,6.4vw,96px);line-height:.82;letter-spacing:.03em;color:#E9B949;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(233,185,73,.28)}
.tab-cyfry::before{content:attr(data-cien);grid-area:1/1;color:rgba(233,185,73,.08);text-shadow:none}
.tab-cyfry span{grid-area:1/1;justify-self:end}
.tablica small{font-family:var(--disp);font-weight:800;font-size:clamp(24px,2.3vw,36px);line-height:1;color:#E9B949}
.tablica dt{font-size:clamp(14px,1.08vw,16.5px);line-height:1.35;color:rgba(239,241,234,.78);text-wrap:balance}
.punkty-rzad{margin-top:clamp(34px,4.4vw,56px)}
@media (min-width:960px){.punkty-rzad{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(18px,2.4vw,32px);border-top:0}.punkty-rzad li{grid-template-columns:1fr;align-content:start;gap:10px;padding:16px 0 0;border-top:1.5px solid var(--atrament-40);border-bottom:0}}

/* ---------- galeria z obozów i podgląd ---------- */
.galeria-tytul{margin:clamp(36px,4.6vw,60px) 0 16px}
.galeria{display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1000px){.galeria{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}}
.galeria li{aspect-ratio:4/3;border-radius:2px;overflow:hidden;background:var(--tlo-2)}
.galeria button{display:block;width:100%;height:100%;cursor:zoom-in}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--out)}
.galeria .pion img{object-position:50% 26%}
.galeria button:hover img{transform:scale(1.05)}
.galeria button:focus-visible{outline-offset:-3px}
.podglad{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,14,10,.96);color:#EFF1EA;overflow:hidden}
.podglad[open]{display:grid;place-items:center}
.podglad::backdrop{background:rgba(5,14,10,.85)}
.podglad figure{display:grid;gap:12px;justify-items:center;padding:64px clamp(12px,7vw,96px) 28px}
.podglad img{max-width:100%;max-height:calc(100svh - 150px);width:auto;height:auto;border-radius:2px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.podglad figcaption{font-size:.95rem;line-height:1.4;color:rgba(239,241,234,.78);text-align:center;max-width:60ch}
.podglad-ile{position:absolute;top:22px;left:20px;font-family:var(--stencil);font-weight:900;font-size:1.1rem;color:rgba(239,241,234,.7);font-variant-numeric:tabular-nums}
.podglad-btn{position:absolute;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(239,241,234,.26);border-radius:2px;background:rgba(8,21,15,.55);color:#EFF1EA}
.podglad-btn:hover{border-color:#EFF1EA}
.podglad-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.podglad-zamknij{top:12px;right:12px}
.podglad-wstecz{left:12px;top:50%;transform:translateY(-50%)}
.podglad-dalej{right:12px;top:50%;transform:translateY(-50%)}
@media (max-width:699px){.podglad figure{padding-bottom:88px}.podglad-wstecz,.podglad-dalej{top:auto;bottom:18px;transform:none}.podglad-wstecz{left:calc(50% - 62px)}.podglad-dalej{right:calc(50% - 62px)}}

/* ---------- leksykon: karty zawodników z awersem i rewersem ---------- */
.lx-siatka{display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1180px;margin-inline:auto;padding-block:6px 10px}
@media (min-width:700px){.lx-siatka{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.lx-siatka{grid-template-columns:repeat(4,minmax(0,1fr))}}
.karty-rzad{display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.karty-rzad{grid-template-columns:repeat(4,minmax(0,1fr))}}
.karta{--k1:#225F46;--k2:#0D2E21;--k-tekst:#EFF1EA;--k-akcent:#E9B949;--k-linia:rgba(239,241,234,.2);--k-rama:rgba(239,241,234,.18);--k-imie:#EE5468;--k-chip:rgba(239,241,234,.2);--k-chip-t:inherit;
  position:relative;display:block;aspect-ratio:5/7;container-type:inline-size;perspective:1300px;text-decoration:none;color:var(--k-tekst);scroll-margin-top:calc(var(--bar) + var(--pod) + 24px)}
.karta.zlota{--k1:#FCFAF4;--k2:#E3DCC9;--k-tekst:#14261D;--k-akcent:#14261D;--k-linia:rgba(20,38,29,.18);--k-rama:rgba(255,255,255,.85);--k-imie:#B3182F;--k-chip:#0F3325;--k-chip-t:#EFF1EA}
.karta.zlota .karta-awers,.karta.zlota .karta-rewers{box-shadow:inset 0 0 0 1px var(--k-rama),0 0 0 1px rgba(15,35,28,.13),0 1px 2px rgba(0,0,0,.16),0 14px 28px -14px rgba(0,0,0,.42),0 30px 50px -32px rgba(0,0,0,.38)}
.karta[hidden]{display:none}
.karta-zawias,.karta-obrot{position:absolute;inset:0;transform-style:preserve-3d}
.karta-zawias{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--out)}
.karta.tilt .karta-zawias{transition:transform .08s linear}
.karta-obrot{transition:transform .75s cubic-bezier(.3,.9,.25,1)}
.karta.odwrocona .karta-obrot{transform:rotateY(180deg)}
.karta-awers,.karta-rewers{position:absolute;inset:0;border-radius:5.5cqw;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  background:linear-gradient(155deg,var(--k1) 0%,var(--k2) 100%);
  box-shadow:inset 0 0 0 1px var(--k-rama),0 1px 2px rgba(0,0,0,.24),0 14px 28px -14px rgba(0,0,0,.6),0 30px 50px -32px rgba(0,0,0,.5)}
.karta:not(.zlota) .karta-awers,.karta:not(.zlota) .karta-rewers{background:linear-gradient(168deg,#2B6C50 0%,#18452F 42%,#0A2118 100%)}
.karta-awers::before,.karta-rewers::before{content:"";position:absolute;inset:2.6cqw;border-radius:3.6cqw;border:1px solid var(--k-linia);pointer-events:none}
.karta-awers::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(60% 45% at var(--mx,28%) var(--my,0%),rgba(255,255,255,.2),transparent 65%);opacity:.9}
.karta-rewers{transform:rotateY(180deg)}
.karta-liczba{position:absolute;left:7cqw;top:8cqw;z-index:3;display:grid;justify-items:center;gap:1.1cqw;width:18cqw}
.karta-liczba b{font-family:var(--stencil);font-weight:900;font-size:14cqw;line-height:.82;color:var(--k-akcent);font-variant-numeric:tabular-nums}
.karta-liczba span:not(.karta-flaga){font-family:var(--disp);font-weight:800;font-size:3.5cqw;letter-spacing:.06em;text-transform:uppercase;line-height:1;opacity:.85}
.karta-liczba i{font-style:normal;font-family:var(--disp);font-weight:900;font-size:6.2cqw;line-height:1;letter-spacing:.05em;margin-top:1.8cqw}
.karta-flaga{display:block;width:9cqw;height:5.8cqw;border-radius:.7cqw;background:linear-gradient(#FFFFFF 50%,#D4213D 50%);box-shadow:0 0 0 1px rgba(0,0,0,.16)}
/* epoka: prostokąt w kolorze epoki, biały napis; ten sam kolor w filtrach leksykonu */
.era{--era:#17432F;display:inline-block;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:.07em;line-height:1;color:#fff;background:var(--era);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.22)}
.era-pionierzy{--era:#7A5530}.era-powojenni{--era:#4A5661}.era-orly{--era:#B3122E}.era-przelom{--era:#21395A}.era-nowa{--era:#0F6F7C}.era-kobiety{--era:#7E1D33}
.karta-era{position:absolute;right:7cqw;top:8cqw;z-index:3;font-size:3.5cqw;padding:1.4cqw 2.4cqw 1.2cqw;border-radius:.8cqw}
.karta-foto{position:absolute;left:27cqw;right:6cqw;top:17cqw;height:69cqw;z-index:1;display:grid;place-items:center;border-radius:3cqw 3cqw 0 0;overflow:hidden;-webkit-mask-image:radial-gradient(62% 64% at 50% 38%,#000 50%,rgba(0,0,0,.55) 74%,transparent 100%);mask-image:radial-gradient(62% 64% at 50% 38%,#000 50%,rgba(0,0,0,.55) 74%,transparent 100%)}
.karta-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.08) brightness(1.04);mix-blend-mode:luminosity}
.karta.zlota .karta-foto img{mix-blend-mode:multiply;filter:grayscale(1) contrast(1.12) brightness(1.06)}
.karta-mono{font-family:var(--stencil);font-weight:900;font-size:30cqw;line-height:1;opacity:.26}
.karta-nazwa{position:absolute;left:6cqw;right:6cqw;top:88cqw;z-index:3;text-align:center;font-family:var(--disp);font-weight:900;font-size:10.4cqw;line-height:1;text-transform:uppercase;letter-spacing:.005em;color:var(--k-imie)}
.karta-nazwa span{display:block;font-weight:800;font-size:.48em;letter-spacing:.07em;margin-bottom:.22em}
.karta-obroc{position:absolute;left:10cqw;top:73cqw;z-index:3;width:12cqw;height:12cqw;display:grid;place-items:center;border:1px solid var(--k-linia);border-radius:50%;opacity:.75;transition:transform .5s var(--out),opacity .2s}
.karta-obroc svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.karta:hover .karta-obroc{opacity:1;transform:rotate(-180deg)}
.karta-staty{position:absolute;left:9cqw;right:9cqw;top:110cqw;z-index:3;display:flex;justify-content:center;gap:2cqw;border-top:1px solid var(--k-linia);padding-top:3.2cqw}
.karta-staty div{flex:1;display:grid;justify-items:center;gap:.9cqw}
.karta-staty dt{font-family:var(--disp);font-weight:800;font-size:3.2cqw;letter-spacing:.08em;text-transform:uppercase;opacity:.8;line-height:1}
.karta-staty dd{font-family:var(--stencil);font-weight:900;font-size:6.4cqw;line-height:1;font-variant-numeric:tabular-nums}
.karta-klub{position:absolute;left:8cqw;right:8cqw;bottom:6cqw;z-index:3;text-align:center;font-size:3.6cqw;font-weight:600;line-height:1.2;opacity:.86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karta-przod{position:absolute;inset:0;z-index:4;width:100%;height:100%;border-radius:5.5cqw;cursor:pointer}
.karta-przod:focus-visible,.karta-mini:focus-visible{outline:3px solid var(--sygnal);outline-offset:4px}
.karta-rewers{display:flex;flex-direction:column;gap:3.4cqw;padding:8.5cqw 8cqw 7cqw;overflow-y:auto;scrollbar-width:none;cursor:pointer}
.karta-rewers::-webkit-scrollbar{display:none}
.karta-rewers.dalej::after{content:"";position:sticky;bottom:-7cqw;flex:none;height:12cqw;margin:-12cqw -8cqw -7cqw;pointer-events:none;background:linear-gradient(180deg,transparent,var(--k2) 85%)}
.karta-rew-gora{display:flex;justify-content:space-between;align-items:start;gap:3cqw}
.karta-rew-nazwa{font-family:var(--disp);font-weight:900;font-size:clamp(17px,8.2cqw,27px);line-height:1;text-transform:uppercase;color:var(--k-imie)}
.karta-rew-nazwa .era{display:table;margin-top:2cqw;font-size:clamp(10px,3.5cqw,12px);padding:1.3cqw 2.2cqw 1.1cqw;border-radius:.8cqw}
.karta-wroc{flex:none;width:clamp(30px,11cqw,38px);height:clamp(30px,11cqw,38px);display:grid;place-items:center;border:1px solid var(--k-linia);border-radius:2cqw}
.karta-wroc:hover{border-color:currentColor}
.karta-wroc svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.karta-opis{font-weight:500;font-size:clamp(11.5px,5.3cqw,16px);line-height:1.34;cursor:auto}
.karta-hasla{display:flex;flex-wrap:wrap;gap:1.6cqw}
.karta-hasla li{font-family:var(--disp);font-weight:800;font-size:clamp(10.5px,4cqw,13px);letter-spacing:.04em;text-transform:uppercase;line-height:1;padding:1.7cqw 2.4cqw;border-radius:1.2cqw;background:var(--k-chip);color:var(--k-chip-t)}
.karta-kluby{font-size:clamp(10.5px,3.9cqw,13px);line-height:1.35;opacity:.86}
.karta-zrodla{margin-top:auto;font-size:clamp(9.5px,3.2cqw,11px);line-height:1.35;opacity:.72;cursor:auto}
.karta-zrodla a{color:inherit}
@container (max-width:230px){.karta-kluby{display:none}.karta-rewers{gap:2.6cqw;padding:7cqw 6.5cqw 6cqw}.karta-rew-nazwa{font-size:15px}.karta-opis{font-size:10.5px;line-height:1.3}.karta-hasla li{font-size:9.5px;padding:1.5cqw 2cqw}.karta-zrodla{font-size:8.5px}}
.karta-mini{transition:transform .35s var(--out)}
@media (max-width:559px){.karta:not(.karta-mini):not(.karta-profil){aspect-ratio:5/8}}
html:not(.js) .karta{aspect-ratio:auto}
html:not(.js) .karta-zawias,html:not(.js) .karta-obrot{position:relative}
html:not(.js) .karta-awers{position:relative;aspect-ratio:5/7}
html:not(.js) .karta-rewers{position:relative;transform:none;margin-top:8px}
@media (prefers-reduced-motion:reduce){.karta-obrot,.karta-zawias{transition:none}}

/* ---------- ruch ograniczony ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .lynx-live .lx-breath{animation:none}
}
@media print{#siatka,.bar,.pod,.konto,.dol{display:none}}

/* ---------- Polska szkoła bramkarska: biało czerwony tytuł na nocnym tle, które się nie odwraca ---------- */
.th-psb{--tlo:#0A1912;--tlo-2:#10271D;--tlo-3:#153224;--atrament:var(--wapno);--atrament-80:rgba(239,241,234,.84);--atrament-60:rgba(239,241,234,.64);--atrament-40:rgba(239,241,234,.44);--atrament-20:rgba(239,241,234,.2);--wlos:rgba(239,241,234,.13);--sygnal:var(--oko);--czerwien:var(--flaga-j);--jasna:0;color-scheme:dark;
  background:radial-gradient(70% 90% at 100% 0%,rgba(200,16,46,.16),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(23,67,47,.5),transparent 70%),#0A1912}
.th-psb::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;z-index:3;background:linear-gradient(#EFF1EA 0 50%,#C8102E 50% 100%)}
.psb-tytul span:first-child{color:#EFF1EA}
.psb-tytul span:last-child{color:#E0303A}

/* ---------- trójka na stronie głównej: złote karty z profilem w O nas ---------- */
.trojka-karty{display:grid;gap:clamp(14px,1.8vw,24px);grid-template-columns:repeat(3,minmax(0,300px));justify-content:center}
@media (max-width:759px){.trojka-karty{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(64vw,260px);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gut) * -1);padding:6px var(--gut) 14px;scrollbar-width:none}.trojka-karty::-webkit-scrollbar{display:none}.trojka-karty>*{scroll-snap-align:start}}

/* ---------- założyciele w O nas: otwarta karta, awers i opis obok siebie ---------- */
.zalozyciele{display:grid;gap:clamp(18px,2.4vw,30px)}
.profil{position:relative;display:grid;gap:0;align-items:center;border-radius:18px;color:#EFF1EA;background:linear-gradient(160deg,#245A43 0%,#123526 55%,#0A2018 100%);box-shadow:inset 0 0 0 1px rgba(239,241,234,.12),0 24px 44px -28px rgba(0,0,0,.7);overflow:hidden;scroll-margin-top:calc(var(--bar) + var(--pod) + 20px)}
.profil::before{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid rgba(239,241,234,.12);pointer-events:none}
@media (min-width:760px){.profil{grid-template-columns:minmax(0,300px) minmax(0,1fr)}}
.profil .karta-profil{width:min(100%,300px);margin:clamp(18px,2.4vw,26px) auto 0}
@media (min-width:760px){.profil .karta-profil{margin:clamp(18px,2.2vw,26px)}}
.profil-tekst{position:relative;display:grid;gap:16px;align-content:center;padding:clamp(22px,3vw,40px)}
.profil-imie{font-family:var(--disp);font-weight:900;font-size:clamp(40px,4.4vw,64px);line-height:1;text-transform:uppercase;color:#EE5468}
.profil-imie span{display:block;font-size:.46em;letter-spacing:.07em;margin-bottom:.14em}
.profil-meta{display:flex;flex-wrap:wrap;gap:8px 26px;padding:12px 0;border-top:1px solid rgba(239,241,234,.16);border-bottom:1px solid rgba(239,241,234,.16);font-family:var(--disp);font-weight:800;font-size:.92rem;letter-spacing:.09em;text-transform:uppercase;color:rgba(239,241,234,.72)}
.profil-meta span{display:inline-flex;align-items:baseline;gap:8px}
.profil-meta b{font-family:var(--stencil);font-weight:900;font-size:2.1rem;line-height:.8;letter-spacing:0;color:#E9B949}
.profil-opis{font-size:clamp(16px,1.2vw,18px);line-height:1.55;color:rgba(239,241,234,.88);max-width:62ch}
.profil-hasla{display:flex;flex-wrap:wrap;gap:8px}
.profil-hasla li{font-family:var(--disp);font-weight:800;font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;line-height:1;padding:8px 11px;border-radius:4px;background:rgba(239,241,234,.14);color:#EFF1EA}
.profil-kluby{font-size:.95rem;color:rgba(239,241,234,.7)}
.profil-kluby b{font-family:var(--disp);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(239,241,234,.5);margin-right:8px}

/* ---------- Ślad rysia: szkic ołówkiem zamienia się w znak, na pasie papieru na całą szerokość ---------- */
.rys-film{position:relative;margin-inline:calc(50% - 50vw);width:100vw;height:clamp(300px,38vw,560px);display:grid;place-items:center;overflow:hidden;color:#0F231C;
  background-color:#F6F3EA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .2 0 0 0 0 .16 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  box-shadow:inset 0 1px 0 rgba(15,35,28,.08),inset 0 -1px 0 rgba(15,35,28,.08),inset 0 24px 40px -36px rgba(15,35,28,.35),inset 0 -24px 40px -36px rgba(15,35,28,.35)}
.rys-scena{position:absolute;left:3%;top:5%;width:94%;height:90%;overflow:visible}
.rf-kreski path{stroke-dasharray:1 2;stroke-dashoffset:0}
.rf-szkic{opacity:0}
.rf-kontur{opacity:0}
.rf-kontur path{fill:none;stroke:#2B2C28;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}
.rf-znak{fill:#0F231C;fill-opacity:1}
.rf-slowo{fill:#C8102E}.rf-fed{fill:#0F231C}
.rf-slowo,.rf-fed{opacity:1;transform:none;transform-box:fill-box}
/* przed startem: czysta kartka */
.js .rys-film:not(.gra):not(.koniec) .rf-szkic{opacity:1}
.js .rys-film:not(.gra):not(.koniec) .rf-kreski path{stroke-dashoffset:1.001}
.js .rys-film:not(.gra):not(.koniec) .rf-kontur{opacity:1}
.js .rys-film:not(.gra):not(.koniec) .rf-kontur path{stroke-dashoffset:1.001}
.js .rys-film:not(.gra):not(.koniec) .rf-znak{fill-opacity:0}
.js .rys-film:not(.gra):not(.koniec) :is(.rf-slowo,.rf-fed){opacity:0;transform:translateY(10px)}
/* rysowanie: kreski odsłaniają szkic, potem kontur znaku, wypełnienie i napis */
.rys-film.gra .rf-kreski path{transition:stroke-dashoffset .6s cubic-bezier(.45,.1,.3,1) var(--d,0ms)}
.rys-film.gra .rf-kontur path{transition:stroke-dashoffset 1.7s cubic-bezier(.5,.1,.3,1) 2.3s}
.rys-film.gra .rf-szkic{transition:opacity 1.2s ease 4s}
.rys-film.gra .rf-kontur{transition:opacity .9s ease 4.7s}
.rys-film.gra .rf-znak{transition:fill-opacity 1s ease 3.9s}
.rys-film.gra .rf-slowo{transition:opacity .7s ease 4.8s,transform 1s var(--out) 4.8s}
.rys-film.gra .rf-fed{transition:opacity .7s ease 5.2s,transform 1s var(--out) 5.2s}
.rf-znow{position:absolute;right:max(16px,var(--gut));bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(15,35,28,.25);border-radius:2px;background:rgba(246,243,234,.8);color:#0F231C;font-family:var(--disp);font-weight:800;font-size:.84rem;letter-spacing:.1em;text-transform:uppercase}
.rf-znow:hover{border-color:#0F231C}
.rf-znow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rys-hasla,.rys-stad{display:grid;gap:clamp(22px,3.4vw,52px) clamp(28px,5vw,84px);align-items:start}
@media (min-width:1000px){.rys-hasla,.rys-stad{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.rys-hasla{padding-top:clamp(6px,1.4vw,20px)}
.rh-duzy{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(46px,6.4vw,96px);line-height:1;letter-spacing:-.004em;color:var(--atrament)}
.rh-czer{color:var(--czerwien)}
.rh-odp{display:grid;gap:clamp(20px,2.6vw,34px);padding-top:clamp(2px,.5vw,8px)}
.rh-sredni{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.2vw,48px);line-height:1.04;letter-spacing:.004em;color:var(--atrament);max-width:17ch}
.rh-rytm{display:grid;gap:14px;font-size:clamp(18px,1.55vw,23px);line-height:1.38;color:var(--atrament-80);max-width:34em}
.rh-mocny{color:var(--atrament);font-weight:600}
/* linia polowania: długa cisza w kropki, potem krótki czerwony skok */
.rh-linia{position:relative;display:block;height:16px;width:min(100%,560px)}
.rh-cisza{position:absolute;left:0;top:7px;width:76%;height:2px;background:repeating-linear-gradient(90deg,var(--atrament-40) 0 7px,transparent 7px 14px);transform-origin:0 50%}
.rh-skok{position:absolute;left:76%;top:4px;width:22%;height:8px;border-radius:2px;background:var(--czerwien);transform-origin:0 50%}
.rh-skok::after{content:"";position:absolute;right:-7px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--czerwien);box-shadow:0 0 0 5px color-mix(in srgb,var(--czerwien) 22%,transparent)}
.js .rh-rytm:not(.gra) .rh-cisza{transform:scaleX(0)}
.js .rh-rytm:not(.gra) .rh-skok{transform:scaleX(0);opacity:0}
.rh-rytm.gra .rh-cisza{transition:transform 2.6s linear .2s}
.rh-rytm.gra .rh-skok{transition:transform .3s cubic-bezier(.15,.9,.2,1) 2.85s,opacity .01s 2.85s}
.rys-stad{padding-top:clamp(26px,3.6vw,48px);border-top:1.5px solid var(--atrament-40)}
.rh-stad{font-size:clamp(42px,5.2vw,80px)}
.rs-tekst{display:grid;gap:12px;font-size:clamp(17.5px,1.4vw,20.5px);line-height:1.5;color:var(--atrament-80);max-width:56ch}
.rs-tekst i{font-family:var(--serif);font-style:italic;color:var(--atrament)}
.rs-misja{position:relative;margin-top:12px;padding-left:24px;font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:clamp(23px,2.1vw,31px);line-height:1.02;letter-spacing:.006em;color:var(--atrament);max-width:24ch}
.rs-misja::before{content:"";position:absolute;left:0;top:.06em;bottom:.08em;width:7px;border-radius:1px;background:linear-gradient(#EFF1EA 0 50%,#C8102E 50% 100%);box-shadow:0 0 0 1px var(--wlos)}

/* ---------- Akademia: dwa zdania pod tytułem, nabór w trzech krokach z przyciskiem w pierwszym, karuzela zdjęć ---------- */
.ak-gora{display:grid;gap:clamp(20px,2.6vw,34px)}
.ak-zdania{display:grid;gap:clamp(16px,2.4vw,40px);max-width:1180px}
@media (min-width:900px){.ak-zdania{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ak-zdania p{position:relative;padding-left:clamp(20px,2vw,28px);font-weight:500;font-size:clamp(19px,1.62vw,24px);line-height:1.36;letter-spacing:-.003em;color:var(--atrament)}
.ak-zdania p::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:1px;background:var(--sygnal)}
.nabor{display:grid;gap:18px}
.nabor-kroki{display:grid;gap:14px}
@media (min-width:900px){.nabor-kroki{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}}
.nk{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(18px,2.2vw,28px);border:1.5px solid var(--atrament-20);border-radius:3px}
.nk-teraz{border-color:transparent;background:var(--tlo-3);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sygnal) 55%,transparent),0 22px 40px -28px rgba(0,0,0,.6)}
.nk-nr{font-family:var(--stencil);font-weight:900;font-size:clamp(2.6rem,4.2vw,3.8rem);line-height:.84;color:var(--sygnal);font-variant-numeric:tabular-nums}
.nk:not(.nk-teraz) .nk-nr{color:var(--atrament-40)}
.nk-tytul{font-family:var(--disp);font-weight:900;font-size:clamp(1.4rem,1.8vw,1.7rem);line-height:1;text-transform:uppercase}
.nk p{color:var(--atrament-80)}
.nk-btn{justify-self:start;margin-top:10px;min-height:56px;padding:14px 24px;font-size:1.14rem}
@media (min-width:900px){.nk:not(:last-child)::after{content:"";position:absolute;right:-15px;top:clamp(34px,3.6vw,46px);width:9px;height:9px;border-top:2px solid var(--atrament-40);border-right:2px solid var(--atrament-40);transform:rotate(45deg)}}
@media (max-width:899px){.nk-btn{justify-self:stretch}}
.karuzela{--kz-pad:max(var(--gut),calc((100vw - var(--maxw)) / 2));position:relative;display:grid;gap:14px;margin-inline:calc(50% - 50vw)}
.kz-tor{position:relative;display:flex;gap:clamp(10px,1.4vw,18px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--kz-pad);scroll-padding-inline:var(--kz-pad);overscroll-behavior-x:contain;outline-offset:-3px}
.kz-tor::-webkit-scrollbar{display:none}
.kz-slajd{flex:0 0 min(86vw,920px);aspect-ratio:3/2;border-radius:3px;overflow:hidden;scroll-snap-align:start;background:var(--tlo-2)}
.kz-slajd img{width:100%;height:100%;object-fit:cover}
.kz-ster{display:flex;align-items:center;gap:14px;padding-inline:var(--kz-pad)}
.kz-btn{width:50px;height:50px;display:grid;place-items:center;border:1.5px solid var(--atrament-40);border-radius:2px;color:var(--atrament);transition:border-color .2s,background .2s}
.kz-btn:hover{border-color:var(--atrament);background:color-mix(in srgb,var(--atrament) 8%,transparent)}
.kz-btn svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.kz-licz{font-family:var(--stencil);font-weight:900;font-size:1.25rem;color:var(--atrament-60);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:center}
.kz-licz b{color:var(--atrament)}
.ak-sek .in>.karuzela{margin-top:clamp(34px,4.4vw,56px)}
.blad-jezyki a{color:inherit}

/* ---------- łamanie: słowo łamie się tylko wtedy, gdy samo nie mieści się w wierszu; dzielenie z dywizem wyłącznie po niemiecku, w tekście ciągłym ---------- */
h1,h2,h3,h4,.rh-duzy,.rh-sredni,.os-koniec,.rs-misja,.gra-pyt,.bok-tytul{overflow-wrap:break-word}
p,li,dd,dt,figcaption,.fakty span,.punkty span,.turnusy span{overflow-wrap:break-word}
html[lang="de"] :is(.lead,.proza,.wpis-cialo,.kafel p,.cecha p,.karta-opis,.sk-opis,.nk p,.rs-tekst,.dok p,.dok li,.fakty span,.oboz-karta p,.punkty span,.wpis .zajawka){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:10 4 4}
.btn,.nk-btn{text-wrap:balance}
.h1,.h2,.h3,.dsp,.rh-duzy,.rh-sredni,.os-koniec,.rs-misja,.bok-tytul,.nk-tytul,.sk-haslo,.sk-rew-haslo,.karta-rew-nazwa,.oboz-karta .kiedy{text-wrap:balance}
@media (max-width:420px){.fakty li{grid-template-columns:minmax(0,1fr);gap:6px}}
@media (max-width:380px){.btn{font-size:.95rem;padding-inline:16px;gap:10px}.nk-btn{font-size:1rem;padding-inline:18px}}

/* ---------- odwracanie kart: strona zwrócona plecami znika dokładnie wtedy, gdy karta stoi bokiem.
   Safari na iPhonie nie zawsze chowa tył karty (zdjęcie z filtrem i maską prześwitywało przez opis) ---------- */
.karta-awers,.karta-rewers{transition:visibility 0s linear .12s}
.karta-rewers,.karta.odwrocona .karta-awers{visibility:hidden}
.karta.odwrocona .karta-rewers{visibility:visible}
.sk-awers,.sk-rewers{transition:visibility 0s linear .11s}
.sk-rewers,.sk.odwrocona .sk-awers{visibility:hidden}
.sk.odwrocona .sk-rewers{visibility:visible}
html:not(.js) .karta-rewers,html:not(.js) .sk-rewers{visibility:visible}
@media (prefers-reduced-motion:reduce){.karta-awers,.karta-rewers,.sk-awers,.sk-rewers{transition:none}}

/* =====================================================================
   v7.6 · przyciski i strzałki: szkło w kształcie pigułki, strzałka w kółku.
   Szkło liczy się z koloru tekstu sekcji (--atrament), więc działa w obu motywach.
   ===================================================================== */
.btn{position:relative;isolation:isolate;gap:14px;min-height:52px;padding:8px 26px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--atrament) 26%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--atrament) 14%,transparent),color-mix(in srgb,var(--atrament) 4%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,calc(.2 + var(--jasna) * .55)),0 10px 26px -16px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  font-size:1.04rem;letter-spacing:.06em;
  transition:background .25s,border-color .25s,box-shadow .25s,color .25s,transform .25s var(--out)}
.btn:hover{border-color:color-mix(in srgb,var(--atrament) 46%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--atrament) 22%,transparent),color-mix(in srgb,var(--atrament) 9%,transparent));transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn:has(.str-k){padding-right:7px}
.btn.czer{color:#fff;border-color:rgba(255,178,188,.55);
  background:linear-gradient(180deg,rgba(234,58,78,.95) 0%,rgba(200,16,46,.92) 56%,rgba(166,11,38,.95) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -10px 18px -12px rgba(60,0,10,.6),0 14px 30px -16px rgba(200,16,46,.8)}
.btn.czer::before{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:1px;height:48%;border-radius:999px 999px 60% 60% / 999px 999px 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.btn.czer:hover{background:linear-gradient(180deg,rgba(242,72,92,.97) 0%,rgba(213,25,54,.94) 56%,rgba(176,13,42,.96) 100%);border-color:rgba(255,206,212,.75)}
.btn.pelny{color:var(--noc);border-color:rgba(255,255,255,.75);background:linear-gradient(180deg,#FFFFFF,#E5E9E0)}
.btn.pelny:hover{color:var(--noc);background:linear-gradient(180deg,#FFFFFF,#F1F3EC)}
.btn.maly{min-height:44px;padding:6px 18px;font-size:.96rem}
.btn.maly:has(.str-k){padding-right:5px}
.nk-btn{min-height:56px;padding:8px 26px;font-size:1.08rem}
.nk-btn:has(.str-k){padding-right:8px}

/* strzałka w kółku: w przyciskach, linkach „dalej”, w szufladzie menu i w dolnym pasku */
.str-k{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:color-mix(in srgb,var(--atrament) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atrament) 22%,transparent);
  transition:background .3s,box-shadow .3s,color .3s}
.str-k svg,.str-k .str{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:1;transition:transform .35s var(--out)}
.btn.czer .str-k,.dol-cta .str-k{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.btn:hover .str-k{background:var(--atrament);box-shadow:none;color:var(--tlo)}
.btn.czer:hover .str-k,.dol-cta:hover .str-k{background:#fff;color:#C8102E}
.btn:hover .str-k svg,.link-str:hover .str-k svg,.dol-cta:hover .str-k svg,.szuflada>nav a:hover .str-k svg{transform:translateX(3px)}
/* link zewnętrzny: ta sama strzałka w ukos */
a[target="_blank"] .str-k svg{transform:rotate(-45deg)}
a[target="_blank"]:hover .str-k svg{transform:rotate(-45deg) translateX(3px)}

/* link „dalej”: tekst i kółko z obrysem, po najechaniu kółko się wypełnia */
.link-str{gap:12px;border-bottom:0;padding-bottom:0}
.link-str .str-k{width:32px;height:32px;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--atrament) 36%,transparent)}
.link-str .str-k svg{width:16px;height:16px}
.link-str:hover{color:var(--sygnal)}
.link-str:hover .str-k{background:var(--sygnal);box-shadow:inset 0 0 0 1.5px var(--sygnal);color:var(--tlo)}
.wpis-wiecej{gap:10px;border-bottom:0;padding-bottom:0}
.wpis-wiecej .str-k{width:28px;height:28px;background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--atrament) 34%,transparent)}
.wpis-wiecej .str-k svg{width:14px;height:14px}
.wpis-wiecej:hover .str-k{background:var(--atrament);box-shadow:none;color:var(--tlo)}
.szuflada>nav a .str-k{width:40px;height:40px;background:transparent;box-shadow:inset 0 0 0 1.5px rgba(239,241,234,.28);color:#EFF1EA}
.szuflada>nav a:hover .str-k,.szuflada>nav a[aria-current] .str-k{background:#EFF1EA;color:var(--noc);box-shadow:none}

/* filtry, karuzela, podgląd zdjęć, film: ta sama rodzina */
.filtry button{border-radius:999px;padding:9px 16px;border:1px solid color-mix(in srgb,var(--atrament) 22%,transparent);background:color-mix(in srgb,var(--atrament) 5%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s,color .2s}
.filtry button:hover{border-color:color-mix(in srgb,var(--atrament) 45%,transparent);color:var(--atrament)}
.filtry button[aria-pressed="true"]{background:var(--atrament);border-color:var(--atrament);color:var(--tlo)}
.lx-ery button.era[aria-pressed="true"]{background:var(--era);border-color:var(--era);color:#fff}
.kz-btn{border-radius:50%;border:1px solid color-mix(in srgb,var(--atrament) 26%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--atrament) 12%,transparent),color-mix(in srgb,var(--atrament) 3%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,calc(.18 + var(--jasna) * .5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.kz-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kz-btn:hover{background:var(--atrament);border-color:var(--atrament);color:var(--tlo)}
.podglad-btn{border-radius:50%;background:rgba(239,241,234,.1);border:1px solid rgba(239,241,234,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,color .2s}
.podglad-btn svg{width:20px;height:20px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.podglad-btn:hover{background:#EFF1EA;border-color:#EFF1EA;color:var(--noc)}
.film-ster button{border-radius:999px;background:rgba(8,21,15,.42);border:1px solid rgba(239,241,234,.3);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.film-ster button:hover{background:rgba(239,241,234,.92);border-color:#EFF1EA;color:var(--noc)}

/* pasek: wybór języka, motyw, przycisk menu */
.jezyk summary{border-radius:999px;padding:0 12px 0 15px;border:1px solid color-mix(in srgb,var(--atrament) 20%,transparent);background:color-mix(in srgb,var(--atrament) 6%,transparent)}
.jezyk-lista{border-radius:16px;padding:8px}
.jezyk-lista a{border-radius:10px}
.motyw{border-radius:999px;border:1px solid color-mix(in srgb,var(--atrament) 20%,transparent);background:color-mix(in srgb,var(--atrament) 5%,transparent)}
.motyw button{border-radius:999px;padding:6px 12px}
.burger,.zamknij{border-radius:50%;border:1px solid color-mix(in srgb,var(--atrament) 22%,transparent);background:color-mix(in srgb,var(--atrament) 6%,transparent)}
.zamknij{border-color:rgba(239,241,234,.22);background:rgba(239,241,234,.06)}
.jezyki,.jezyki a{border-radius:999px}

/* leksykon: pole szukania w tej samej rodzinie, przyciski na kartach okrągłe */
.lx-szukaj{border-radius:999px;padding:0 24px}
.karta-wroc,.sk-wroc{border-radius:50%}

/* czyste konto, dolny pasek na telefonie, przycisk gry w kafelku 300 ms */
.konto{border-radius:16px;background:rgba(8,21,15,.78);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 30px rgba(0,0,0,.35)}
.dol{gap:10px}
.dol .konto{border-radius:14px}
.dol-cta{justify-content:space-between;gap:12px;padding:4px 5px 4px 22px;border-radius:999px;border:1px solid rgba(255,178,188,.55);
  background:linear-gradient(180deg,rgba(234,58,78,.96) 0%,rgba(200,16,46,.94) 56%,rgba(166,11,38,.96) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 10px 24px -12px rgba(200,16,46,.8)}
.graj{border-radius:999px;padding:12px 30px 12px 12px}

/* stopka: adres z przyklejonym małym „Kopiuj”, ikony mediów w kolorach marek */
.mail{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mail span{user-select:auto;font-weight:inherit;color:inherit}
.mail .mail-adres{display:inline-block;font-weight:600;color:#EFF1EA;text-decoration:none;user-select:all}
.st-kol a.mail-adres{color:#EFF1EA}
.st-kol a.mail-adres:hover{color:#E9B949;text-decoration:underline}
.kopiuj{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:.66rem;letter-spacing:.12em;border:1px solid rgba(239,241,234,.22);background:rgba(239,241,234,.06);color:rgba(239,241,234,.78);transition:background .2s,border-color .2s,color .2s}
.kopiuj svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kopiuj:hover{border-color:rgba(239,241,234,.5);color:#EFF1EA}
.kopiuj.ok{border-color:#35C46B;color:#35C46B}
.st-social{gap:12px;margin-top:8px}
.st-ikona{width:56px;height:56px;border:0;border-radius:16px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px -12px rgba(0,0,0,.7);transition:transform .25s var(--out),box-shadow .25s,filter .25s}
.st-kol a.st-ikona{color:#fff}
.st-ikona svg{width:28px;height:28px;fill:#fff;stroke:none}
.st-ikona.ig{background:radial-gradient(circle at 30% 107%,#FDF497 0%,#FDF497 5%,#FD5949 45%,#D6249F 60%,#285AEB 92%)}
.st-ikona.ig svg{fill:none;stroke:#fff;stroke-width:1.9}
.st-ikona.ig svg circle:not(.obrys){fill:#fff;stroke:none}
.st-ikona.fb{background:#0866FF}
.st-ikona.tt{background:#010101;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 22px -12px rgba(0,0,0,.7)}
.st-ikona.tt .tt-c{fill:#25F4EE}
.st-ikona.tt .tt-r{fill:#FE2C55}
.st-kol a.st-ikona:hover{color:#fff;border-color:transparent;transform:translateY(-3px);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 26px -12px rgba(0,0,0,.75)}
@media (prefers-reduced-motion:reduce){.btn,.str-k svg,.st-ikona{transition:none}}
/* stopka: kolumna kontaktu szersza, adres i „Kopiuj” zawsze w jednym rzędzie; w wąskiej kolumnie sama ikona */
@media (min-width:1100px){.st-uklad{grid-template-columns:minmax(0,1.05fr) minmax(0,1.5fr) repeat(3,minmax(0,1fr))}}
.st-kol{container-type:inline-size}
.mail{flex-wrap:nowrap}
.mail .mail-adres{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopiuj{flex:none}
@container (max-width:250px){.kopiuj{width:26px;height:26px;padding:0;justify-content:center}.kopiuj span{display:none}}

/* v7.6 · pasek zapisów na telefonie chowa się, kiedy ten sam przycisk widać na stronie */
.dol{transition:transform .4s var(--out),opacity .3s,visibility 0s}
.dol.schowany{transform:translateY(calc(100% + 14px));opacity:0;visibility:hidden;transition:transform .4s var(--out),opacity .3s,visibility 0s .4s}
@media (prefers-reduced-motion:reduce){.dol,.dol.schowany{transform:none;transition:opacity .2s,visibility 0s .2s}.dol{transition-delay:0s}}

/* v7.6 · wąskie telefony: mniejsze kółko i krój, żeby przyciski i pasek zapisów mieściły się w jednej linii */
@media (max-width:400px){
  .btn{font-size:.97rem;padding-inline:18px;gap:10px}
  .btn:has(.str-k){padding-right:6px}
  .btn .str-k,.dol-cta .str-k{width:32px;height:32px}
  .btn .str-k svg,.dol-cta .str-k svg{width:16px;height:16px}
  .nk-btn{font-size:1rem;padding-inline:18px}
  .nk-btn:has(.str-k){padding-right:6px}
  .dol-cta{font-size:1rem;gap:8px;padding:4px 4px 4px 16px;line-height:1.02;text-wrap:balance}
}
@media (max-width:340px){
  .btn{font-size:.92rem;padding-inline:16px}
  .dol{gap:8px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}
  .dol .konto{padding:5px 8px}
  .dol .konto-et{letter-spacing:.08em}
  .dol-cta{font-size:.94rem;letter-spacing:.03em;padding-left:14px}
}

/* =====================================================================
   v7.7 · karty: kość słoniowa o ton ciemniejsza, zielone karty głębsze; nazwiska i hasła w czerwieni
   z logotypu (na jasnym #C8102E, na ciemnym #E0303A), na kartach już bez złota.
   Ta sama logika w słowniku pojęć i w profilach założycieli.
   ===================================================================== */
.karta{--k1:#1C4A39;--k2:#071A12;--k-akcent:#EFF1EA;--k-imie:#E0303A}
.karta.zlota{--k1:#F4EFE3;--k2:#DCD3BF;--k-imie:#C8102E}
.sk-awers{background:linear-gradient(155deg,#F4EFE3 0%,#DCD3BF 100%)}
.sk-nr{color:#C8102E}
.sk-rewers{background:linear-gradient(168deg,#1C4A39 0%,#0F2C21 44%,#071A12 100%)}
.sk-rew-haslo{color:#E0303A}
.profil{background:linear-gradient(160deg,#1C4A39 0%,#0F2C21 55%,#071A12 100%)}
.profil-imie{color:#E0303A}
.profil-meta b{color:#EFF1EA}
/* zdjęcia i ilustracje na kartach: wycięta postać na tle karty, brzegi miękko wygaszone jak u Trójki */
.karta-foto img{object-position:50% 0}
.karta-foto img.ilustracja{filter:grayscale(1) contrast(1.04)}

/* leksykon: filtry epok z większym kolorowym znacznikiem i lekkim tłem w kolorze epoki */
.lx-ery button.era{gap:10px;padding:9px 17px 9px 12px;background:color-mix(in srgb,var(--era) 10%,transparent);border-color:color-mix(in srgb,var(--era) 42%,transparent);color:var(--atrament-80)}
.lx-ery button.era::before{width:14px;height:14px;border-radius:50%;background:var(--era);box-shadow:0 0 0 3px color-mix(in srgb,var(--era) 26%,transparent),inset 0 0 0 1px rgba(255,255,255,.3)}
.lx-ery button.era:hover{background:color-mix(in srgb,var(--era) 18%,transparent);border-color:color-mix(in srgb,var(--era) 68%,transparent);color:var(--atrament)}
.lx-ery button.era[aria-pressed="true"]{background:var(--era);border-color:var(--era);color:#fff;box-shadow:0 10px 20px -12px var(--era)}
.lx-ery button.era[aria-pressed="true"]::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.32)}