/* Witomaniaki: strony publiczne (Start, Project Zomboid, Radio Mariusz, logowanie, 404). */

/* =============================================================== HERO */
.hero{position:relative;overflow:clip;background:var(--beton);isolation:isolate}
.hero__szum{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;
  mix-blend-mode:screen;image-rendering:pixelated}
.hero__stroik{position:relative;container-type:inline-size;padding-top:clamp(20px,4vw,52px)}
.znak{font:900 calc(100cqw / 4.86)/.8 var(--naglowkowa);text-transform:uppercase;letter-spacing:-.012em;
  color:var(--szklo);white-space:nowrap;margin-left:-.03em}
.hero__skala-ramka{margin-top:clamp(8px,1.6vw,20px)}

/* skala: linia, kreski wiszące w dół, liczby pod kreskami, stacje jak chorągiewki nad linią */
.skala{position:relative;height:104px;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.skala::before{content:"";position:absolute;left:0;right:0;top:50px;height:1px;background:var(--beton-4)}
.skala__kreska{position:absolute;top:50px;width:1px;height:9px;background:var(--beton-4)}
.skala__kreska--cala{height:18px;background:var(--tekst-2)}
.skala__liczba{position:absolute;top:74px;transform:translateX(-50%);font:600 .85rem/1 var(--czcionka);
  color:var(--tekst-2);font-variant-numeric:tabular-nums}
.skala__stacja{position:absolute;top:2px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;
  padding:0 0 15px;background:none;border:0;cursor:pointer;color:var(--tekst-2);font:700 1.02rem/1.05 var(--naglowkowa);
  letter-spacing:.01em;white-space:nowrap}
.skala__stacja small{font:500 .78rem/1.2 var(--czcionka);opacity:.8}
.skala__stacja::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:12px;background:currentColor}
.skala__stacja--dziala{color:var(--tekst);font-size:1.18rem}
.skala__stacja:hover{color:var(--tekst)}
.skala--dostrojona .skala__stacja--dziala{color:var(--lampa)}
.igla{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--igla);pointer-events:none;
  box-shadow:0 0 14px rgba(236,59,59,.6);z-index:3}
.igla::before{content:"";position:absolute;bottom:-1px;left:50%;width:14px;height:14px;margin-left:-7px;background:var(--igla);
  clip-path:polygon(50% 0,100% 100%,0 100%);transform:translateY(14px) rotate(180deg)}
.skala--chwycona{cursor:grabbing}

/* dolna część hero: hasło po lewej, odczyt po prawej */
.hero__dol{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:end;
  padding-block:clamp(20px,3vw,36px) clamp(52px,7vw,96px)}
.haslo{font:800 clamp(2.7rem,6.4vw,5rem)/.9 var(--naglowkowa);letter-spacing:-.004em;max-width:11ch}
.hero__lead{margin-top:20px;max-width:46ch;color:var(--tekst-2);font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.5}
.hero__przyciski{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.status{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:8px 14px 8px 12px;border-radius:999px;
  border:1px solid var(--beton-3);background:var(--beton-2);color:var(--tekst-2);font-size:.95rem}
.status[hidden]{display:none}

.odczyt{background:#131917;border:1px solid var(--beton-3);border-radius:10px;padding:clamp(18px,2.4vw,26px);
  box-shadow:inset 0 14px 34px rgba(0,0,0,.4)}
.odczyt__cyfry{color:var(--lampa);height:clamp(64px,8.4vw,100px)}
.odczyt__cyfry .siedem{height:100%}
.odczyt__wiersz{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;
  padding-top:14px;border-top:1px solid var(--beton-3)}
.odczyt__jednostka{font:700 1.1rem/1 var(--naglowkowa);color:var(--lampa);opacity:.9}
.odczyt__stacja{font:800 1.6rem/1 var(--naglowkowa);text-align:right;min-height:1em}
.odczyt__stan{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--tekst-2);font-size:.95rem;min-height:1.5em}
.odczyt__podpowiedz{margin-top:16px;font-size:.88rem;color:var(--tekst-2);opacity:.85}
@media (max-width:900px){.hero__dol{grid-template-columns:1fr}.haslo{max-width:none}}

