:root{--font-scale: 1;--letter-spacing: 0px;--tlo: #ffffff;--tekst: #1a1a1a;--akcent: #1c2340;--akcent2: #b45309;--orp: #c0392b;--przygaszone: #767676;--karta: #f2f2f2;--karta-brzeg: #e2e2e6;--cien: 0 1px 2px rgba(16, 20, 40, .07), 0 4px 14px rgba(16, 20, 40, .06);--promien: 12px}:root[data-theme=kremowy]{--tlo: #f7f1e3;--tekst: #2b2417;--akcent: #4a3f2a;--akcent2: #8a4b08;--karta: #efe6d0;--karta-brzeg: #e0d4b8;--przygaszone: #6d6353}:root[data-theme=ciemny]{--tlo: #14161f;--tekst: #e8e8e8;--akcent: #9db2ff;--akcent2: #f0b35c;--orp: #ff7b6b;--karta: #1f2333;--karta-brzeg: #2c3147;--przygaszone: #9a9a9a;--cien: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--tlo);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:calc(16px * var(--font-scale));letter-spacing:var(--letter-spacing);line-height:1.55}.app{max-width:900px;margin:0 auto;padding:12px 16px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar h1{font-size:1.15rem;margin:10px 0;color:var(--akcent);letter-spacing:.2px}.topbar h1:before{content:"";display:inline-block;width:.62em;height:.62em;margin-right:.5em;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--akcent2),var(--akcent));vertical-align:baseline}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 480px){.topbar nav{width:100%}.topbar nav button{flex:1 1 auto;padding:9px 10px}}button{font:inherit;cursor:pointer;background:var(--karta);color:var(--tekst);border:1px solid var(--karta-brzeg);border-radius:10px;padding:9px 16px;min-height:44px;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease}button:hover{box-shadow:var(--cien)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}button.on{background:var(--akcent);color:var(--tlo);border-color:var(--akcent);box-shadow:var(--cien)}button.drugi{opacity:.85}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.hint{color:var(--przygaszone);font-size:.85em}.baner-kalibracji{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(120deg,var(--karta),var(--tlo));border:1px solid var(--akcent);border-left:6px solid var(--akcent2);border-radius:var(--promien);box-shadow:var(--cien);padding:14px 16px;margin:14px 0}.profil{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.profil>span:first-child{min-width:64px;font-weight:600;color:var(--akcent)}.profil button{border-radius:999px;padding:7px 15px}.teksty{list-style:none;padding:0;display:grid;gap:12px}.teksty li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--karta);border:1px solid var(--karta-brzeg);border-radius:var(--promien);padding:14px 16px;transition:box-shadow .12s ease,transform .12s ease}.teksty li:hover{box-shadow:var(--cien);transform:translateY(-1px)}.teksty li strong{color:var(--akcent)}.akcje{display:flex;gap:8px;flex-wrap:wrap}.akcje button:first-child{background:var(--akcent);color:var(--tlo);border-color:var(--akcent)}.czytanie{min-height:70vh;display:flex;flex-direction:column}.pasek-postepu{height:5px;background:var(--karta);border-radius:3px;overflow:hidden}.pasek-postepu-wypelnienie{height:100%;background:linear-gradient(90deg,var(--akcent),var(--akcent2))}.pasek-procent{align-self:flex-end;font-size:.78rem;color:var(--przygaszone);font-variant-numeric:tabular-nums;margin-top:2px}.rsvp{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;position:relative}.fiksacja{width:2px;height:14px;background:var(--przygaszone);opacity:.5;margin-bottom:10px}.rsvp-tekst{font-size:calc(2.3rem * var(--font-scale));font-variant-ligatures:none;white-space:nowrap}.orp{color:var(--orp);font-weight:600}.klasyczny{flex:1;padding:20px 6px;max-width:var(--line-length, 65ch);margin:0 auto;font-size:calc(1.15rem * var(--font-scale));text-align:left}.klasyczny .przeczytane{opacity:.55}.klasyczny .marker{background:color-mix(in srgb,var(--akcent) 22%,transparent);border-radius:3px;box-shadow:0 2px 0 var(--akcent)}.klasyczny.bez-animacji .marker{box-shadow:none;text-decoration:underline}.sterowanie{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:16px}.wpm{min-width:110px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.quiz .opcje{display:grid;gap:10px;margin-top:14px}.quiz .opcje button{text-align:left;border-radius:var(--promien);padding:12px 16px}.quiz .opcje button:hover{border-color:var(--akcent)}.wynik-hero{margin:14px 0 6px}.wynik-hero-awans{border:1px solid var(--akcent2);border-radius:var(--promien);background:color-mix(in srgb,var(--akcent2) 8%,var(--tlo));padding:12px 16px;animation:celebracja-awansu .32s ease-out 1}@keyframes celebracja-awansu{0%{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}.wynik-hero h2{margin:0 0 4px;font-size:1.5rem;color:var(--akcent)}.wynik-hero-liczby{margin:0;font-size:1.05rem;color:var(--przygaszone);font-variant-numeric:tabular-nums}.wynik-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 4px}.wynik .karty{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.karta{background:var(--karta);border:1px solid var(--karta-brzeg);border-top:4px solid var(--akcent2);border-radius:var(--promien);box-shadow:var(--cien);padding:14px 20px;display:flex;flex-direction:column;min-width:150px}.karta:first-child{border-top-color:var(--akcent)}.karta .duze{font-size:2.1rem;font-weight:700;color:var(--akcent);font-variant-numeric:tabular-nums}.wynik li.ok{color:inherit}.wynik li.blad{color:var(--orp)}.uwaga-sprint{border:1px solid var(--akcent2);border-radius:var(--promien);background:color-mix(in srgb,var(--akcent2) 10%,var(--tlo));padding:10px 14px;margin:10px 0}.ustawienia{display:grid;gap:14px;max-width:480px}.ustawienia label{display:grid;gap:4px}.ustawienia fieldset{border:1px solid var(--karta-brzeg);border-radius:10px;display:flex;gap:8px}.ustawienia .wiersz{display:flex;gap:8px;align-items:center}input[type=range]{width:100%;accent-color:var(--akcent)}.gra-panel{background:var(--karta);border:1px solid var(--karta-brzeg);border-left:6px solid var(--akcent);border-radius:var(--promien);box-shadow:var(--cien);padding:14px 16px;margin:14px 0;display:grid;gap:8px}.gra-naglowek{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gra-kto{display:flex;flex-direction:column;flex:1;min-width:120px}.gra-kto strong{color:var(--akcent)}.gra-avatar,.gra-avatar-maly{font-size:1.6rem;line-height:1}.gra-avatar{min-width:44px;min-height:44px;padding:4px 8px}.gra-avatar-maly{min-width:1.8em;text-align:center}.gra-seria{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.gra-pasek{height:10px;background:var(--tlo);border:1px solid var(--karta-brzeg);border-radius:6px;overflow:hidden}.gra-pasek.mini{height:6px;min-width:80px}.gra-pasek-wypelnienie{height:100%;background:linear-gradient(90deg,var(--akcent),var(--akcent2))}.gra-do-nastepnego{margin:0}.gra-etykieta{display:inline-block;font-size:.72em;text-transform:uppercase;letter-spacing:.06em;color:var(--akcent2);font-weight:700;margin-right:6px}.gra-cel{margin:0}.gra-linki{display:flex;gap:8px;flex-wrap:wrap}.gra-linki button{border-radius:999px}.gra-zaloz label{display:grid;gap:4px;max-width:320px}.gra-zaloz input[type=text],.gra-zaloz input:not([type]){font:inherit;padding:10px 12px;min-height:44px;border:1px solid var(--karta-brzeg);border-radius:10px;background:var(--tlo);color:var(--tekst)}.gra-avatary{display:flex;gap:6px;flex-wrap:wrap}.gra-avatary button{font-size:1.5rem;padding:4px 10px}.gra-blad{color:var(--orp);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gra-usun{border-color:var(--orp)}.gra-polecany{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--akcent2);border-radius:var(--promien);padding:12px 16px;margin:12px 0}.gra-polecany strong{color:var(--akcent)}.gra-nagrody{display:grid;gap:8px;margin:14px 0;padding:12px 14px;border:1px dashed var(--akcent);border-radius:var(--promien)}.gra-xp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.gra-xp-linia{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gra-xp-poziom{display:grid;gap:4px;flex:1;min-width:220px}.gra-skladniki-szczegol summary{cursor:pointer;color:var(--przygaszone);font-size:.9em}.gra-xp-duze{font-size:1.6rem;font-weight:700;color:var(--akcent2);font-variant-numeric:tabular-nums}.gra-skladniki{list-style:none;padding:0;margin:0;display:grid;gap:2px}.gra-skladniki li{display:flex;justify-content:space-between;gap:12px;font-size:.9em;max-width:340px}.gra-awans,.gra-odznaka-nowa,.gra-wyzwanie-ok,.gra-zart,.gra-nastepny-cel{margin:0}.gra-nastepny-cel{border-top:1px solid var(--karta-brzeg);padding-top:8px}.gra-zart{font-style:italic}.gra-ekran{display:grid;gap:12px}.gra-wyzwanie-dnia{display:grid;gap:6px;border:2px solid var(--akcent2);border-radius:var(--promien);background:color-mix(in srgb,var(--akcent2) 7%,var(--tlo));padding:12px 16px}.gra-wyzwanie-dnia.gra-zaliczone{border-color:var(--akcent)}.gra-grupowe summary{cursor:pointer;color:var(--przygaszone)}.gra-ekran h3{margin:6px 0 0;color:var(--akcent);font-size:1rem}.gra-lista{list-style:none;padding:0;margin:0;display:grid;gap:8px}.gra-lista li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--karta);border:1px solid var(--karta-brzeg);border-radius:10px;padding:10px 12px}.gra-lista-tresc{display:flex;flex-direction:column;flex:1;min-width:140px}.gra-postep{display:flex;align-items:center;gap:8px}.gra-zaliczone{border-color:var(--akcent)}.gra-ranking{counter-reset:miejsce}.gra-miejsce{font-weight:700;min-width:1.5em;font-variant-numeric:tabular-nums}.gra-ja{border-left:4px solid var(--akcent2)}.gra-odznaki{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.gra-odznaki li{display:flex;gap:10px;align-items:center;border:1px solid var(--karta-brzeg);border-radius:10px;padding:8px 10px}.gra-odznaki li.szara{opacity:.55}.gra-odznaki li.zdobyta{border-color:var(--akcent2)}.gra-najblizsze{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gra-najblizsza{display:grid;gap:4px;border:1px dashed var(--akcent2);border-radius:10px;padding:10px 12px}.gra-gablotka-kategoria h4{margin:10px 0 6px;font-size:.92rem;color:var(--przygaszone);text-transform:uppercase;letter-spacing:.4px}.gra-gablotka{list-style:none;padding:0;margin:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gra-gablotka li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;border:1px solid var(--karta-brzeg);border-radius:10px;padding:10px 8px;background:var(--karta)}.gra-gablotka li.szara{opacity:.5}.gra-gablotka li.zdobyta{border-color:var(--akcent2)}.gra-gablotka li.zdobyta.rzadkosc-rzadka{border-width:2px}.gra-gablotka li.zdobyta.rzadkosc-wyjatkowa{border-width:2px;border-color:var(--akcent);box-shadow:var(--cien)}.gra-gablotka-ikona{font-size:1.3rem}.gra-gablotka-nazwa{font-weight:600;font-size:.9rem}.gra-gablotka-rzadkosc{font-size:.75rem;color:var(--przygaszone)}.gra-przelacznik{display:flex;gap:8px;align-items:flex-start}.gra-przelacznik input{margin-top:4px;min-width:20px;min-height:20px}.quiz-feedback{margin-top:14px;padding:12px 14px;border:1px solid var(--akcent);border-radius:var(--promien);display:grid;gap:8px}.quiz-wyjasnienie{margin:0}.quiz .opcje button.ok{border-color:var(--akcent);box-shadow:inset 0 0 0 2px var(--akcent)}.quiz .opcje button.blad{border-color:var(--orp)}.quiz .opcje button:disabled{opacity:.9}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}