:root{--atrament:#16213A;--sokole-oko:#FFC233;--hak:#F08A1C;--pioro:#FFF6E0;--lupek:#2F4A73;--biel:#FFFFFF;--linia:#E6DCC0;--blad:#B3261E;--modul-pamiec:#E6DEFA;--modul-pamiec-akcent:#6B4FD8;--modul-matematyka:#D9E8FB;--modul-matematyka-akcent:#2F6FD0;--modul-ortografia:#FDE0D6;--modul-ortografia-akcent:#C9451F;--modul-uczyc:#D4F0EE;--modul-uczyc-akcent:#14807A;--modul-wiedza:#FFE7C7;--modul-wiedza-akcent:#B35A00;--bg:var(--pioro);--surface:var(--biel);--sunken:#F6ECD2;--ink:var(--atrament);--muted:#4A5670;--line:var(--linia);--primary:var(--modul-matematyka-akcent);--primary-ink:#FFFFFF;--primary-soft:var(--modul-matematyka);--sun:var(--sokole-oko);--sun-ink:var(--atrament);--sun-soft:#FFF0C2;--coral:var(--modul-ortografia-akcent);--coral-soft:var(--modul-ortografia);--on-coral:#FFFFFF;--ok:var(--modul-uczyc-akcent);--ok-soft:var(--modul-uczyc);--tile-icon:var(--biel);--map-field:#FFFFFF;--shadow:none;--display:"Fredoka Okomemo",Fredoka,"Trebuchet MS",system-ui,sans-serif;--body:"Atkinson Hyperlegible",Verdana,"Segoe UI",system-ui,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:var(--atrament);--surface:var(--lupek);--sunken:#233A5C;--ink:var(--pioro);--muted:#C9D3E6;--line:#4A6491;--primary:#8FB6F0;--primary-ink:var(--atrament);--primary-soft:#243F66;--sun-soft:#4A3D14;--coral:#F29A7A;--coral-soft:#5A2A1C;--on-coral:var(--atrament);--ok:#6FD3CC;--ok-soft:#164A47;--modul-pamiec:var(--lupek);--modul-matematyka:var(--lupek);--modul-ortografia:var(--lupek);--modul-uczyc:var(--lupek);--modul-wiedza:var(--lupek);--modul-wiedza-akcent:#F2A65A;--tile-icon:#3D5A86;--map-field:#2F4A73}}:root[data-theme=dark]{--bg:var(--atrament);--surface:var(--lupek);--sunken:#233A5C;--ink:var(--pioro);--muted:#C9D3E6;--line:#4A6491;--primary:#8FB6F0;--primary-ink:var(--atrament);--primary-soft:#243F66;--sun-soft:#4A3D14;--coral:#F29A7A;--coral-soft:#5A2A1C;--on-coral:var(--atrament);--ok:#6FD3CC;--ok-soft:#164A47;--modul-pamiec:var(--lupek);--modul-matematyka:var(--lupek);--modul-ortografia:var(--lupek);--modul-uczyc:var(--lupek);--modul-wiedza:var(--lupek);--modul-wiedza-akcent:#F2A65A;--tile-icon:#3D5A86;--map-field:#2F4A73}@font-face{font-family:Fredoka Okomemo;font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/FredokaOkomemo-SemiBold.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-400-normal.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-weight:400;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-ext-400-normal.woff) format("woff");unicode-range:U+0100-024F}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-700-normal.woff) format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-weight:700;font-display:swap;src:url(../fonts/atkinson-hyperlegible-latin-ext-700-normal.woff) format("woff");unicode-range:U+0100-024F}*{box-sizing:border-box}html,body{margin:0}img{max-width:100%}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5;padding-inline:20px;padding-block:20px 100px}#root,.page{max-width:760px;margin-inline:auto;display:flex;flex-direction:column;gap:18px}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance}h1,h2,h3,h4,.btn,.chip,.tabs button{font-weight:600;letter-spacing:-.3px}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}p{margin:0}.muted{color:var(--muted)}.small{font-size:.9rem}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.spread{justify-content:space-between}.center{align-items:center;text-align:center}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.btn{border:0;border-radius:999px;padding:10px 24px;font-family:var(--display);font-size:18px;background:var(--sun);color:var(--sun-ink);min-height:52px}.btn.primary{min-height:56px;font-size:20px;width:100%}.btn:active{transform:translateY(2px);box-shadow:none}.btn.ghost{background:var(--surface);color:var(--ink);border:2px solid var(--line)}.btn.sun{background:var(--sun);color:var(--sun-ink)}.roundbtn{width:44px;height:44px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:grid;place-items:center}.btn.small{min-height:38px;padding:6px 14px;font-size:.9rem}.btn[disabled]{opacity:.45;cursor:default}.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.top .logo{height:40px;width:auto}.logo-dark{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .logo-dark{display:block}:root:not([data-theme=light]) .logo-light{display:none}}:root[data-theme=dark] .logo-dark{display:block}:root[data-theme=dark] .logo-light{display:none}.brand .tag{font-weight:700;color:var(--muted)}.hits{font-family:var(--display);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 16px;font-variant-numeric:tabular-nums}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--sunken);padding:6px;border-radius:18px}.levels button{border:0;background:transparent;border-radius:13px;padding:8px 6px;font-weight:800;line-height:1.2}.levels button span{display:block;font-weight:600;font-size:.8rem;color:var(--muted)}.levels button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow)}.today{background:var(--surface);border-radius:28px;padding:18px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.hakicard{background:var(--surface);border-radius:28px;padding:18px;display:grid;grid-template-columns:124px 1fr;gap:12px;align-items:center}.hakicard .haki-mark{width:124px}.hakicard .hello{font-size:21px;line-height:1.25}@media (max-width:420px){.hakicard{grid-template-columns:96px 1fr}.hakicard .haki-mark{width:96px}.hakicard .hello{font-size:19px}}.section-title{font-size:20px}.fact{background:var(--surface);border-radius:20px;padding:12px 16px}.fact b{font-family:var(--display);font-size:1.5rem;display:block;line-height:1.1;font-variant-numeric:tabular-nums}.module h3{font-size:19px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tile{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;text-align:left;border:0;background:var(--ms);color:var(--ink);border-radius:24px;padding:16px;min-height:88px}.tile:hover{outline:2px solid var(--mc)}.tile .ico{width:52px;height:52px;border-radius:50%;background:var(--tile-icon);color:var(--ink);display:grid;place-items:center}.tile b{font-family:var(--display);font-weight:600;font-size:19px;line-height:1.15;display:block}.tile small{color:var(--muted);font-size:14px;line-height:1.3;display:block}.rank-line{color:var(--mc)!important;font-weight:700}.due{display:inline-block;background:var(--coral);color:var(--on-coral);border-radius:999px;font-size:.75rem;font-weight:800;padding:1px 9px;margin-top:4px}.soon{color:var(--muted);font-size:.9rem}.m-mem{--mc:var(--modul-pamiec-akcent);--ms:var(--modul-pamiec)}.m-math{--mc:var(--modul-matematyka-akcent);--ms:var(--modul-matematyka)}.m-spell{--mc:var(--modul-ortografia-akcent);--ms:var(--modul-ortografia)}.m-learn{--mc:var(--modul-uczyc-akcent);--ms:var(--modul-uczyc)}.m-know{--mc:var(--modul-wiedza-akcent);--ms:var(--modul-wiedza)}details.parent{background:var(--surface);border-radius:18px;padding:14px 18px;border:2px dashed var(--line)}details.parent summary{font-weight:800;cursor:pointer}details.parent ul{margin:10px 0;padding-left:20px}details.parent li{margin-bottom:6px}.bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.bar .btn{white-space:nowrap}.bar h2{flex:1}.dots{display:flex;gap:4px;flex-wrap:wrap}.dots i{width:16px;height:8px;border-radius:4px;background:var(--line)}.dots i.on{background:var(--mc)}.card{background:var(--surface);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px}.lead{font-size:1.15rem;font-weight:700}.lead-detail{display:block;margin-top:6px}.say{background:var(--ms);border-radius:16px;padding:12px 16px;font-weight:600}.fb{border-radius:16px;padding:12px 16px;font-weight:700}.fb.ok{background:var(--ok-soft);color:var(--ink)}.fb.no{background:var(--sun-soft);color:var(--ink)}.big-emoji{font-size:5.5rem;line-height:1.1;text-align:center}.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.opt{border:2px solid var(--line);background:var(--surface);border-radius:16px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:0;font-weight:700;font-size:.85rem;min-height:84px;justify-content:center}.opt .e{font-size:2.2rem;line-height:1.2}.opt.right{background:var(--ok-soft);border-color:var(--ok)}.opt.wrong{background:var(--coral-soft);border-color:var(--coral);animation:shake .3s}.opt.used{opacity:.3}.choices{display:flex;flex-direction:column;gap:10px}.choice{border:2px solid var(--line);background:var(--surface);border-radius:16px;padding:12px 16px;text-align:left;font-weight:700}.kindtag{display:block;font-size:.75rem;font-weight:600;color:var(--muted);margin-bottom:2px}.tweaks{flex-direction:row;flex-wrap:wrap}.tweakwrap{flex:1 1 30%;display:flex;flex-direction:column;align-items:center;gap:6px}.tweaks .choice{width:100%;text-align:center}.scene{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:120px;background:var(--sunken);border-radius:20px;overflow:hidden;font-size:4.2rem;line-height:1}.scene .si{display:inline-block}.scene .sa{display:inline-block;font-size:3rem}.scene .st{position:absolute;right:12px;top:8px;font-size:1.8rem;animation:pop .5s ease-out both}.scene .si.many{display:flex;flex-wrap:wrap;justify-content:center;max-width:70%;font-size:1.6rem}.scene .si.many i{font-style:normal;animation:pop .4s ease-out both}.k-move .si{animation:scmove 1.1s ease-in-out infinite}.k-move .sa{animation:scspin 1.6s linear infinite}.k-size .si{animation:scsize 1.8s ease-in-out infinite}.k-swap .si{animation:scswap 2s ease-in-out infinite}.k-swap .sa{animation:scswap 2s ease-in-out infinite reverse}.k-sense .si{animation:scsense 1.2s ease-in-out infinite}.k-sense .sa{animation:scmove 1.2s ease-in-out infinite .3s}.k-own .sa{animation:scsense 1.4s ease-in-out infinite}@keyframes scmove{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-16px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}@keyframes scspin{to{transform:rotate(360deg)}}@keyframes scsize{0%,to{transform:scale(.7)}50%{transform:scale(1.6)}}@keyframes scswap{0%,to{transform:translate(0)}50%{transform:translate(24px) scale(1.1)}}@keyframes scsense{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px var(--sun))}}.film{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.choice:hover{border-color:var(--mc)}.choice.right{background:var(--ok-soft);border-color:var(--ok)}.choice.wrong{background:var(--coral-soft);border-color:var(--coral)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.9rem}.chip[aria-pressed=true]{background:var(--ok-soft);border-color:var(--ok)}.versus{display:grid;grid-template-columns:1fr 1fr;gap:12px}.versus div{background:var(--sunken);border-radius:18px;padding:14px;text-align:center}.versus div.now{background:var(--ok-soft)}.versus div.win{animation:pop .7s ease-out both .15s;box-shadow:0 0 0 3px var(--ok)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.confetti i{position:absolute;top:-16px;width:9px;height:15px;border-radius:2px;opacity:0;animation-name:confall;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:forwards}.confetti i.o{width:11px;height:11px;border-radius:50%}@keyframes confall{0%{opacity:1;transform:translate(0) rotate(var(--r))}85%{opacity:1}to{opacity:0;transform:translate(var(--x),105vh) rotate(calc(var(--r) + 540deg))}}.calm .confetti{display:none}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.versus b{font-family:var(--display);font-size:2.6rem;display:block;line-height:1;font-variant-numeric:tabular-nums}@keyframes pop{0%{transform:scale(.2);opacity:0}45%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes tick{0%{transform:translateY(-60%);opacity:0}to{transform:none;opacity:1}}@keyframes flash{0%{opacity:.95}to{opacity:0}}.split{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:18px;align-items:start}@media (max-width:560px){.split{grid-template-columns:1fr}.split .figure{max-width:180px;margin-inline:auto}}.figure svg{width:100%;height:auto;display:block}.figure .bodyline{stroke:var(--muted);stroke-width:9;stroke-linecap:round;fill:none}.figure .bodyfill{fill:var(--sunken);stroke:var(--muted);stroke-width:4}.figure .floor{stroke:var(--line);stroke-width:4;stroke-linecap:round}.peg circle{fill:var(--surface);stroke:var(--coral);stroke-width:3}.peg text{fill:var(--ink);font-family:var(--display);font-weight:800;font-size:13px;text-anchor:middle;dominant-baseline:central}.peg.hot circle{fill:var(--sun)}.peg.hot text{fill:var(--sun-ink)}.peg.tap{cursor:pointer}.peg .stuck{font-size:20px}.ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.5rem;background:conic-gradient(var(--mc) var(--p,0%),var(--sunken) 0)}.ring span{width:48px;height:48px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.sentence{font-size:1.3rem;font-weight:700;text-align:center;text-wrap:balance}.train{display:flex;flex-wrap:wrap;gap:6px;min-height:58px;background:var(--sunken);border-radius:16px;padding:8px;align-items:center}.train span{font-size:2rem;background:var(--surface);border-radius:12px;padding:0 6px;animation:pop .3s}.tabs{display:flex;flex-wrap:wrap;gap:6px}.tabs button{border:2px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 16px;font-weight:800}.tabs button[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.gridwrap{position:relative}.mgrid{display:grid;gap:3px;font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.mgrid>*{aspect-ratio:1;display:grid;place-items:center;border-radius:7px;border:0;padding:0;background:var(--sunken);color:var(--ink);font-size:clamp(.62rem,2.6vw,1.05rem);font-family:inherit;font-weight:inherit;min-width:0}.mgrid .hd{background:transparent;color:var(--primary)}.mgrid .line{background:var(--primary-soft)}.mgrid .hit{background:var(--sun);color:var(--sun-ink);transform:scale(1.12);z-index:1}.mgrid .mirror{outline:2px dashed var(--sun);outline-offset:-2px}.mgrid .known{background:var(--ok-soft)}.popnum{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.popnum b{font-family:var(--display);font-size:clamp(2.6rem,13vw,5.5rem);background:var(--sun);color:var(--sun-ink);border-radius:26px;padding:0 26px;box-shadow:0 8px #0000002e;animation:pop .45s}.question{font-family:var(--display);font-size:2.4rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin-inline:auto;width:100%}.keypad button{border:2px solid var(--line);background:var(--surface);border-radius:14px;font-family:var(--display);font-size:1.5rem;font-weight:700;min-height:52px;box-shadow:var(--shadow)}.keypad .go{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.typed{font-family:var(--display);font-size:2rem;font-weight:800;text-align:center;min-height:54px;border-radius:14px;background:var(--sunken);max-width:300px;margin-inline:auto;width:100%;font-variant-numeric:tabular-nums}.odo{display:flex;justify-content:center;gap:8px}.odo span{font-family:var(--display);font-weight:800;font-size:clamp(3.5rem,18vw,6rem);line-height:1;width:1.1ch;min-width:64px;text-align:center;background:var(--sunken);border-radius:16px;padding:10px 4px;font-variant-numeric:tabular-nums}.odo span.t{animation:tick .35s}.odo span:nth-child(3n+1){color:var(--coral)}.odo span:nth-child(3n+2){color:var(--primary)}.odo span:nth-child(3n){color:var(--ok)}.plus{font-family:var(--display);font-size:2rem;font-weight:800;text-align:center}.stage{background:var(--sunken);border-radius:20px;min-height:150px;display:grid;place-items:center;position:relative;overflow:hidden;padding:12px}.word{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,13vw,5rem);letter-spacing:.06em;line-height:1.1;overflow-wrap:anywhere;text-align:center}.word em{font-style:normal;color:var(--trap,var(--coral))}.stage .fl{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:flash .5s forwards;pointer-events:none}.slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:52px}.slots span,.letters button{width:46px;height:52px;border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-size:1.6rem;font-weight:800}.slots span{background:var(--sunken)}.slots span.f{background:var(--ok-soft);animation:pop .25s}.letters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.letters button{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.letters button.wrong{animation:shake .3s;border-color:var(--coral)}.letters button.used{visibility:hidden}.textin{font:inherit;font-family:var(--display);font-size:1.8rem;font-weight:700;text-align:center;border:3px solid var(--line);border-radius:16px;padding:8px;width:100%;background:var(--surface);color:var(--ink);letter-spacing:.05em}.pl button{min-width:40px;min-height:40px;border:2px solid var(--line);border-radius:10px;background:var(--surface);font-weight:800}.breath{width:190px;height:190px;border-radius:50%;margin:10px auto;background:var(--ok-soft);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.3rem;border:6px solid var(--ok);transform:scale(.6);transition:transform 4s ease-in-out}.breath.in{transform:scale(1)}.breath.out{transform:scale(.6);transition-duration:6s}@media (prefers-reduced-motion: reduce){*{animation:none!important}.breath{transition:none}}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.haki{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:end}.haki-mark{display:block;width:88px}.haki-mark svg{width:100%;height:auto;display:block}.haki-mark.live{transform-origin:50% 92%;touch-action:manipulation}.haki-mark.live svg{transform-origin:50% 92%;animation:hk-breathe 3.8s ease-in-out infinite}.haki-mark.live .lid{transform-box:fill-box;transform-origin:50% 0;animation:hk-blink 5.2s var(--blink,0s) infinite}.haki-mark.live[data-act]{animation:.6s ease-out both}.haki-mark.live[data-act=joy],.haki-mark.live[data-act=poke]{animation-name:hk-hop}.haki-mark.live[data-act=proud]{animation-name:hk-puff;animation-duration:.8s}.haki-mark.live[data-act=oops]{animation-name:hk-oops;animation-duration:.5s}.haki-mark.live[data-act=surprise]{animation-name:hk-jump;animation-duration:.45s}.haki-mark.live[data-act=think]{animation-name:hk-tilt;animation-duration:.9s}@keyframes hk-breathe{0%,to{transform:none}50%{transform:translateY(-1.5%) scale(1.015,.99)}}@keyframes hk-blink{0%,93%,to{transform:scaleY(0)}96.5%{transform:scaleY(1)}}@keyframes hk-hop{0%{transform:none}30%{transform:translateY(-14%) rotate(-4deg)}55%{transform:translateY(0) scale(1.06,.94)}75%{transform:translateY(-4%)}to{transform:none}}@keyframes hk-puff{0%{transform:none}40%{transform:scale(1.12) rotate(-3deg)}to{transform:none}}@keyframes hk-oops{0%,to{transform:none}20%{transform:rotate(7deg)}45%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}}@keyframes hk-jump{0%{transform:none}35%{transform:translateY(-8%) scale(.96,1.06)}to{transform:none}}@keyframes hk-tilt{0%,to{transform:none}40%,70%{transform:rotate(-7deg)}}.bubble{background:var(--sunken);border-radius:20px 20px 20px 4px;padding:12px 16px;font-family:var(--display);font-weight:600;font-size:19px;line-height:1.3;position:relative}.haki.big{grid-template-columns:124px 1fr}.haki.big .haki-mark{width:124px}@media (max-width:420px){.haki.big{grid-template-columns:96px 1fr}.haki.big .haki-mark{width:96px}}.stamps{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.stamp{aspect-ratio:1;border-radius:50%;border:2px dashed var(--line);display:grid;place-items:center;font-size:.68rem;letter-spacing:-.02em;overflow:hidden;font-weight:800;color:var(--muted);min-width:0}.stamp.on{border:0;background:var(--ok);color:var(--surface)}.stamp.today{outline:3px solid var(--sun);outline-offset:1px}.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.profile{border:2px solid var(--line);background:var(--surface);border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:800;box-shadow:var(--shadow)}.profile small{font-weight:600;color:var(--muted)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:46px;height:46px;border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 2px var(--line);background:var(--c)}.splash{min-height:calc(100vh - 140px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:28px;padding:20px 8px 0}.splash>div{flex:1;justify-content:center}.splash img{width:min(310px,90vw);height:auto}.tagline{font-weight:700;font-size:22px}.bottomnav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:28px 28px 0 0;padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px));display:flex;z-index:5;max-width:760px;margin-inline:auto}.bottomnav button{flex:1;min-height:56px;border:0;background:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-family:var(--body)}.bottomnav .pill{width:56px;height:30px;border-radius:999px;display:grid;place-items:center}.bottomnav button[aria-current=page]{font-weight:700}.bottomnav button[aria-current=page] .pill{background:var(--sun);color:var(--atrament)}.swatch[aria-pressed=true]{box-shadow:0 0 0 4px var(--ink)}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.field input{font:inherit;font-weight:700;border:3px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--surface);color:var(--ink);min-height:48px;width:100%}.ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.rank{background:var(--sunken);border-radius:14px;padding:10px 12px;display:flex;gap:10px;align-items:center}.rank .e{font-size:1.8rem;line-height:1}.rank b{display:block;line-height:1.1}.rank small{color:var(--muted)}.feat{border:2px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}.feat.locked{opacity:.6}.feat ol{margin:0;padding-left:22px}.feat li{margin-bottom:4px}.heat{display:grid;gap:3px}.heat>*{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:clamp(.55rem,2.2vw,.85rem);font-weight:800;background:var(--sunken);min-width:0;font-variant-numeric:tabular-nums}.heat .b1{background:var(--sun-soft)}.heat .b2{background:var(--ok-soft)}.heat .b3{background:var(--ok);color:var(--surface)}.heat .hd{background:transparent;color:var(--primary)}.linkbtn{background:none;border:0;padding:0;color:var(--primary);font-weight:800;text-decoration:underline}.calm *{animation:none!important;transition:none!important}.banner{background:var(--sun-soft);border-radius:16px;padding:12px 16px;font-weight:700}.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}table.plain{border-collapse:collapse;width:100%}table.plain td,table.plain th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}.speaker{float:right;margin:0 0 6px 10px;width:44px;height:44px;border-radius:50%;border:0;background:var(--sun);color:var(--atrament);display:grid;place-items:center;flex-shrink:0}.speaker.big{width:56px;height:56px}.speaker.on{outline:3px solid var(--atrament);outline-offset:2px}.bubble .speaker{float:right}.lead{overflow:hidden}.odo.skok{flex-wrap:wrap;gap:6px 8px;align-items:center}.odo.skok span{width:auto;min-width:0;flex:1 1 0;max-width:120px;font-size:clamp(1.3rem,6.5vw,2.6rem);padding:12px 4px;white-space:nowrap;font-variant-numeric:tabular-nums;animation:none}.odo.skok span:last-child{background:var(--sun-soft);outline:3px dashed var(--sun);outline-offset:-3px}.odo.skok span.t{animation:pop .35s}@media (max-width:380px){.odo.skok span{font-size:clamp(1.1rem,6vw,1.6rem);padding:10px 2px}}.drums{display:flex;justify-content:center;gap:10px;padding:8px 0 4px;perspective:600px}.drum{display:flex;flex-direction:column;align-items:center;gap:6px}.drum-window{position:relative;width:64px;height:112px;overflow:hidden;border-radius:18px;background:var(--atrament);box-shadow:inset 0 0 0 3px var(--atrament)}.drum-window:before,.drum-window:after{content:"";position:absolute;left:0;right:0;height:34px;z-index:2;pointer-events:none}.drum-window:before{top:0;background:linear-gradient(var(--atrament),transparent)}.drum-window:after{bottom:0;background:linear-gradient(transparent,var(--atrament))}.drum-rot{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.drum-cyl{position:absolute;left:0;right:0;top:24px;height:64px;transform-style:preserve-3d}.drums.jam .drum.place-0 .drum-rot{animation:drumjam 1.8s ease-in-out infinite}@keyframes drumjam{0%,62%,to{transform:none}66%{transform:rotateX(-14deg)}70%{transform:rotateX(9deg)}74%{transform:rotateX(-6deg)}78%{transform:rotateX(3deg)}82%{transform:none}}.teachcounter{display:flex;flex-direction:column;align-items:center;gap:8px}.teachcounter .question{margin:0}.hakicounter{position:relative;background:var(--atrament);border-radius:26px;padding:12px 16px 8px;box-shadow:0 6px #0d1528,inset 0 0 0 3px var(--lupek);display:flex;flex-direction:column;align-items:center}.hakicounter .drums{padding:4px 0 0}.hakicounter .drum-label{color:#cfd8ee}.hakicounter-label{display:flex;align-items:center;gap:6px;color:var(--sokole-oko);font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:2px;text-transform:uppercase}.hakicounter-lamp{width:8px;height:8px;border-radius:4px;background:var(--hak);transition:background .3s}.hakicounter.done .hakicounter-lamp{background:#4ade80}.hakicounter.done{animation:counterland .5s ease-out}@keyframes counterland{35%{transform:scale(1.07)}70%{transform:scale(.98)}}.drum-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;font-family:var(--display);font-weight:600;font-size:48px;line-height:1;color:#fff;background:#24345a;border-top:1px solid #3a4d78;border-bottom:1px solid #1b2745}.drum.place-0 .drum-face{color:var(--sokole-oko)}.drum.place-1 .drum-face{color:#8fd3ff}.drum.place-2 .drum-face{color:#ff9d8a}.drum.place-3 .drum-face{color:#c8b6ff}.drum.dim .drum-face{color:#51628a}.drum-label{font-size:13px;color:var(--muted);font-weight:700}@media (max-width:380px){.drums{gap:6px}.drum-window{width:54px}}.figure .belt{fill:var(--muted);opacity:.55}.figure .side{fill:var(--muted);font-family:var(--display);font-weight:800;font-size:14px;text-anchor:middle}.figure .mirror{text-align:center;margin:4px 0 0;line-height:1.3}.touch{display:flex;gap:8px;align-items:center;font-weight:600}.touch:before{content:"👆";font-size:1.3em}.unlock{background:var(--sun);color:var(--sun-ink);border-radius:14px;padding:10px 14px;font-weight:700}.rungs{padding-left:1.2em;display:grid;gap:6px}.rungtag{margin:0;text-align:center;color:var(--primary);font-family:var(--display);letter-spacing:.02em}.ladderviz{display:flex;justify-content:center;margin:6px 0 10px;min-height:48px}.pair{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.pair .op{font-family:var(--display);font-size:1.6rem;color:var(--muted)}.pair.mirror>:last-child{transform:scaleX(-1)}.pair.half .cut{width:0;align-self:stretch;border-left:3px dashed var(--coral);margin:0 4px}.stack-mini{display:flex;gap:6px;align-items:center}.dots{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tenframe{display:grid;grid-template-columns:repeat(5,20px);gap:5px;padding:6px;border:2px solid var(--line);border-radius:10px;background:var(--surface)}.dot{width:20px;height:20px;border-radius:50%;display:block}.dot.a,.cell.a,.flat.a{background:var(--primary)}.dot.b,.cell.b,.flat.b{background:var(--sun);animation:pop .35s}.dot.empty,.dot.q,.cell.q,.flat.q{background:transparent;outline:2px dashed var(--muted);outline-offset:-2px}.dot.gone,.cell.gone,.flat.gone{background:var(--line);opacity:.45;position:relative}.dot.gone:after{content:"";position:absolute;inset:45% -2px auto;height:2px;background:var(--coral);transform:rotate(-35deg)}.dot.gone{position:relative}.blocks{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap;max-width:260px}.blocks .flat{width:50px;height:50px;border-radius:4px;background:var(--primary);background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:5px 5px}.blocks .rod{width:9px;height:50px;border-radius:3px;background:var(--primary);background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px);background-size:9px 5px}.blocks .ones{display:grid;grid-template-columns:repeat(2,9px);gap:2px}.blocks .unit{width:9px;height:9px;border-radius:2px;background:var(--primary)}.blocks.b .flat,.blocks.b .rod,.blocks.b .unit{background-color:var(--sun)}.hundred{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;width:min(240px,70vw)}.hundred .cell{aspect-ratio:1;border-radius:3px}.thousand{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:min(280px,80vw)}.thousand .flat{aspect-ratio:1;border-radius:6px;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:10% 10%}.countup{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-family:var(--display)}.countup .big{font-size:2.2rem;background:var(--primary);color:var(--primary-ink);border-radius:14px;padding:4px 14px}.countup .hop{font-size:1.4rem;min-width:2.2em;text-align:center;border-radius:12px;padding:4px 6px;background:var(--sunken)}.countup .hop.on{background:var(--sun);color:var(--sun-ink);animation:pop .35s both}.room{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px;width:min(360px,100%);margin:8px auto;aspect-ratio:4/3;padding:10px;border:3px solid var(--line);border-radius:18px;background:var(--surface);position:relative}.room .spot{border:0;border-radius:14px;background:var(--sunken);font-family:var(--display);font-size:clamp(1.8rem,9vw,2.8rem);color:#fff;display:grid;place-items:center;padding:0;min-width:0}.room button.spot{cursor:pointer;outline:2px dashed var(--line);outline-offset:-4px}.room .spot.on{outline:0;animation:pop .35s}.room .spot.hot{box-shadow:0 0 0 4px var(--sun)}.room .room-mid{grid-column:2/4;grid-row:2;border-radius:12px;background:repeating-linear-gradient(45deg,var(--sunken) 0 8px,transparent 8px 16px);opacity:.6}.colornum{display:flex;justify-content:center;gap:8px;margin:10px 0}.colornum span{font-family:var(--display);font-size:clamp(3rem,16vw,5rem);line-height:1;color:#fff;border-radius:16px;padding:8px 14px;min-width:1.2em;text-align:center}.colornum span.hid{background:var(--sunken);color:var(--muted);outline:3px dashed var(--line);outline-offset:-3px}.swatches{display:flex;justify-content:center;gap:14px;margin:10px 0}.swatch-big{width:64px;height:64px;border-radius:50%;border:4px solid var(--surface);box-shadow:0 0 0 2px var(--line);cursor:pointer}.swatch-big.right{box-shadow:0 0 0 5px var(--sun)}.ribbon{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.ribbon .rt{position:relative;min-width:2.8em;padding:10px 6px 8px;border-radius:12px;background:var(--sunken);text-align:center;font-family:var(--display);font-size:clamp(1rem,4.6vw,1.4rem);transition:opacity .4s}.ribbon .rt.past{background:var(--primary-soft)}.ribbon .rt.here{background:var(--sun);color:var(--sun-ink)}.ribbon .rt.next{outline:3px dashed var(--sun);outline-offset:-3px}.ribbon.up .tile.ahead{opacity:.55}.ribbon.down .tile.ahead b,.ribbon.down .tile.next b{opacity:.35}.ribbon .roo{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-style:normal;font-size:1.2rem;animation:pop .3s}.hops{display:flex;justify-content:center;gap:12px;margin:8px 0}.hopbtn{font-family:var(--display);font-size:clamp(1.4rem,7vw,2rem);min-width:3.2em;padding:12px 10px;border-radius:16px;border:3px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.hopbtn.wrong{border-color:var(--coral);animation:shake .3s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.mgrid button.hd{border:0;cursor:pointer;background:var(--primary-soft)}.mgrid .twin{opacity:.18;transform:scale(.8);transition:opacity .6s,transform .6s}.mgrid>*{transition:opacity .6s,transform .6s}.mgrid .skip{animation:skip 2.6s both}@keyframes skip{0%{background:var(--sunken)}12%,70%{background:var(--sun);color:var(--sun-ink);transform:scale(1.12)}to{background:var(--primary-soft)}}.mgrid .faded{background:transparent;outline:2px dashed var(--line);outline-offset:-2px;color:transparent}.mgrid .faded.hit{color:var(--sun-ink);outline:0}.popnum b{animation:popzoom .9s}@keyframes popzoom{0%{transform:scale(.3);opacity:0}45%{transform:scale(1.35);opacity:1}to{transform:scale(1)}}.ninecol{display:grid;gap:4px;max-width:340px;margin:8px auto;font-family:var(--display)}.ninecol>div{display:grid;grid-template-columns:4.5em 3.2em 1fr;align-items:center;gap:8px}.ninecol .n{color:var(--muted)}.ninecol b{font-size:1.5rem;letter-spacing:.04em}.ninecol .sum{font-size:.85rem;color:var(--muted)}.d1{font-style:normal;color:var(--primary)}.d2{font-style:normal;color:var(--hak)}.nine-ans{display:inline-flex;gap:2px}.multline{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.multline .rt{min-width:2.6em;text-align:center;padding:8px 6px;border-radius:10px;background:var(--sunken);font-family:var(--display);font-size:1.2rem}.multline .rt.in{background:var(--primary-soft)}.multline .rt.last{background:var(--primary);color:var(--primary-ink)}.multline .rt.target{background:var(--sun);color:var(--sun-ink);outline:3px solid var(--sun-ink)}.shape rect{fill:var(--primary);stroke:var(--surface);stroke-width:.08}.shape-main{display:flex;justify-content:center;margin:8px 0}.shape-opts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.shape-opt{background:var(--surface);border:3px solid var(--line);border-radius:16px;padding:10px;cursor:pointer;display:grid;place-items:center;min-width:96px;min-height:96px}.shape-opt.right{border-color:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.shape-opt.wrong{border-color:var(--coral)}.shape-opt .shape rect{fill:var(--hak)}.shapes-demo{display:flex;justify-content:center;margin:12px 0}.shape.spin{animation:spin90 4s infinite}@keyframes spin90{0%,20%{transform:rotate(0)}30%,45%{transform:rotate(90deg)}55%,70%{transform:rotate(180deg)}80%,to{transform:rotate(270deg)}}.halfwrap{display:flex;justify-content:center;margin:8px 0}.halfrect{width:min(240px,70vw);height:auto;overflow:visible}.halfrect line{stroke:var(--surface);stroke-width:2}.halfrect .tri.a{fill:var(--primary)}.halfrect .tri.b{fill:var(--primary);transition:transform .9s,fill .9s}.halfrect .diag{stroke:var(--coral);stroke-width:4;stroke-dasharray:10 6}.halfrect.cut .tri.b{fill:var(--sun);transform:translate(14px,14px)}@media (prefers-reduced-motion:reduce){.mgrid .skip,.shape.spin,.popnum b,.dot.b,.countup .hop.on{animation:none}}.tabs button{font-size:.9rem;padding:5px 12px}.ribbon .rt b{font-weight:inherit}.codetable{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0}.codetable>div{display:grid;grid-template-columns:2.2em 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:var(--sunken);border-radius:14px;padding:8px 10px}.codetable .cd{grid-row:1/3;font-family:var(--display);font-size:2rem;color:var(--primary);text-align:center}.codetable .cs{font-family:var(--display);font-size:1.2rem}.codetable small{color:var(--muted);line-height:1.25}.pegcard{display:flex;flex-direction:column;align-items:center;gap:2px;margin:8px auto;padding:14px 22px;border-radius:22px;background:var(--sunken);max-width:260px}.pegcard .pe{font-size:clamp(3rem,16vw,4.5rem);line-height:1.1}.pegcard .pk{font-family:var(--display);font-size:2.4rem;color:var(--primary)}.pegcard .pw{font-family:var(--display);font-size:1.5rem}.pegcard.small .pe{font-size:2.6rem}.pegchain{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}.pegchip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:4px 12px 4px 8px}.pegchip i{font-style:normal;font-size:1.4rem}.pegchip b{font-family:var(--display);color:var(--primary)}.pegchip.big{padding:8px 16px 8px 10px}.pegchip.big i{font-size:2rem}.pegchip.big b{font-size:1.3rem}.bignum{text-align:center;font-family:var(--display);font-size:clamp(2rem,10vw,3.2rem);letter-spacing:.08em;margin:6px 0}.vocab-peek{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.vocab-peek span{background:var(--sunken);border-radius:999px;padding:6px 12px}.vcard{background:var(--ms,var(--sunken));border-radius:22px;padding:16px;display:grid;gap:6px;margin:8px 0}.vcard .vw{display:flex;align-items:center;justify-content:space-between;gap:10px}.vcard .vw b{font-family:var(--display);font-size:clamp(2rem,9vw,2.8rem)}.vcard .vw small{font-size:.55em;color:var(--muted)}.vcard .vsay{color:var(--muted)}.vcard .vmean{font-size:1.2rem}.vcard .ve{font-size:1.8rem;margin-right:8px}.vcard .vkey{font-size:1.1rem}.vcard .vkey b{background:var(--sun);color:var(--sun-ink);border-radius:8px;padding:0 6px}.datecard{display:grid;justify-items:center;gap:4px;background:var(--ms,var(--sunken));border-radius:22px;padding:16px;margin:8px 0;text-align:center}.datecard .de{font-size:3rem}.datecard .dy{font-family:var(--display);font-size:clamp(2.2rem,11vw,3.4rem)}.datecard .dt{font-weight:700}.timeline{display:grid;gap:6px;margin:10px 0;border-left:4px solid var(--mc,var(--primary));padding-left:12px}.timeline>div{display:grid;grid-template-columns:6.5em 1fr;gap:8px}.timeline b{font-family:var(--display)}.timeline .miss b{color:var(--coral)}.levels{flex-wrap:wrap}.passage-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}.passage{line-height:2;font-size:1.1rem}.passage .word{border:0;background:transparent;color:inherit;font:inherit;padding:1px 2px;border-radius:6px;cursor:pointer}.passage .word.on{background:var(--sun);color:var(--sun-ink);font-weight:700}.passage .word.miss{background:var(--coral-soft)}.passage.hint .word.k:not(.on){text-decoration:underline dotted var(--mc,var(--primary)) 3px;text-underline-offset:5px}.choice.wrong{outline:3px solid var(--coral);animation:shake .3s}.dy.formula{font-size:clamp(1.4rem,7vw,2.2rem)}.exitbtn{display:inline-flex;align-items:center;gap:6px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#16213a8c;display:grid;place-items:center;padding:16px;z-index:50;animation:fadein .15s}.modal{background:var(--surface);color:var(--ink);border-radius:24px;padding:20px;max-width:420px;width:100%;box-shadow:0 12px 40px #00000040;border-top:6px solid var(--mc,var(--primary))}.modal h3{margin:0 0 6px}.modal p{margin:0 0 14px}.modal .row{flex-wrap:wrap}@keyframes fadein{0%{opacity:0}to{opacity:1}}.gridwrap{max-width:560px;margin-inline:auto;padding-top:clamp(3.4rem,14vw,4.6rem)}.popnum{inset:0 0 auto 0;height:clamp(3.2rem,13vw,4.4rem);align-content:center}.popnum b{font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.15;padding:2px 20px;border-radius:18px;box-shadow:0 5px #0000002e;white-space:nowrap;font-variant-numeric:tabular-nums}@keyframes popzoom{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.mgrid .hit{transform:scale(1.08);box-shadow:0 0 0 3px var(--sun-ink)}.mgrid .hd.hit{transform:none;box-shadow:none}.bar .voicebtn{margin-left:auto}.voicebtn.off{background:var(--sunken);color:var(--muted)}.bar .dots{gap:4px;justify-content:flex-end}.pictacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pictact{display:flex;flex-direction:column;align-items:center;gap:6px}.choice.pict{width:100%;display:flex;justify-content:center;align-items:center;gap:4px;padding:14px 6px;min-height:92px}.choice.pict .pe{font-size:2rem}.choice.pict .pa{font-size:2.6rem}.choicerow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.listen{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;background:var(--ms);border-radius:20px}.speaker.big{width:72px;height:72px}.hakirow{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.hakirow .haki-mark{width:72px}.hakirow.quiz{grid-template-columns:48px 1fr}.hakirow.quiz .haki-mark{width:48px}.minihaki[data-mood=oops] .haki-mark{animation:shake .3s}.loudcard{display:flex;align-items:center;gap:12px;background:var(--surface);border:3px solid var(--mc);border-radius:22px;padding:12px 18px;font-size:1.5rem}.loudcard .ln{font-family:var(--display);font-size:2.6rem;min-width:1.4em;text-align:center}.loudcard .le{font-size:2.4rem}.loudcard.ask{justify-content:center}.shout{font-family:var(--display);font-size:1.25rem;color:var(--ink);background:var(--sun-soft);border-radius:14px;padding:8px 14px;display:inline-block}.shout.small{font-size:1rem}.syl{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0;transition:gap .4s}.syl .sy{font-family:var(--display);font-size:2.4rem;min-width:88px;padding:14px 16px;border-radius:20px;border:3px solid var(--line);background:var(--surface);color:var(--ink)}.syl .sy.next{border-color:var(--mc);animation:glow 1.2s infinite}.syl .sy.on{background:var(--ok-soft);border-color:var(--ok)}.syl.joined{gap:0}.syl.joined .sy{border-radius:0;border-inline-width:0}.syl.joined .sy:first-child{border-radius:20px 0 0 20px;border-left-width:3px}.syl.joined .sy:last-child{border-radius:0 20px 20px 0;border-right-width:3px}.syl .sy:disabled{opacity:1}.readword{font-family:var(--display);font-size:2.6rem;text-align:center;letter-spacing:.02em}.readword .a{color:var(--ink)}.readword .b{color:var(--mc)}.opt.pic .e.big{font-size:3rem}.opt.wordopt{font-size:1.25rem;min-height:64px}@keyframes glow{50%{box-shadow:0 0 0 7px var(--ms)}}.facecard{display:flex;flex-direction:column;align-items:center;gap:4px}.namesign{font-family:var(--display);font-size:1.8rem;background:var(--sun-soft);border-radius:14px;padding:4px 16px}.faces{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.facebtn{border:2px solid var(--line);background:var(--surface);border-radius:18px;padding:6px;display:grid;place-items:center}.facebtn.right{background:var(--ok-soft);border-color:var(--ok)}.facebtn.wrong{background:var(--coral-soft);border-color:var(--coral);animation:shake .3s}.hakiroom{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.roomhaki .haki-mark{width:140px}@media (max-width:420px){.hakiroom{grid-template-columns:100px 1fr}.roomhaki .haki-mark{width:100px}}.taughtlog{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.taughtlog li{display:grid;grid-template-columns:24px auto 1fr;gap:10px;align-items:center;background:var(--surface);border-radius:14px;padding:8px 12px}.taughtlog li span{color:var(--muted)}.gearrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.gearbtn{border:2px solid var(--line);background:var(--surface);border-radius:16px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink)}.gearbtn .ge{font-size:2rem;line-height:1.2}.gearbtn[aria-pressed=true]{border-color:var(--mc);background:var(--ms)}.gearbtn:disabled{opacity:.45}.mebtn{display:flex;align-items:center;gap:6px;border:0;background:var(--surface);color:var(--ink);border-radius:999px;padding:3px 14px 3px 4px;font-family:var(--display);font-size:.95rem;min-height:44px}.mebtn .haki-mark{width:38px}.plan{background:var(--surface);border-radius:24px;padding:14px 16px}.plan h3{margin:0}.plansteps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.plansteps button{width:100%;display:grid;grid-template-columns:32px 40px 1fr;gap:8px;align-items:center;text-align:left;border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:18px;padding:8px 10px;min-height:64px}.plansteps .pk{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--sun-ink);font-family:var(--display)}.plansteps .ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sunken)}.plansteps small{display:block;color:var(--muted);font-size:.8rem}.plansteps li.done button{border-color:var(--ok);background:var(--ok-soft)}.plansteps li.done .pk{background:var(--ok);color:var(--surface)}.nextstep{display:inline-block;margin-top:4px;font-size:.78rem;font-weight:700;background:var(--sun);color:var(--sun-ink);border-radius:999px;padding:1px 10px}.statsbtn{justify-self:start}.rallymap{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:10px 0}.rallychip{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:8px 4px;font-family:var(--display)}.rallychip b{font-size:1.1rem}.rallychip .stars{color:var(--hak,#F08A1C);letter-spacing:1px}.rallychip small{font-family:var(--body);color:var(--muted)}.rallychip.sel{border-color:var(--mc);background:var(--ms);box-shadow:0 0 0 3px var(--mc)}.rallychip:disabled{opacity:.45}.rallychip.mix b{font-size:.95rem}.bigtime{font-family:var(--display);font-size:2rem;margin:4px 0}.ribbon .rt{min-width:2.6em}.weekbars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:160px;align-items:end;background:var(--surface);border-radius:18px;padding:12px 10px 8px}.weekbars .wb{display:grid;grid-template-rows:18px 1fr 22px;height:100%;align-items:end;justify-items:center}.weekbars .wbar{width:min(26px,70%);background:var(--modul-uczyc-akcent);border-radius:4px 4px 0 0;align-self:end}.weekbars .wv{font-size:.8rem;color:var(--muted);font-weight:700}.weekbars .wl{font-size:.8rem;color:var(--muted)}.weekbars .wb.today .wl{color:var(--ink);font-weight:700}.memrows{display:flex;flex-direction:column;gap:8px}.memrow{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;gap:10px;align-items:center;background:var(--surface);border-radius:14px;padding:8px 12px}.memrow .mbar{height:10px;border-radius:5px;background:var(--sunken);overflow:hidden}.memrow .mbar i{display:block;height:100%;background:var(--modul-uczyc-akcent);border-radius:5px}.memrow .mv{font-variant-numeric:tabular-nums;font-weight:700}.memrow .mv small{font-weight:400;color:var(--muted)}@media (max-width:420px){.memrow{grid-template-columns:1fr auto}.memrow .mbar{grid-column:1/-1;grid-row:2}}.pathlist{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.pathlist li{display:flex;align-items:center;gap:6px;border:2px dashed var(--line);border-radius:999px;padding:4px 12px;font-size:.9rem}.pathlist li.started{border-style:solid}.pathlist li.done{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.exstats{display:flex;flex-direction:column;gap:6px}.exrow{display:grid;grid-template-columns:36px 1fr 96px;gap:10px;align-items:center;background:var(--ms);border-radius:14px;padding:8px 10px}.exrow .ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface)}.exrow .en small{display:block;color:var(--muted)}.exrow .spark{display:flex;gap:3px;align-items:end;height:34px}.exrow .spark i{flex:1;background:var(--mc);border-radius:3px 3px 0 0;min-height:3px}.toprow{flex-wrap:nowrap;gap:8px}.hits .short{display:none}@media (max-width:520px){.hits .full{display:none}.hits .short{display:inline}.mebtn span{display:none}.mebtn{padding:3px}}.exrow{grid-template-columns:36px 1fr 72px}.trapdemo{font-size:2.6rem;text-align:left}.labelroom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--sunken);border-radius:22px;padding:12px;margin:8px 0}.lobj{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px solid transparent;background:var(--surface);border-radius:18px;padding:10px 4px;color:var(--ink)}.lobj:disabled{opacity:1}.lobj .le{font-size:2.6rem;line-height:1.1}.lobj .ltag{min-height:1.8em;min-width:70%;border:2px dashed var(--line);border-radius:10px;font-family:var(--display);font-size:1.05rem;padding:2px 6px}.lobj .ltag.on{border-style:solid;border-color:var(--ok);background:var(--ok-soft);animation:pop .3s}.lobj.wrong{border-color:var(--coral);animation:shake .3s}.lobj.hot{border-color:var(--sun);box-shadow:0 0 0 4px var(--sun)}.labelcard{display:inline-block;font-family:var(--display);font-size:2.2rem;background:var(--surface);border:3px solid var(--mc);border-radius:14px;padding:6px 22px;margin:4px auto;transform:rotate(-2deg)}div.labelcard{display:table}.labelcard.small{font-size:1.4rem;padding:6px 14px;transform:none;color:var(--ink)}.labelcard.wrong{border-color:var(--coral);animation:shake .3s}.labelpool{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.schoolweek{background:var(--surface);border-radius:24px;padding:14px 16px}.schoolweek h3{margin:0}.testcard{border:2px solid var(--line);border-radius:18px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}.testcard .when{font-weight:700;color:var(--muted)}.testcard .when.soon{color:var(--ink);background:var(--sun);border-radius:999px;padding:0 10px}.ready{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.ready .rbar{height:10px;border-radius:5px;background:var(--sunken);overflow:hidden}.ready .rbar i{display:block;height:100%;background:var(--ok);border-radius:5px}.testlist{display:flex;flex-direction:column;gap:10px;margin:8px 0}.testform{background:var(--surface);border-radius:20px;padding:14px}.testform input[type=date]{font:inherit;padding:8px 10px;border-radius:12px;border:2px solid var(--line);background:var(--bg);color:var(--ink)}.wordpeek{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--display);font-size:1.2rem}.wordpeek span{background:var(--bg);border-radius:10px;padding:2px 10px}.wordpeek em{font-style:normal;color:var(--trap,var(--coral))}.testtag{display:inline-block;background:var(--sun-soft);border-radius:999px;padding:3px 12px;font-weight:700}.factlist{display:flex;flex-direction:column;gap:8px}.factcard{display:grid;grid-template-columns:1fr auto;gap:10px;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:8px 12px}.factcard b{font-family:var(--display)}.poem{background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:10px 14px;font-size:1.1rem;line-height:1.5}.poem p{margin:2px 0}.poem .muted{font-size:.95rem}.stratcard{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:10px 14px}.stratcard .question{width:100%;margin:0}.stratstep{font-family:var(--display);font-size:1.3rem;text-align:center;color:var(--muted)}.sprintleft{font-family:var(--display);font-size:1.6rem}.placechips .chip .pk{display:inline-grid;place-items:center;min-width:1.4em;height:1.4em;border-radius:50%;background:var(--ink);color:var(--bg);font-size:.8rem;margin-right:4px}.routeline{margin:6px 0;padding-left:22px;line-height:1.7}.tenframe{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tenframe div{display:flex;gap:4px}.tenframe i{width:18px;height:18px;border-radius:50%;background:var(--ink)}.tenframe i.b{background:#e07a10}.ribbon .rt small{display:block;font-size:.65rem;opacity:.7;font-family:var(--body)}.pastlist{padding-left:18px}.twarea{width:100%;font:inherit;font-size:1rem;line-height:1.4;padding:10px 12px;border-radius:14px;border:2px solid var(--line);background:var(--bg);color:var(--ink);resize:vertical}html.big-text{font-size:112.5%}html.big-text body{font-size:20px}html.big-text .lead{font-size:1.3rem}html.tint{--bg:#FBF3DC;--surface:#FFFBEF;--ink:#1F3A93;--muted:#34508f}html.tint body{letter-spacing:.02em;word-spacing:.08em}.bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 10px}.bar h2{font-size:clamp(1.05rem,4.8vw,1.45rem);line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.bar .voicebtn{grid-column:3;grid-row:1;margin:0}.bar .dots{grid-column:1/-1;grid-row:2;justify-content:center}.hakicard.hero .btn.big{font-size:1.25rem;padding:14px 28px;align-self:flex-start}.plan{padding:0}.plan .plansteps button{background:var(--surface)}.linkrow{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;width:100%;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;padding:12px 14px;text-align:left;font-weight:700}.linkrow b{font-size:1.4rem;color:var(--muted)}.tiles.mini{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.tiles.mini .tile{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:118px;padding:12px 6px;gap:6px;align-content:start;position:relative}.tiles.mini .tile b{font-size:.92rem;line-height:1.2}.tiles.mini .tile .due,.tiles.mini .tile .nextstep{position:absolute;top:6px;right:6px;margin:0;font-size:.7rem;padding:1px 7px}.module h3{margin:6px 0}.installhint{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:var(--sun-soft);border-radius:18px;padding:10px 12px}.installhint span{font-size:1.6rem}.installhint p{margin:0}.introhaki{margin-bottom:12px}.introhaki .haki-mark{width:64px}.introhaki .haki{grid-template-columns:64px 1fr}.bigstars{font-size:2.6rem;letter-spacing:4px;color:#f08a1c;margin:4px 0;text-align:center}.bigstars span{color:var(--line)}.mapstrip{display:flex;flex-direction:column;gap:8px;width:100%;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;padding:12px;text-align:left}.mapstrip b.row{gap:8px;align-items:center}svg.world{width:100%;height:auto;display:block;overflow:visible}.w-las{--sky:#DDF0D2;--gr:#A9D18E;--d1:#3F8A4A;--d2:#7A5230;--mon:#6BAA4E}.w-gory{--sky:#E2ECF7;--gr:#C9C2B0;--d1:#8C95A8;--d2:#FFFFFF;--mon:#8A8FA3}.w-morze{--sky:#D6EEFA;--gr:#F2DFAE;--d1:#C9451F;--d2:#FFC233;--mon:#3E9CC9}.w-chmury{--sky:#E8E1FA;--gr:#FFFFFF;--d1:#FFFFFF;--d2:#F7B7C9;--mon:#B49BE6}.w-wulkan{--sky:#FBE3D3;--gr:#C99A7A;--d1:#6B4A3A;--d2:#F08A1C;--mon:#E0603A}.w-kosmos{--sky:#1C2550;--gr:#4B4F7A;--d1:#E8A33D;--d2:#9FB8F0;--mon:#7A6BE0}.world .sky{fill:var(--sky)}.world .ground{fill:var(--gr)}.world .d1{fill:var(--d1)}.world .d2{fill:var(--d2)}.world .wave{fill:none;stroke:#8cc8e8;stroke-width:3;stroke-linecap:round}.world .smoke{fill:#b9ada3;opacity:.7}.world .star{fill:#fff6e0}.world .ring{fill:none;stroke:#f2c77a;stroke-width:3}.world .road{fill:none;stroke:var(--pioro);stroke-width:12;stroke-linecap:round;opacity:.9}.w-kosmos .road{stroke:#2f3a70}.world .field circle{fill:var(--map-field);stroke:var(--atrament);stroke-width:2.5;opacity:.9}.world .field.done circle{fill:var(--sokole-oko);stroke:var(--hak);opacity:1}.world .field.here circle{fill:var(--sokole-oko);stroke:var(--atrament);stroke-width:3.5;opacity:1}.world .field[role=button]{cursor:pointer;outline:none}.world .field[role=button]:focus-visible circle,.world .field.picked circle{stroke:var(--coral);stroke-width:4}.world .chest .box{fill:#b5702e;stroke:var(--atrament);stroke-width:2}.world .chest .lid{fill:#d88b3a;stroke:var(--atrament);stroke-width:2}.world .chest .lock{fill:var(--sokole-oko)}.world .chest .glow{stroke:var(--sokole-oko);stroke-width:3;stroke-linecap:round}.world .mon .mbody{fill:var(--mon);stroke:var(--atrament);stroke-width:2.5;stroke-linejoin:round}.world .mon .horn{fill:var(--atrament)}.world .mon .eye{fill:#fff;stroke:var(--atrament);stroke-width:1.5}.world .mon .pupil{fill:var(--atrament)}.world .mon .mouth,.world .mon .brow{fill:none;stroke:var(--atrament);stroke-width:2.5;stroke-linecap:round}.world .mon .blush{fill:#f29a9a;opacity:.8}.world .mon:not(.friend){animation:monwobble 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes monwobble{50%{transform:translateY(-3px)}}.world .hakipin.hop{animation:hakihop .9s ease-out both}.world .bird{fill:none;stroke:var(--atrament);stroke-width:1.6;stroke-linecap:round}.world .fly{animation:mfly 14s linear infinite}@keyframes mfly{0%{transform:translate(-40px)}50%{transform:translate(200px,-8px)}to{transform:translate(440px)}}.world .firefly{fill:#ffe36e;animation:mtwinkle 2.2s ease-in-out infinite}.world .twinkle{fill:#fff6e0;animation:mtwinkle 1.8s ease-in-out infinite}@keyframes mtwinkle{0%,to{opacity:.15}50%{opacity:1}}.world .snow{fill:#fff;animation:msnow 5s linear infinite}@keyframes msnow{0%{transform:translateY(0);opacity:1}to{transform:translateY(80px);opacity:0}}.world .jump{animation:mjump 3.2s ease-in-out infinite}@keyframes mjump{0%,55%,to{transform:translateY(30px);opacity:0}65%{opacity:1}75%{transform:translate(14px,-12px) rotate(-20deg)}88%{transform:translate(28px,26px) rotate(30deg);opacity:1}}.world .drift{animation:mdrift 22s linear infinite}@keyframes mdrift{0%{transform:translate(-30px)}to{transform:translate(420px)}}.world .spark{fill:#ff8a3d;animation:mspark 1.6s ease-out infinite}@keyframes mspark{0%{transform:translateY(0);opacity:1}to{transform:translateY(-22px);opacity:0}}.world .comet{animation:mcomet 7s ease-in infinite}.world .cometh{fill:#fff6e0}.world .tail{stroke:#fff6e0;stroke-width:2;stroke-linecap:round;opacity:.7}@keyframes mcomet{0%,70%{transform:translate(0);opacity:0}72%{opacity:1}to{transform:translate(440px,90px);opacity:0}}.world .dweller,.world .loot{animation:mbob 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.world .dweller.new,.world .loot.new{animation:mpopin .9s cubic-bezier(.3,1.6,.5,1) both .5s,mbob 2.6s ease-in-out infinite 1.4s}@keyframes mbob{0%,to{transform:none}50%{transform:translateY(-2.5px)}}@keyframes mpopin{0%{transform:scale(0);opacity:0}60%{transform:scale(1.5);opacity:1}to{transform:scale(1)}}.world .lootglow{fill:#ffe36e;opacity:.35;animation:mglow 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes mglow{0%,to{transform:scale(.8);opacity:.25}50%{transform:scale(1.25);opacity:.5}}.world .mon.friend{animation:mfriend 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes mfriend{0%,to{transform:none}25%{transform:rotate(-6deg)}50%{transform:translateY(-3px)}75%{transform:rotate(6deg)}}@keyframes hakihop{0%{transform:translate(var(--fx),var(--fy))}50%{transform:translate(calc(var(--fx) / 2),calc(var(--fy) / 2 - 22px))}to{transform:none}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) svg.world .sky{filter:brightness(.7) saturate(1.1)}:root:not([data-theme=light]) svg.world .ground{filter:brightness(.7)}}:root[data-theme=dark] svg.world .sky{filter:brightness(.7) saturate(1.1)}:root[data-theme=dark] svg.world .ground{filter:brightness(.7)}.world-sec h3,.world-sec b{margin:6px 0 0}.ahead{display:flex;gap:10px;align-items:center;border:2px dashed var(--line);border-radius:14px;padding:8px 12px;color:var(--muted)}.ahead span{font-family:var(--display);font-size:1.5rem;color:var(--hak)}.chestreveal{align-items:center;text-align:center}.bigchest{position:relative;border:0;background:none;padding:0;width:180px;max-width:60%;cursor:pointer}.bigchest svg{width:100%;height:auto;overflow:visible}.bigchest .box{fill:#b5702e;stroke:var(--atrament);stroke-width:2.5}.bigchest .lid{fill:#d88b3a;stroke:var(--atrament);stroke-width:2.5;transition:d .3s}.bigchest .band{fill:#8a5220}.bigchest .lock{fill:var(--sokole-oko);stroke:var(--atrament);stroke-width:1.5}.bigchest.closed{animation:chestwait 2.4s ease-in-out infinite}.bigchest.shake{animation:chestshake .7s ease-in-out}.bigchest .rays path{fill:#ffe36e;opacity:.75;animation:fadein .4s ease-out both}.bigchest .rays{animation:raysspin 8s linear infinite;transform-origin:0 -14px}.bigchest .loot{position:absolute;left:50%;top:6%;font-size:3.6rem;animation:lootup 1s cubic-bezier(.3,1.5,.5,1) both}@keyframes chestwait{0%,80%,to{transform:none}85%{transform:rotate(-4deg)}90%{transform:rotate(4deg)}95%{transform:rotate(-2deg)}}@keyframes chestshake{0%,to{transform:none}20%{transform:rotate(-8deg) scale(1.05)}40%{transform:rotate(8deg) scale(1.08)}60%{transform:rotate(-6deg) scale(1.1)}80%{transform:rotate(5deg) scale(1.05)}}@keyframes raysspin{to{transform:rotate(360deg)}}@keyframes lootup{0%{transform:translate(-50%,60%) scale(.2);opacity:0}70%{transform:translate(-50%,-40%) scale(1.3);opacity:1}to{transform:translate(-50%,-25%) scale(1)}}.treasure{display:flex;gap:10px;align-items:center;justify-content:center;font-size:1.1rem;margin:0}.treasure .e{font-size:2.2rem;animation:pop .7s ease-out both}.treasures{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.treasures li{display:flex;gap:6px;align-items:center;background:var(--sunken);border-radius:999px;padding:6px 12px 6px 8px}.treasures .e{font-size:1.4rem}.friends{display:flex;flex-wrap:wrap;gap:12px}.friends figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;text-align:center}.friends svg{width:64px;height:auto}.bossbar{display:flex;gap:12px;align-items:center;background:var(--sunken);border-radius:16px;padding:8px 12px}.bossbar svg{width:56px;height:auto;flex:none}.bossbar div{display:flex;flex-direction:column}.bossbar .hearts{font-size:1.5rem;letter-spacing:3px;color:var(--coral)}.bossbar .hearts i{font-style:normal;color:var(--line)}.bossend{display:flex;justify-content:center}.bossend svg{width:120px;height:auto}.splashfacts{list-style:none;padding:0;margin:0;display:grid;gap:6px;text-align:center;color:var(--muted)}.splashfacts li:before{content:"★ ";color:var(--hak,#F08A1C)}.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:8px 0 4px}.legal a{color:var(--muted);padding:8px 2px;min-height:44px;display:inline-flex;align-items:center}.learned{list-style:none;padding:0;margin:0;display:grid;gap:6px}.learned li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 12px;border-radius:12px;background:var(--card-2,rgba(0,0,0,.04))}.learned li span:first-child{flex:1;min-width:150px}.bar h2:focus{outline:none}.encard{display:grid;justify-items:center;gap:6px;background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:14px}.encard .le{font-size:3rem}.enword{font-family:var(--display);font-size:2rem}.hookhi{color:#e07a10;text-decoration:underline;text-underline-offset:3px}.enrow{display:flex;gap:10px;font-size:2rem;justify-content:center}.enbuilt{font-family:var(--display);font-size:1.8rem;text-align:center;letter-spacing:.08em;min-height:1.4em}.enlist{list-style:none;padding:0;line-height:1.9}.clock .face{fill:var(--surface);stroke:var(--ink);stroke-width:2.4}.clock .tick{stroke:var(--ink)}.clock .num{font-size:8px;font-family:var(--display);fill:var(--ink)}.clock .hhand{stroke:var(--ink)}.clock .mhand{stroke:#e07a10}.clock .pin{fill:var(--ink)}.clockrow{display:flex;justify-content:center}.winbox{display:inline-grid;place-items:center;min-width:1.6em;border:2px dashed var(--ink);border-radius:8px}.famtri{display:flex;gap:14px;justify-content:center;font-family:var(--display);font-size:1.8rem}.famlist{line-height:1.9;font-family:var(--display)}.coins{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.coin{display:inline-grid;place-items:center;min-width:52px;height:52px;border-radius:50%;background:#f2c14e;color:#16213a;font-weight:700;border:3px solid #C9971F;font-size:.9rem}.coin.note{border-radius:10px;min-width:72px;height:44px;background:#9bd3ae;border-color:#3e8e5f}button.coin{cursor:pointer}.coin.on{outline:4px solid var(--ink);transform:translateY(-3px)}.tasktext{font-size:1.15rem;line-height:1.5}.pic{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;font-size:1.6rem}.pic .new{filter:saturate(1.6)}.pic .gone{opacity:.25;text-decoration:line-through}.pic.rows{flex-direction:column}.pic .plates{display:flex;gap:8px}.plate{display:inline-flex;flex-wrap:wrap;max-width:110px;gap:2px;border:2px solid var(--line);border-radius:50%;padding:8px;justify-content:center;font-size:1.1rem}.plate.empty{font-size:1.6rem}.steps{line-height:1.8}.goalbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px}.goalbar i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink)}.goalbar small{flex-basis:100%;color:var(--muted)}.chip,.btn.small,.linkbtn{min-height:44px}.plansteps li{display:flex;align-items:center;gap:6px}.plansteps li>button{flex:1}.plansteps .speaker{width:auto;display:inline-grid;min-height:0;grid-template-columns:none;border:none;padding:0;background:none}.quickstart{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:10px 14px;margin:8px 0}.quickstart ul{list-style:none;padding:0;margin:6px 0;line-height:1.8}.quickstart li.done{color:var(--muted)}.diploma{display:none}@media print{body *{visibility:hidden}.diploma,.diploma *{visibility:visible}.diploma{display:block;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;padding:60px 40px;border:8px double #16213A;margin:20px}.diploma .haki-mark svg{width:160px;height:160px}.diploma h1{font-size:2.4rem}.diploma .dipname{font-size:2rem;font-weight:700}}.milestone{display:flex;align-items:center;gap:10px;background:var(--ok-soft);border-radius:16px;padding:8px 12px}.milestone .le{font-size:2rem}.milelist{display:flex;flex-wrap:wrap;gap:8px}.mile{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--sunken);color:var(--muted);font-size:1.4rem}.mile.got{background:var(--sun);color:var(--sun-ink)}.sentwords{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:1.15rem}.chip.capon{background:var(--sun);color:var(--sun-ink);font-weight:700}.sentbuilt{font-family:var(--display);font-size:1.4rem;min-height:1.6em;text-align:center}.stickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.sticker{aspect-ratio:1;border:2px dashed var(--line,#ccc);border-radius:16px;background:var(--sunken);display:grid;place-items:center;padding:0;color:var(--muted);font-size:1.2rem;min-height:56px}.sticker.got{border:3px solid #fff;background:var(--ms);box-shadow:0 2px 6px #00000026;transform:rotate(-3deg)}.sticker.got:nth-child(2n){transform:rotate(2deg)}.sticker.gold{background:var(--sun);border-color:#f3c64a}.sticker .e{font-size:2rem;line-height:1}.sticker.big{grid-column:span 2;aspect-ratio:auto;display:flex;flex-direction:column;gap:2px}.sticker.big svg{width:56px;height:auto}.sticker.big small{font-size:12px;color:var(--ink)}.albumpage .e{font-size:1.4rem}.axis,.ruler{width:100%;max-width:420px;height:auto;display:block;margin:4px auto}.axis .ax{stroke:var(--ink);stroke-width:2.5}.axis .tk{stroke:var(--muted);stroke-width:1.5}.axis .tk.big{stroke:var(--ink);stroke-width:2.5}.axis text,.ruler text{fill:var(--ink);font-family:var(--body);font-size:13px;font-weight:700}.axis .jumparc{stroke:var(--coral);stroke-width:3;stroke-dasharray:6 4}.cmpq{display:flex;align-items:center;justify-content:center;gap:16px}.cmpbox{min-width:56px;border:3px dashed var(--muted);border-radius:12px;padding:0 10px}.opts.signs .opt{font-size:2rem;font-weight:800}.ruler .rbody{fill:var(--sun);stroke:var(--sun-ink);stroke-width:1}.ruler .rtick{stroke:var(--ink);stroke-width:1.2}.ruler .robj{fill:var(--coral)}.ruler .rguide{stroke:var(--coral);stroke-width:1.5;stroke-dasharray:3 3}.hint{background:var(--sunken);border-radius:14px;padding:8px 12px;font-weight:600}.readtext{background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:14px 16px;margin:8px 0}.readtext h3{margin:0 0 8px;font-size:1.15rem}.readtext p{margin:6px 0;font-size:1.2rem;line-height:1.5}.readtext p .speaker{margin-right:6px;vertical-align:middle}.ptabs{margin:6px 0 4px;position:sticky;top:0;z-index:2;background:var(--bg);padding:6px 0}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.plant{background:var(--sunken);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.plant .pe{font-size:28px;line-height:1.1}.plant b{font-size:14px;line-height:1.2}.plant small{color:var(--muted);font-size:12px}.plant.lv0{opacity:.55}.why{background:var(--sunken);border-radius:16px;padding:12px 16px}.why summary{font-weight:700;cursor:pointer}.tip{background:var(--sunken);border-radius:16px;padding:10px 14px;margin:0}.why ol{margin:10px 0 6px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.perim,.thermo{display:block;margin:0 auto;max-width:100%}.perim{width:320px}.thermo{width:150px}.perim .pshape{fill:var(--sun-soft);stroke:var(--ink);stroke-width:2.5}.perim text{fill:var(--ink);font-size:16px;font-weight:700}.thermo .tbody{fill:var(--surface);stroke:var(--ink);stroke-width:2}.thermo .tbulb{fill:var(--coral);stroke:var(--ink);stroke-width:2}.thermo .tfill{fill:var(--coral)}.thermo .ttick{stroke:var(--ink);stroke-width:1.5}.thermo text{fill:var(--ink)}.pos-noun{color:#1f5fbf}.pos-verb{color:#c0392b}.pos-adj{color:#1e8449}.choice.pos-noun,.choice.pos-verb,.choice.pos-adj{font-weight:700}.grrules{display:flex;flex-direction:column;gap:6px;padding-left:20px}.grword{font-size:1.6rem}.claps{text-align:center;font-size:22px;margin:0}.abcstrip{font-family:var(--display);font-size:18px;letter-spacing:2px;text-align:center;word-break:break-word}.abcplaced{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:36px}.abcplaced b{background:var(--sunken);border-radius:10px;padding:4px 10px}:root[data-theme=dark] .pos-noun{color:#7fb2ff}:root[data-theme=dark] .pos-verb{color:#ff8a7a}:root[data-theme=dark] .pos-adj{color:#7fd69a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .pos-noun{color:#7fb2ff}:root:not([data-theme=light]) .pos-verb{color:#ff8a7a}:root:not([data-theme=light]) .pos-adj{color:#7fd69a}}.zopts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.zopt{min-height:120px}.zopt .e{font-size:3.6rem}.zhear{display:flex;justify-content:center;margin:6px 0 12px}.zcard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;border:2px solid var(--line);border-radius:20px;background:var(--surface);margin:8px 0 14px;text-align:center}.zcard b{font-size:1.5rem}.zbig{font-size:5rem;line-height:1.1}.zlist{list-style:none;padding:0;display:grid;gap:6px}.zlist li{display:flex;align-items:center;gap:10px}.zlist .le{font-size:2rem}.zmemo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:420px;margin:8px auto}.zmemo.wide{grid-template-columns:repeat(4,1fr);gap:8px}.zmcard{aspect-ratio:1;border-radius:18px;border:2px solid var(--line);background:#16213a;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.zmcard.open{background:var(--surface);color:inherit;transform:rotateY(180deg)}.zmcard.open .e{transform:rotateY(180deg)}.zmcard .e{font-size:3rem}.zmcard.found{border-color:var(--ok);background:var(--ok-soft)}.zrow{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:10px 0 16px}.zpic{font-size:3.4rem;line-height:1.2;padding:6px 10px;border-radius:16px;border:2px solid transparent;transition:transform .2s}.zpic.hi{border-color:var(--ok);transform:scale(1.15)}.zcurtain .zpic{animation:shake .4s}.zthing{display:flex;justify-content:center;margin:4px 0 10px}.zthing .zfill{transition:fill .4s}.zpots{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.zpot{width:68px;height:68px;border-radius:50%;background:var(--c);border:4px solid var(--surface);box-shadow:0 0 0 2px var(--line)}.zpot.right{box-shadow:0 0 0 4px var(--ok)}.zpot.wrong{box-shadow:0 0 0 4px var(--coral);animation:shake .3s}.zchant{list-style:none;padding:0;display:grid;gap:8px;font-size:1.15rem}.zchant li{display:flex;gap:10px;align-items:center;padding:6px 10px;border-radius:12px}.zchant li.hi{background:var(--ok-soft);font-weight:700}.zchant .e{font-size:1.8rem}@media (prefers-reduced-motion: reduce){.zmcard,.zpic,.zthing .zfill{transition:none}.zcurtain .zpic,.zpot.wrong{animation:none}}.zboard{display:grid;gap:8px;max-width:420px;margin:6px auto 10px;grid-template-columns:repeat(3,1fr)}.zcell{aspect-ratio:1;border-radius:16px;border:2px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;position:relative}.zcell .e{font-size:2.8rem}.zcell.on{background:var(--ok-soft);border-color:var(--ok)}.zcell.on:after{content:"✓";position:absolute;top:4px;right:8px;font-weight:800;color:var(--ok)}.zcell.wrong{border-color:var(--coral);animation:shake .3s}.zbingo{font-size:2.6rem;font-weight:900;text-align:center;letter-spacing:.06em;color:var(--ok);margin:4px 0}.zbaskets{display:flex;justify-content:center;gap:18px;margin:6px 0}.zbasket{width:130px;min-height:120px;border-radius:20px;border:3px dashed var(--line);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.zbasket .e{font-size:3rem}.zbasket.right{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}.zbasket.wrong{border-style:solid;border-color:var(--coral);animation:shake .3s}.zhidden{position:relative;width:180px;height:180px;margin:6px auto 10px;border-radius:20px;overflow:hidden;background:var(--sunken);display:flex;align-items:center;justify-content:center}.zhidden .zbig{font-size:7rem}.ztiles{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.ztiles i{background:#16213a;border:2px solid var(--surface);transition:opacity .4s}.ztiles i.off{opacity:0}.zcount{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px;margin:4px auto 12px;font-size:2.6rem}@media (prefers-reduced-motion: reduce){.ztiles i{transition:none}.zcell.wrong,.zbasket.wrong{animation:none}}.ztalks{display:grid;gap:10px;margin:8px 0 14px}.ztalk{display:flex;align-items:flex-end;gap:8px}.ztalk.b{flex-direction:row-reverse}.ztalk .who{font-size:2rem;line-height:1}.ztalk .bub{border:2px solid var(--line);background:var(--surface);border-radius:18px 18px 18px 4px;padding:10px 14px;font-size:1.1rem;font-weight:600;text-align:left;max-width:80%}.ztalk.b .bub{border-radius:18px 18px 4px;background:var(--sunken)}.ztalk.hi .bub{border-color:var(--ok);background:var(--ok-soft)}.ztalk.mine .bub{border-style:dashed}.noread .card.ex :is(p.muted,p.small,p.note,.muted.small):not([data-testid]):not(:has(button,input,a,[data-testid])){display:none}.roomscene{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:8px;min-height:250px;border-radius:20px;overflow:hidden;padding:14px;background:linear-gradient(to bottom,#f6e7c8 0,#f6e7c8 62%,#c99a6b 62%,#b9895a);border:2px solid var(--line)}.rwindow{grid-column:1;grid-row:1;width:92px;height:70px;border:5px solid #8A5A34;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--sky,#CFE8F7)}.rwindow.w-las{background:#ddefd6}.rwindow.w-gory{background:#e3e7ee}.rwindow.w-morze{background:#cfe8f7}.rwindow.w-chmury{background:#eaf3ff}.rwindow.w-wulkan{background:#f6d9c7}.rwindow.w-kosmos{background:#2a2f5a}.rshelf{grid-column:2;grid-row:1;align-self:start;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-end;min-height:44px;padding:6px 8px 4px;border-bottom:7px solid #8A5A34;font-size:1.6rem}.rshelf small{font-size:.75rem;color:#6b5a44;text-align:center}.rtreasure{animation:mbob 2.6s ease-in-out infinite;display:inline-block}.rfurn{grid-column:1 / 3;grid-row:2;display:flex;gap:10px;font-size:1.8rem;justify-content:flex-start;margin-top:auto}.rsofa{grid-column:2;grid-row:3;align-self:end;display:flex;gap:2px;justify-content:center;min-height:60px;padding:0 8px 10px;border-radius:18px 18px 8px 8px;background:#e25d7e;box-shadow:inset 0 -14px #c24668}.rsofa svg{width:48px;height:auto}.rsofa:empty{background:transparent;box-shadow:none}.roomscene .roomhaki{grid-column:1;grid-row:3;align-self:end;width:120px}.roomscene .roomhaki .haki-mark{width:120px}.wearrow{justify-content:center;align-items:center;gap:12px}.wearhaki{width:90px;display:inline-block}.wearhaki .haki-mark{width:90px}.cheer{display:flex;align-items:center;gap:10px;background:var(--sunken);border-radius:18px;padding:8px 12px}.cheer figure{margin:0;display:flex;flex-direction:column;align-items:center;flex:none}.cheer svg{width:56px;height:auto}.cheer figcaption{font-size:.75rem;font-weight:700}.cheer .mon.friend{animation:mfriend 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.surprise{align-items:center;text-align:center;background:linear-gradient(135deg,#fff3c4,#ffe0ec);border-radius:20px;padding:12px}.giftbtn{border:0;background:none;font-size:4rem;cursor:pointer;animation:chestwait 2s ease-in-out infinite}.surprise .guest{font-size:4rem;animation:lootup 1s cubic-bezier(.3,1.5,.5,1) both;display:inline-block;position:relative;left:50%}.world .guestfloat{animation:mguest 4s ease-in-out infinite}@keyframes mguest{0%,to{transform:translate(0)}50%{transform:translate(-14px,-6px)}}.herohaki{position:relative;display:inline-block;flex:none}.herohaki.starry:before,.herohaki.starry:after{content:"✦  ✧\a✧    ✦";white-space:pre;position:absolute;inset:-10px -16px auto -16px;color:#f6c453;font-size:1.3rem;line-height:1.4;text-align:center;pointer-events:none;animation:mtwinkle 1.8s ease-in-out infinite}.herohaki.starry:after{content:"✧    ✦\a   ✦  ✧";top:auto;bottom:-6px;animation-delay:.9s}.streakchip{align-self:flex-start;background:#fff3c4;color:#7a5a00;border-radius:999px;padding:3px 12px;font-weight:700;font-size:.9rem}.streakchip.best{background:var(--sunken);color:var(--muted)}.streakchip small{font-weight:600}.roomscene+.hakiroom{display:block}.gamesrow{border-color:var(--sun);background:linear-gradient(90deg,var(--surface),var(--primary-soft))}.gamesrow .gtitle{display:block;font-family:var(--display);font-size:1.15rem}.gamesrow small{display:block;color:var(--muted);font-weight:600}.gamesrow .gamesemoji{white-space:nowrap;font-size:.95rem}.gamelist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.gamelist li{display:flex;align-items:center;gap:8px}.gametile{flex:1;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-align:left;border:3px solid var(--line);background:var(--surface);color:var(--ink);border-radius:20px;padding:12px 14px;cursor:pointer}.gametile:active{transform:scale(.98)}.gametile .ge{font-size:2.4rem;line-height:1;text-align:center}.gametile b{display:block;font-family:var(--display);font-size:1.15rem}.gametile small{display:block;color:var(--muted)}.gametile .grec{display:inline-block;margin-top:4px;font-style:normal;font-weight:700;color:var(--sun-ink);background:var(--sun);border-radius:999px;padding:1px 10px;font-size:.9rem}.gameopt{margin:8px 0}.gameopt .gol{margin:0;font-weight:700}.gamebar{align-items:center;font-family:var(--display);font-size:1.2rem}.gamescore{color:var(--good,#2E9E6B);font-size:1.6rem}.gamemiss{text-align:center;color:var(--muted);font-family:var(--display);min-height:1.4em;margin:6px 0}.world .qfoe.ahead{opacity:.45}.world .qfoe.beaten .mon{animation:none}.world .ouch{animation:ouch .45s ease-in-out;transform-box:fill-box;transform-origin:50% 100%}.world .pow{animation:pop .35s ease-out both}@keyframes ouch{0%,to{transform:none}20%{transform:translate(-7px) rotate(-4deg)}40%{transform:translate(7px) rotate(4deg)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.hpbars{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.hpbar{display:flex;flex-direction:column;gap:4px;min-width:0}.hpbar.foe{align-items:flex-end;text-align:right}.hpbar small{font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.hpbar .bars{display:flex;gap:3px}.hpbar .bars i{width:clamp(14px,4.5vw,22px);height:14px;border-radius:5px;background:var(--ok);border:2px solid var(--atrament);transition:background .3s,opacity .3s}.hpbar.foe .bars i{background:var(--coral)}.hpbar .bars i.off{background:var(--sunken);opacity:.5}.questopts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.questopts .hopbtn{width:100%}.questopts .hopbtn.right{border-color:var(--ok);background:var(--ok-soft)}.zsky{display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:12px;min-height:190px;padding:8px 0 4px;overflow:hidden}.zballoon{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:zrise .9s ease-out var(--d,0s) backwards}.zballoon:after{content:"";width:2px;height:34px;background:var(--line)}.zballoon .zbl{width:92px;height:108px;border-radius:50% 50% 48% 48%/56% 56% 44% 44%;background:var(--bc,#FFD6D6);display:flex;align-items:center;justify-content:center;box-shadow:inset -8px -10px #00000014;animation:zsway 3s ease-in-out infinite;transition:opacity .3s,transform .3s}.zballoon .e{font-size:2.9rem}.zballoon.b0{--bc:#FFD6D6}.zballoon.b1{--bc:#D4E8FF}.zballoon.b2{--bc:#FFF0B8}.zballoon.b3{--bc:#D9F5D6}.zballoon.pop .zbl{animation:none;opacity:0;transform:scale(1.4)}.zballoon.pop:after{opacity:0}.zballoon.wrong .zbl{animation:shake .3s;box-shadow:0 0 0 4px var(--coral)}@keyframes zrise{0%{transform:translateY(170px);opacity:0}to{transform:none;opacity:1}}@keyframes zsway{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.zyn{position:relative}.zyn-right{position:absolute;top:8px;right:10px;font-size:2.4rem;padding:2px 6px;border-radius:12px;background:var(--ok-soft);border:2px solid var(--ok)}.zyesno{display:flex;justify-content:center;gap:22px;margin:6px 0}.zyes{width:120px;min-height:100px;border-radius:22px;border:3px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center}.zyes .e{font-size:3rem}.zyes.right{border-color:var(--ok);background:var(--ok-soft)}.zyes.wrong{border-color:var(--coral);animation:shake .3s}.zseq .zpic{min-width:64px;text-align:center;border-color:var(--line);font-weight:800}.zseq .zpic.on{border-color:var(--ok);background:var(--ok-soft)}.zopt{position:relative}.zord{position:absolute;top:6px;left:10px;font-size:1.2rem;color:var(--ok)}@media (prefers-reduced-motion: reduce){.zballoon,.zballoon .zbl,.zyes.wrong{animation:none;transition:none}}.eyefield{position:relative;height:clamp(200px,52vw,280px);margin:10px 0;border-radius:20px;background:var(--sunken);overflow:hidden}.eyestar{position:absolute;font-size:2.6rem;line-height:1;transform:translate(-50%,-50%)}.eyestar.jump{top:50%}.eyestar.jump.a{left:8%}.eyestar.jump.b{left:92%}.eyestar.updown{left:50%}.eyestar.updown.a{top:14%}.eyestar.updown.b{top:86%}.eyebee{position:absolute;left:0;right:0;top:50%;height:0;animation:eyey 2.25s ease-in-out -1.125s infinite alternate}.eyebee span{position:absolute;left:50%;font-size:2.4rem;line-height:1;transform:translate(-50%,-50%);animation:eyex 2.25s ease-in-out infinite alternate}@keyframes eyey{0%{top:16%}to{top:84%}}@keyframes eyex{0%{left:12%}to{left:88%}}.eyefar{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;font-size:2.6rem;text-align:center}.eyefar b{font-family:var(--display);font-size:2.4rem}.eyefar.blinky{animation:pop .6s ease-in-out infinite alternate}.eyenote{margin-top:10px}.eyenote summary{cursor:pointer;color:var(--muted);font-weight:700}.counterhint{display:grid;gap:6px;justify-items:center}.hintsteps{margin:6px 0;padding-left:1.4em;display:grid;gap:6px;width:100%;text-align:left}.hintsteps li{color:var(--muted);transition:color .3s}.hintsteps li.now{color:var(--ink);font-weight:700}.hintsteps li.done{color:var(--ink)}.hintclicks{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.hintclicks b{font-family:var(--display);min-width:2.2em;text-align:center;padding:2px 6px;border-radius:8px;background:var(--sunken);opacity:.45}.hintclicks b.on{background:var(--sun);color:var(--sun-ink);opacity:1;animation:pop .25s ease-out}.hintcarry{display:block;margin-top:4px;color:var(--coral);font-weight:700}.ears-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.ears-groups .fact{padding:10px 6px;display:grid;gap:2px;font-weight:700}.ears-groups .fact .e{font-size:2rem}.ears-card{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 0 10px}.ears-pic{font-size:4rem;line-height:1;display:grid;justify-items:center;gap:4px}.ears-pic .small{font-size:1rem;font-weight:700}.ears-opts{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.ears-slots{display:flex;gap:4px;margin-bottom:6px}.ears-slots i{width:18px;height:18px;border-radius:5px;border:2px solid var(--line);background:var(--surface)}.ears-slots i.on{background:var(--coral);border-color:var(--coral)}.warm-name{margin:0;text-align:center}.mouthpic{width:100%;max-width:340px;display:block;margin:4px auto 10px}.mouthpic .cavity{fill:var(--sunken)}.mouthpic .lip{fill:#e58a93;stroke:var(--ink);stroke-width:1.2}.mouthpic .tooth{fill:#fff;stroke:var(--ink);stroke-width:1.2}.mouthpic .tongue{fill:#f4a3ae;stroke:#b8505e;stroke-width:1.6}.mouthpic .roof{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}.mouthpic .paint{fill:none;stroke:var(--sun);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 1}.mouthpic .dot{fill:var(--sun);stroke:var(--ink);stroke-width:.8}.mouthpic .click path{stroke:var(--coral);stroke-width:2.2;stroke-linecap:round;fill:none}.mouthpic .ridge path{stroke:var(--muted);stroke-width:1;fill:none}.mouthpic .ridge text{font-size:9px;font-weight:700;fill:var(--ink)}.pinwheel{display:block;margin:4px auto 6px;width:150px;height:190px;background:none;border:0;padding:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pinwheel svg{width:100%;height:100%}.pinwheel .stick{stroke:var(--muted);stroke-width:4;stroke-linecap:round}.pinwheel .blades{transform-origin:50px 50px;transform-box:view-box}.pinwheel.spin .blades{animation:spin .5s linear infinite}.pinwheel .blade{stroke:var(--ink);stroke-width:1.2}.pinwheel .b0{fill:var(--coral)}.pinwheel .b1{fill:var(--sun)}.pinwheel .b2{fill:var(--ok)}.pinwheel .b3{fill:#7fa7e0}.pinwheel .pin{fill:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.flight{position:relative;width:100%;height:min(64vh,520px);min-height:340px;border-radius:22px;overflow:hidden;margin:8px 0 12px;box-shadow:0 6px #16213a2e,inset 0 0 0 3px #16213a1f;touch-action:manipulation;-webkit-user-select:none;user-select:none}.flight canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.fl-hud{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:2;pointer-events:none}.fl-feathers{background:#ffffffeb;color:#16213a;border-radius:999px;padding:4px 12px;font-family:var(--display);font-size:1.2rem;box-shadow:0 3px #16213a26}.fl-progress{flex:1;position:relative;height:14px;background:#ffffff8c;border-radius:999px;overflow:visible}.fl-progress i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffd24a,#ff9f1c);border-radius:999px;transition:width .4s ease-out}.fl-progress b{position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:1.3rem}.fl-combo{background:#ff6b4a;color:#fff;border-radius:999px;padding:2px 10px;font-family:var(--display);font-size:1.2rem;animation:pop .35s ease-out}.fl-q{position:absolute;top:44px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;background:#16213a;color:#fff;font-family:var(--display);font-size:clamp(1.7rem,7vw,2.6rem);padding:4px 22px;border-radius:18px;border:3px solid rgba(255,255,255,.9);box-shadow:0 5px #00000040;white-space:nowrap;animation:flq .35s cubic-bezier(.2,1.6,.4,1)}@keyframes flq{0%{transform:translate(-50%,-30px) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.fl-toast{position:absolute;bottom:12px;left:0;right:0;margin:0 auto;width:max-content;max-width:94%;z-index:2;pointer-events:none;border-radius:999px;padding:6px 16px;font-weight:700;white-space:nowrap;animation:pop .3s ease-out}.fl-toast.ok{background:#1e9e5a;color:#fff}.fl-toast.no{background:#fff;color:#16213a;box-shadow:0 3px #16213a33}.fl-lane{position:absolute;left:0;right:0;height:25%;z-index:1;background:transparent;border:0;padding:0;cursor:pointer}.fl-lane:focus-visible{outline:3px solid #FFD24A;outline-offset:-3px}.fl-lane.on:before{content:"";position:absolute;left:4px;top:50%;width:0;height:0;border:9px solid transparent;border-left:12px solid rgba(255,255,255,.85);transform:translateY(-50%)}.fl-banner{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:2;background:#ffffffeb;color:#16213a;border-radius:16px;padding:8px 18px;text-align:center;display:grid;gap:2px;box-shadow:0 4px #16213a26}.fl-banner b{font-family:var(--display);font-size:1.3rem}.fl-stars{font-size:2.6rem;letter-spacing:6px;text-align:center;margin:4px 0}.fl-stars span{color:var(--line)}.fl-stars span.on{color:#ffb800;text-shadow:0 3px 0 rgba(0,0,0,.15);display:inline-block;animation:pop .4s ease-out}.gametile[data-g]{border:0;color:#fff;box-shadow:0 5px #16213a40;position:relative;overflow:hidden}.gametile[data-g] small{color:#ffffffe6}.gametile[data-g] .ge{filter:drop-shadow(0 3px 0 rgba(0,0,0,.2));transition:transform .2s}.gametile[data-g]:hover .ge{transform:scale(1.12) rotate(-6deg)}.gametile[data-g]:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:#ffffff24}.gametile[data-g=lot]{background:linear-gradient(135deg,#3ba3f0,#7a5cf0)}.gametile[data-g=wyprawa]{background:linear-gradient(135deg,#2e9e6b,#1f6e8c)}.gametile[data-g=skoki]{background:linear-gradient(135deg,#f59e3a,#e4504f)}.gametile[data-g=razy]{background:linear-gradient(135deg,#c94f86,#7a2e8a)}.gametile[data-g=plusminus]{background:linear-gradient(135deg,#2b8fd6,#1e5fa8)}.gametile[data-g=oczy]{background:linear-gradient(135deg,#6b7a99,#3e4a66)}.readtext.together p{transition:background .25s;border-radius:10px;padding:2px 6px;margin:4px -6px;font-size:1.2rem;line-height:1.5}.readtext.together p.hi{background:var(--sun);color:var(--sun-ink)}.razem-times{margin:6px 0;padding-left:1.3em;display:grid;gap:4px}.weekcard{background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:12px 14px;margin:12px 0;display:grid;gap:8px}.weekcard h3{margin:0}.wc-row{display:grid;gap:2px}.wc-row b{font-size:.95rem}.profile.sel{border-color:var(--ok);background:var(--ok-soft)}.profile .haki-mark{pointer-events:none}.logo-what{font-size:1.1rem;text-align:center}.logo-card{display:grid;justify-items:center;gap:8px;background:var(--surface);border:2px solid var(--line);border-radius:20px;padding:14px;margin:8px 0}.logo-e{font-size:3.6rem;line-height:1}.logo-text{font-family:var(--display);font-size:clamp(1.6rem,7vw,2.4rem);margin:0;text-align:center;line-height:1.25}.logo-text mark{background:var(--sun-soft);color:var(--ink);border-bottom:4px solid var(--sun);border-radius:4px;padding:0 1px}.logo-judge .btn{flex:1}.logo-meter{height:12px;border-radius:999px;background:var(--sunken);overflow:hidden;margin:8px 0}.logo-meter i{display:block;height:100%;background:linear-gradient(90deg,#ffd24a,#2e9e6b)}.logobox{border-top:2px solid var(--line);padding-top:8px;margin-top:12px}.logoweek{border-collapse:collapse;width:100%;font-size:.9rem}.logoweek th,.logoweek td{border-bottom:1px solid var(--line);padding:4px 6px;text-align:left}