/* =============================================================== KARTA SERWERA (szkło) */
.karta{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,96px);align-items:start}
.karta__naglowek{position:sticky;top:96px}
.karta__naglowek p{margin-top:20px;font-size:1.2rem;line-height:1.5;max-width:30ch;color:var(--tusz-2)}
.parametry{display:grid;border-top:2px solid var(--tusz)}
.parametry > div{display:grid;grid-template-columns:minmax(96px,150px) 1fr;gap:6px 28px;padding:22px 0;
  border-bottom:1px solid color-mix(in srgb,var(--tusz) 24%,transparent)}
.parametry dt{padding-top:.55rem;font-weight:600;color:var(--tusz-2)}
.parametry__wartosc{display:block;font:800 clamp(1.7rem,2.8vw,2.25rem)/1.05 var(--naglowkowa)}
.parametry__opis{display:block;margin-top:6px;max-width:48ch;color:var(--tusz-2)}
@media (max-width:860px){.karta{grid-template-columns:1fr}.karta__naglowek{position:static}
  .parametry > div{grid-template-columns:1fr;gap:2px}.parametry dt{padding-top:0}}

/* =============================================================== RADIO – zajawka */
.radio{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,96px);align-items:start}
.radio__tekst p{margin-top:20px;max-width:42ch;color:var(--tekst-2);font-size:1.12rem}
.radio__tekst .przycisk{margin-top:28px}
.radio__czestotliwosc{display:flex;align-items:center;gap:18px;margin-bottom:6px;color:var(--lampa)}
.radio__czestotliwosc .siedem{height:56px}
.radio__czestotliwosc span{font:700 1.15rem/1 var(--naglowkowa);opacity:.9}
.transmisje{display:grid;gap:0;border-top:1px solid var(--beton-3)}
.transmisja{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:6px 24px;padding:22px 0;border-bottom:1px solid var(--beton-3)}
.transmisja__zdarzenie{display:flex;align-items:flex-start;gap:10px;padding-top:.3rem;font-weight:600;color:var(--tekst-2)}
.transmisja__zdarzenie .dioda{margin-top:.5em}
.transmisja blockquote{margin:0;font:italic 400 1.22rem/1.45 var(--czcionka);color:var(--tekst);max-width:46ch}
.transmisje__uwaga{margin-top:16px;font-size:.9rem;color:var(--tekst-2)}
@media (max-width:860px){.radio{grid-template-columns:1fr}.transmisja{grid-template-columns:1fr}}

/* =============================================================== GRY */
.gry{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,3vw,32px);margin-top:clamp(28px,4vw,48px)}
.gra{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(24px,3.4vw,40px);border-radius:12px;min-height:280px}
.gra--aktywna{background:var(--beton);color:var(--tekst)}
.gra--aktywna h3{font:900 clamp(2.4rem,5vw,3.9rem)/.9 var(--naglowkowa);text-transform:uppercase;color:var(--szklo);letter-spacing:-.005em}
.gra--aktywna p{margin-top:14px;max-width:40ch;color:var(--tekst-2)}
.gra__stopka{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.gra--pusta{border:2px dashed color-mix(in srgb,var(--tusz) 45%,transparent);color:var(--tusz-2)}
.gra--pusta h3{font:800 1.9rem/1 var(--naglowkowa);color:var(--tusz)}
.gra--pusta p{margin-top:10px;max-width:30ch}
@media (max-width:860px){.gry{grid-template-columns:1fr}.gra{min-height:0}}

/* =============================================================== NAGŁÓWEK PODSTRONY */
.podstrona{background:var(--beton);padding-block:clamp(36px,6vw,80px) clamp(32px,5vw,56px)}
.podstrona__siatka{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.podstrona h1{font:900 clamp(3.4rem,10.5vw,8.4rem)/.82 var(--naglowkowa);text-transform:uppercase;color:var(--szklo);letter-spacing:-.012em}
.podstrona__lead{margin-top:22px;max-width:44ch;color:var(--tekst-2);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5}
@media (max-width:900px){.podstrona__siatka{grid-template-columns:1fr}}

/* tabliczka z danymi serwera */
.tabliczka{background:var(--szklo);color:var(--tusz);border-radius:12px;padding:6px clamp(18px,2.4vw,28px)}
.tabliczka dl{display:grid}
.tabliczka dl > div{display:grid;grid-template-columns:minmax(0,120px) 1fr auto;align-items:center;gap:8px 16px;padding:14px 0;
  border-bottom:1px solid color-mix(in srgb,var(--tusz) 20%,transparent)}
.tabliczka dl > div:last-child{border-bottom:0}
.tabliczka dt{font-weight:600;color:var(--tusz-2)}
.tabliczka dd{font:800 1.55rem/1.1 var(--naglowkowa);overflow-wrap:anywhere}
.tabliczka dd small{display:block;margin-top:2px;font:500 .9rem/1.3 var(--czcionka);color:var(--tusz-2)}
.kopiuj{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:var(--r);cursor:pointer;
  background:transparent;border:1px solid color-mix(in srgb,var(--tusz) 40%,transparent);color:var(--tusz);font-size:.9rem;font-weight:600}
.kopiuj:hover{border-color:var(--tusz);background:color-mix(in srgb,var(--tusz) 7%,transparent)}
.kopiuj.skopiowano{background:var(--tusz);color:var(--szklo);border-color:var(--tusz)}

/* =============================================================== KROKI */
.kroki{--numer:clamp(52px,9vw,100px);--odstep:clamp(20px,3.4vw,44px);position:relative;display:grid;gap:clamp(44px,6vw,76px);max-width:900px;list-style:none;padding:0;margin:0}
.kroki::before{content:"";position:absolute;top:.5rem;bottom:.5rem;left:calc(var(--numer) + var(--odstep) / 2);width:9px;transform:translateX(-1px);color:var(--tusz);opacity:.5;
  background:
    linear-gradient(currentColor,currentColor) left top/1px 100% no-repeat,
    repeating-linear-gradient(180deg,currentColor 0 1px,transparent 1px 12px) left top/9px 100% no-repeat}
.krok{position:relative;display:grid;grid-template-columns:var(--numer) 1fr;column-gap:var(--odstep)}
.krok::before{content:"";position:absolute;left:calc(var(--numer) + var(--odstep) / 2 - 7px);top:calc(.55rem - 1px);width:15px;height:3px;background:var(--igla);
  box-shadow:0 0 8px rgba(236,59,59,.55);z-index:1}
.krok__numer{font:900 clamp(3.2rem,7.6vw,5.8rem)/.78 var(--naglowkowa);text-align:right;color:var(--tusz);font-variant-numeric:lining-nums}
.krok__tresc{display:grid;gap:14px;align-content:start;min-width:0;padding-left:6px}
.krok__tresc h2{font:800 clamp(1.9rem,3.4vw,2.6rem)/1 var(--naglowkowa)}
.krok__tresc p,.krok__tresc li{max-width:62ch}
.krok__tresc ul,.krok__tresc ol{padding-left:1.25em;display:grid;gap:8px}
.krok__przyciski{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.krok__tresc strong{font-weight:700}
.polecenie{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tusz);color:var(--szklo);
  border-radius:var(--r);padding:12px 14px 12px 16px;font:500 .95rem/1.4 ui-monospace,"Cascadia Code",Consolas,Menlo,monospace;overflow-wrap:anywhere}
.polecenie code{font:inherit}
.polecenie .kopiuj{border-color:color-mix(in srgb,var(--szklo) 40%,transparent);color:var(--szklo);flex:none}
.polecenie .kopiuj:hover{border-color:var(--szklo);background:color-mix(in srgb,var(--szklo) 10%,transparent)}
.polecenie .kopiuj.skopiowano{background:var(--szklo);color:var(--tusz)}
code.sciezka{font:500 .92em ui-monospace,"Cascadia Code",Consolas,Menlo,monospace;background:color-mix(in srgb,var(--tusz) 9%,transparent);padding:.1em .38em;border-radius:4px;overflow-wrap:anywhere}

.notatka{border-left:4px solid var(--tusz);background:color-mix(in srgb,var(--tusz) 7%,transparent);padding:14px 18px;border-radius:0 var(--r) var(--r) 0;max-width:62ch}
.notatka--uwaga{border-left-color:var(--igla)}
.notatka strong{display:block;margin-bottom:2px}
.notatka p{max-width:none}

.rozwijane{border:1px solid color-mix(in srgb,var(--tusz) 28%,transparent);border-radius:var(--r);max-width:62ch}
.rozwijane summary{cursor:pointer;padding:13px 16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.rozwijane summary::-webkit-details-marker{display:none}
.rozwijane summary .ik{transition:transform .18s}
.rozwijane[open] summary .ik{transform:rotate(180deg)}
.rozwijane > div{padding:2px 16px 16px;display:grid;gap:12px}

/* =============================================================== FAQ, MODY */
.dwie-kolumny{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,6vw,96px);align-items:start}
@media (max-width:860px){.dwie-kolumny{grid-template-columns:1fr}}
.faq{border-top:2px solid var(--tusz)}
.faq details{border-bottom:1px solid color-mix(in srgb,var(--tusz) 24%,transparent)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;
  font:700 clamp(1.25rem,2vw,1.5rem)/1.15 var(--naglowkowa)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ik{flex:none;transition:transform .18s}
.faq details[open] summary .ik{transform:rotate(180deg)}
.faq details > div{padding:0 0 20px;max-width:60ch;display:grid;gap:10px;color:var(--tusz-2)}
.faq details > div strong{color:var(--tusz)}
.mody{width:100%;border-collapse:collapse;margin-top:6px}
.mody th{text-align:left;font-weight:600;color:var(--tusz-2);padding:0 12px 10px 0;border-bottom:2px solid var(--tusz);font-size:.95rem}
.mody td{padding:14px 12px 14px 0;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--tusz) 22%,transparent)}
.mody td:first-child{font:800 1.3rem/1.1 var(--naglowkowa);white-space:nowrap}
.mody small{display:block;color:var(--tusz-2);margin-top:2px}
.mody__id{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tusz-2)}
.odcisk{display:block;margin-top:2px;font:500 .84rem/1.45 ui-monospace,Consolas,Menlo,monospace;overflow-wrap:anywhere;color:var(--tusz-2)}
@media (max-width:640px){.mody thead{display:none}.mody tr{display:grid;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--tusz) 22%,transparent)}
  .mody td{border:0;padding:2px 0}}

/* =============================================================== RADIO MARIUSZ */
.radio-hero{background:var(--beton);padding-block:clamp(36px,6vw,80px) clamp(40px,6vw,72px)}
.radio-hero__siatka{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.radio-hero h1{font:900 clamp(3rem,9vw,7.4rem)/.84 var(--naglowkowa);text-transform:uppercase;color:var(--szklo);letter-spacing:-.012em}
@media (max-width:900px){.radio-hero__siatka{grid-template-columns:1fr}}
.uwaga-18{display:inline-flex;gap:10px;align-items:center;margin-top:24px;padding:9px 14px;border-radius:var(--r);border:1px solid var(--igla);color:var(--igla-jasna);font-weight:600;font-size:.95rem}
.fakty{display:grid;gap:0;border-top:2px solid var(--tusz);margin-top:8px}
.fakty > div{display:grid;grid-template-columns:minmax(110px,170px) 1fr;gap:4px 24px;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--tusz) 24%,transparent)}
.fakty dt{font:800 1.45rem/1.1 var(--naglowkowa)}
.fakty dd{color:var(--tusz-2)}
@media (max-width:640px){.fakty > div{grid-template-columns:1fr}}
.zdarzenia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,72px)}
.zdarzenia h3{font:800 1.9rem/1 var(--naglowkowa);display:flex;align-items:center;gap:12px;margin-bottom:6px}
.zdarzenia p.zd-opis{color:var(--tekst-2);margin-bottom:10px;max-width:40ch}
.zdarzenia ul{display:grid;border-top:1px solid var(--beton-3)}
.zdarzenia li{padding:13px 0;border-bottom:1px solid var(--beton-3);display:grid;grid-template-columns:minmax(96px,140px) 1fr;gap:4px 18px}
.zdarzenia li strong{font-weight:700}
.zdarzenia li span{color:var(--tekst-2)}
@media (max-width:860px){.zdarzenia{grid-template-columns:1fr}.zdarzenia li{grid-template-columns:1fr}}
.cytat{font:italic 400 clamp(1.3rem,2.4vw,1.75rem)/1.4 var(--czcionka);max-width:34ch}

/* =============================================================== LOGOWANIE */
.logowanie{flex:1;display:grid;place-items:center;padding:clamp(32px,6vw,80px) var(--margines);background:var(--beton)}
.logowanie__karta{width:min(100%,440px);background:var(--szklo);color:var(--tusz);border-radius:14px;padding:clamp(24px,4vw,40px)}
.logowanie__karta h1{font:900 clamp(2.4rem,6vw,3.2rem)/.9 var(--naglowkowa);text-transform:uppercase;letter-spacing:-.005em}
.logowanie__karta > p{margin-top:12px;color:var(--tusz-2)}
.formularz{display:grid;gap:18px;margin-top:26px}
.pole{display:grid;gap:6px}
.pole label{font-weight:600}
.pole input{width:100%;padding:.8em .9em;border-radius:var(--r);border:1.5px solid color-mix(in srgb,var(--tusz) 40%,transparent);
  background:#f3f7f3;color:var(--tusz);font:500 1.05rem/1.2 var(--czcionka)}
.pole textarea{width:100%;padding:.8em .9em;border-radius:var(--r);border:1.5px solid color-mix(in srgb,var(--tusz) 40%,transparent);background:#f3f7f3;color:var(--tusz);font:500 1.05rem/1.45 var(--czcionka);resize:vertical;min-height:9em}
.pole textarea:focus{outline:3px solid color-mix(in srgb,var(--tusz) 30%,transparent);outline-offset:1px;border-color:var(--tusz)}
.pole input:focus{outline:3px solid color-mix(in srgb,var(--tusz) 30%,transparent);outline-offset:1px;border-color:var(--tusz)}
.pole small{color:var(--tusz-2)}
.blad-formularza{padding:11px 14px;border-radius:var(--r);background:#fde7e5;color:#7a1713;border:1px solid #e9a7a2;font-weight:500}
.blad-formularza[hidden]{display:none}
.logowanie__karta .przycisk{width:100%;padding-block:.95em}
.przycisk[disabled]{opacity:.6;cursor:progress}

/* =============================================================== 404 */
.brak{flex:1;display:grid;place-items:center;text-align:center;padding:clamp(48px,10vw,120px) var(--margines);background:var(--beton)}
.brak__cyfry{color:var(--lampa);height:clamp(80px,16vw,160px);margin:0 auto 28px}
.brak__cyfry .siedem{height:100%;margin:0 auto}
.brak h1{font:900 clamp(2.4rem,6vw,4rem)/.95 var(--naglowkowa);text-transform:uppercase;color:var(--szklo)}
.brak p{margin:14px auto 28px;color:var(--tekst-2);max-width:36ch}

.notatka--odstep{margin-top:22px}
.zdarzenia--odstep{margin-top:36px}

.h-duzy + .wstep{margin-top:16px}
.wstep + .kroki,.wstep + .zdarzenia{margin-top:clamp(36px,5vw,64px)}
.dwie-kolumny .wstep{margin-top:16px}
.zdarzenia ul{padding:0;list-style:none}

/* =============================================================== RADIO NA STARCIE */
.radio__tekst > p{margin-top:16px}
.radio__opis{display:grid;gap:18px;min-width:0}
.radio__opis .h-sredni{margin-top:14px}
.radio__opis .h-sredni:first-child{margin-top:0}
.radio__wstep{color:var(--tekst-2);max-width:52ch}
.pasmo--beton .fakty{border-top-color:var(--beton-4);margin-top:0}
.pasmo--beton .fakty > div{border-bottom-color:var(--beton-3)}
.pasmo--beton .fakty dd{color:var(--tekst-2)}
.pasmo--beton .fakty dd strong{color:var(--tekst)}
.zdarzenia h4{font:800 1.5rem/1 var(--naglowkowa);display:flex;align-items:center;gap:12px;margin-bottom:10px}
.radio__opis .zdarzenia--odstep,.radio__opis .zdarzenia{margin-top:0}
.cytat{color:var(--tekst)}

.sluchaj{margin-top:26px;background:#131917;border:1px solid var(--beton-3);border-radius:10px;padding:clamp(16px,2.2vw,24px);display:grid;gap:14px;box-shadow:inset 0 14px 34px rgba(0,0,0,.35)}
.sluchaj[hidden],.sluchaj__gra[hidden],.sluchaj__form[hidden],.sluchaj__blad[hidden]{display:none}
.sluchaj h3{font:800 1.5rem/1 var(--naglowkowa)}
.sluchaj__teraz{color:var(--lampa);min-height:1.5em;font-weight:600}
.sluchaj__form,.sluchaj__gra{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.sluchaj__form input{flex:1 1 180px;min-width:0;padding:.7em .9em;border-radius:var(--r);border:1px solid var(--beton-4);background:#0f1315;color:var(--tekst);font:500 1rem/1.2 var(--czcionka)}
.sluchaj__form input:focus{outline:2px solid var(--lampa);outline-offset:1px}
.sluchaj__glosnosc{display:flex;align-items:center;gap:8px;flex:1 1 140px;color:var(--tekst-2)}
.sluchaj__glosnosc input{width:100%;accent-color:var(--lampa)}
.sluchaj__blad{color:var(--igla-jasna);font-weight:600}
.radio__opis .zdarzenia{grid-template-columns:1fr;gap:22px}

/* przyciski w nagłówku podstrony Project Zomboid */
.podstrona .hero__przyciski{margin-top:0;justify-content:flex-start}
@media (min-width:901px){.podstrona .hero__przyciski{justify-content:flex-end}}

/* kontakt */
.logowanie__karta--szeroka{width:min(100%,600px)}
.pole--pulapka{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.kontakt__ok{margin-top:26px;display:grid;gap:14px;justify-items:start}
.kontakt__ok[hidden]{display:none}
.kontakt__ok h2{font:900 2rem/1 var(--naglowkowa);text-transform:uppercase}
.logowanie__karta--szeroka .kontakt__ok .przycisk{width:auto}
.tekst-link{color:inherit;text-underline-offset:3px}

/* rekordy */
.okresy{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.okresy__przycisk{padding:.7em 1.2em;border-radius:99px;border:1.5px solid color-mix(in srgb,var(--tusz) 45%,transparent);background:transparent;color:var(--tusz);font:600 1rem/1 var(--czcionka);cursor:pointer}
.okresy__przycisk:hover{background:color-mix(in srgb,var(--tusz) 8%,transparent)}
.okresy__przycisk[aria-selected="true"]{background:var(--tusz);color:var(--szklo);border-color:var(--tusz)}
.rekordy__nota{margin-top:18px;color:var(--tusz-2);min-height:1.5em}
.rekordy__siatka{display:grid;gap:18px;margin-top:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
.rekord{background:color-mix(in srgb,var(--tusz) 6%,transparent);border-radius:12px;padding:20px 22px}
.rekord h2{font:800 1.5rem/1.1 var(--naglowkowa);text-transform:uppercase;letter-spacing:.01em}
.rekord__opis{margin-top:4px;color:var(--tusz-2);font-size:.95rem}
.rekord__pusto{margin-top:12px;color:var(--tusz-2)}
.rekord__lista{list-style:none;margin:14px 0 0;padding:0;counter-reset:m}
.rekord__lista li{counter-increment:m;display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid color-mix(in srgb,var(--tusz) 18%,transparent)}
.rekord__lista li::before{content:counter(m);flex:0 0 1.6em;font-weight:700;color:var(--tusz-2);font-variant-numeric:tabular-nums}
.rekord__lista li:first-child .rekord__gracz{font-weight:800}
.rekord__gracz{flex:1;overflow-wrap:anywhere}
.rekord__wartosc{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rekord--liczba .rekord__duza{margin-top:8px;font:900 clamp(2.4rem,5vw,3.4rem)/1 var(--naglowkowa);text-transform:uppercase}

/* lista modów przy dużej liczbie pozycji */
.mody__przewijana{overflow-x:auto}
.mody__szukaj{margin-bottom:12px}
.mody__szukaj input{width:100%;padding:.75em .9em;border-radius:var(--r);border:1.5px solid color-mix(in srgb,var(--tusz) 40%,transparent);background:#f3f7f3;color:var(--tusz);font:500 1rem/1.2 var(--czcionka)}
.mody__pusto{margin-top:10px;color:var(--tusz-2)}
.mody tr[hidden]{display:none}