@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2)format("woff2"),url(/assets/jost-cyrillic-500-normal-DlHwnXyv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-ext-500-normal-BkvHgcKf.woff2)format("woff2"),url(/assets/jost-latin-ext-500-normal-Cpxiadwk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-cyrillic-700-normal-_ob5o-r5.woff2)format("woff2"),url(/assets/jost-cyrillic-700-normal-BHDNzvjF.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-latin-ext-700-normal-AnR_ULdm.woff2)format("woff2"),url(/assets/jost-latin-ext-700-normal-DTcCupJy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-latin-700-normal-u2Hrqd6k.woff2)format("woff2"),url(/assets/jost-latin-700-normal-k-iBXzmq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jost-cyrillic-800-normal-Cee6xADZ.woff2)format("woff2"),url(/assets/jost-cyrillic-800-normal-BkwKzx7A.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jost-latin-ext-800-normal-Cg_vpt4p.woff2)format("woff2"),url(/assets/jost-latin-ext-800-normal-BJ9_B5nd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/jost-latin-800-normal-Dqt5tSc_.woff2)format("woff2"),url(/assets/jost-latin-800-normal-CYDe-RDT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/jost-cyrillic-900-normal-2G-xOZGh.woff2)format("woff2"),url(/assets/jost-cyrillic-900-normal-Dmn2fppa.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/jost-latin-ext-900-normal-Cpub5HAy.woff2)format("woff2"),url(/assets/jost-latin-ext-900-normal-BZJn-Zbs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/jost-latin-900-normal-BhVIKTxl.woff2)format("woff2"),url(/assets/jost-latin-900-normal-Cq5Sa0Ce.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playwrite FR Trad;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playwrite-fr-trad-latin-400-normal-Xr-Vp6v_.woff2)format("woff2"),url(/assets/playwrite-fr-trad-latin-400-normal-DXJHaZ3x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#22201c;--paper:#f4ead5;--card:#fffdf6;--khaki:#b9a26a;--khaki-d:#9c8b66;--mustard:#e8b62c;--rust:#c8553d;--rust-d:#9e3f2b;--pine:#2e5e4e;--night:#1e3a34;--pond:#3e8a8c;--firefly:#ffe066;--cave:#141a2b;--muted:#6f6246;--line:#d8c9a6;--ok-bg:#dcebc9;--bad-bg:#f6d8cc;--hl:#c8553d;--radius:16px;--bd:3px solid var(--ink);--sh:0 5px 0 var(--ink);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Jost,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}button:disabled{cursor:default}a{color:inherit}.cursive{font-family:Playwrite FR Trad,cursive}.script{font-family:Jost,sans-serif}.hand{font-family:Patrick Hand,cursive}.dim{opacity:.45}.caps{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.t{align-items:inherit;flex-direction:column;display:inline-flex}.t-fr:empty{display:none}.t-ua{color:var(--muted);opacity:.95;letter-spacing:0;text-transform:none;font-size:.72em;font-weight:500}.btn{border:var(--bd);min-width:180px;box-shadow:var(--sh);letter-spacing:.14em;text-transform:uppercase;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:17px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:none;transform:translateY(5px)}.btn:disabled{opacity:.55}.btn .t-ua{text-transform:none;color:inherit;opacity:.8}.btn-primary{background:var(--mustard);color:var(--ink)}.btn-danger{background:var(--rust);color:#fff6e5}.btn-secondary{background:var(--card);color:var(--ink)}.btn-pine{background:var(--pine);color:#fff6e5}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:#0000000a}.app{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex}.topbar{z-index:5;background:var(--paper);align-items:center;gap:8px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.avatar{background:var(--pine);border:var(--bd);outline:2px dashed var(--mustard);outline-offset:-8px;width:42px;height:42px;color:var(--mustard);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.brand-name{letter-spacing:.1em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:34vw;margin-right:auto;font-size:18px;font-weight:900;overflow:hidden}.pill{border:var(--bd);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:15px;font-weight:800;display:flex}.pill.rust{background:var(--rust);color:#fff6e5}.pill.mustard{background:var(--mustard)}.pill.dim{opacity:.5}.ua-toggle{border:2px solid var(--line);color:var(--muted);border-radius:10px;padding:4px 10px;font-size:14px;font-weight:900}.ua-toggle.on{color:#0057b7;background:#ffd500;border-color:#0057b7}.save-btn{background:var(--pond);color:#fff;border:var(--bd);border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:14px;font-weight:800;display:flex}.signout{color:var(--muted)}.tabbar{z-index:5;background:var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:auto;padding:8px 6px 14px;display:grid;position:sticky;bottom:0}.tab{color:var(--line);letter-spacing:.1em;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px;font-size:11px;font-weight:800;display:flex}.tab.on{color:var(--mustard)}.home-body{flex-direction:column;flex:1;gap:14px;padding:4px 16px 20px;display:flex}.tonight-card{border:var(--bd);box-shadow:0 6px 0 var(--ink);background:var(--rust);color:#fff6e5;text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.tonight-card.done{background:var(--pine)}.tonight-card.weekend{background:var(--night)}.tonight-card:active:not(:disabled){box-shadow:none;transform:translateY(6px)}.tonight-kicker{color:var(--firefly)}.tonight-title{letter-spacing:.02em;text-transform:uppercase;font-size:28px;font-weight:900;line-height:1.05}.tonight-title .g{color:var(--firefly);text-transform:none;font-size:1.15em}.tonight-sub{opacity:.9;font-size:14px;font-weight:500}.tonight-card .t-ua{color:#fff6e5;opacity:.8}.play{background:var(--firefly);border:var(--bd);width:62px;height:62px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.review-card{border-radius:var(--radius);background:var(--card);border:var(--bd);box-shadow:0 4px 0 var(--ink);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.review-card:active{box-shadow:none;transform:translateY(4px)}.review-title{color:var(--rust-d);font-size:18px;font-weight:900}.review-sub{color:var(--muted);font-size:14px;font-weight:500}.review-go{background:var(--rust);color:#fff6e5;border:var(--bd);text-transform:uppercase;letter-spacing:.1em;border-radius:12px;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:900}.review-go .t-ua{color:#fff6e5}.map{aspect-ratio:390/440;width:100%;position:relative}.map svg{width:100%;height:100%;position:absolute;inset:0}.stop{z-index:2;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-50%)}.stop-btn{border:var(--bd);width:56px;height:56px;box-shadow:0 4px 0 var(--ink);background:var(--card);color:var(--ink);border-radius:50%;place-items:center;font-size:24px;font-weight:900;display:grid}.stop-btn:active{box-shadow:none;transform:translateY(4px)}.stop.done .stop-btn{background:var(--mustard);outline:2px dashed var(--ink);outline-offset:-9px}.stop.tonight .stop-btn{background:var(--rust);color:#fff6e5;outline-offset:-11px;outline:3px dashed #fff6e5;width:68px;height:68px;animation:1.8s ease-in-out infinite breathe}.stop.missed .stop-btn{border-style:dashed}.stop-label{letter-spacing:.08em;text-transform:uppercase;background:var(--paper);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.stop.tonight .stop-label{background:var(--ink);color:var(--paper)}.map-guide{align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:-2%;left:34%}.speech{border:var(--bd);background:#fff6e5;border-radius:12px 12px 2px;margin-bottom:60px;padding:6px 10px;font-family:Patrick Hand,cursive;font-size:17px;line-height:1.1}.speech.left{border-radius:12px 12px 12px 2px}.import-card{border-radius:var(--radius);border:2px dashed var(--mustard);background:#fff8d6;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.import-card .btn{min-width:0;padding:8px 12px;font-size:13px}.scene{border-bottom:var(--bd);width:100%;position:relative}.scene svg{width:100%;height:auto;display:block}.sheet{background:var(--paper);flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.reward{background:var(--card);border:var(--bd);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.reward.todo{border-style:dashed;border-color:var(--khaki-d);color:var(--muted);background:0 0}.reward-title{font-weight:800}.reward-sub{color:var(--muted);font-size:13px}.badge{background:var(--rust);color:#fff6e5;border:var(--bd);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);outline-offset:-9px;border-radius:50%;outline:2px dashed #fff6e5;place-items:center;font-size:28px;font-weight:900;display:grid}.badge.locked{color:var(--khaki-d);border:3px dashed var(--khaki-d);box-shadow:none;background:0 0;outline:none}.badges{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:10px;display:grid}.badge-cell{flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.notebook{border:var(--bd);background-color:#f7efdc;background-image:repeating-linear-gradient(0deg,#3e8a8c29 0 1px,#0000 1px 26px);border-radius:10px;flex-direction:column;flex:1;gap:16px;margin:12px;padding:16px;display:flex}.specimens{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.specimen{border:2px solid var(--ink);background:#fffdf6;border-radius:4px;flex-direction:column;align-items:center;padding:6px;display:flex;position:relative}.specimen:nth-child(odd){transform:rotate(-2deg)}.specimen:nth-child(2n){transform:rotate(1.5deg)}.specimen:before{content:"";background:#e8b62cb3;width:38px;height:14px;margin-left:-19px;position:absolute;top:-8px;left:50%;transform:rotate(3deg)}.specimen{container-type:inline-size}.specimen .word,.specimen .word.cursive{white-space:normal;text-align:center;max-width:100%;line-height:1.5;font-size:min(22px, calc(92cqi / (var(--len,8) * .62)));padding-bottom:.45em}.secret{background:var(--ink);color:var(--paper);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.secret .t-ua{color:var(--line)}.overlay{z-index:30;background:#22201caa;place-items:center;padding:16px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.prize{background:var(--paper);border:var(--bd);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:28px 24px;display:flex}.prize-title{align-items:center;font-size:24px;font-weight:900}.lesson{flex-direction:column;min-height:100vh;display:flex}.lesson-top{align-items:center;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:14px 16px;display:flex}.bar{background:var(--mustard);border:var(--bd);border-radius:5px;flex:1;height:22px;position:relative;overflow:hidden}.bar-fill{background:var(--pine);border-right:var(--bd);min-width:8px;height:100%;transition:width .4s}.bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#22201c59 calc(10% - 2px) 10%);height:8px;position:absolute;inset:0}.bar.fixing .bar-fill{background:var(--pond)}.fix-chip{background:var(--card);border:2px solid var(--pond);color:var(--pond);text-transform:uppercase;letter-spacing:.1em;border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:13px;font-weight:800}.fix-chip .t-ua{text-transform:none;letter-spacing:0}.fix-intro{text-align:center;justify-content:center;padding-top:30px}.fix-title{align-items:center;font-size:30px;font-weight:900}.fix-sub{color:var(--muted);align-items:center;font-size:18px;font-weight:600}.lesson-body{flex-direction:column;flex:1;align-items:center;padding:8px 16px 170px;display:flex}.ex{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:640px;animation:.3s slideIn;display:flex}.instruction{align-self:stretch;align-items:flex-end;gap:8px;display:flex}.instruction .mascot{flex:none}.instruction-bubble{background:var(--card);border:var(--bd);border-radius:14px 14px 14px 3px;flex:1;align-items:center;gap:12px;padding:10px 12px;display:flex}.speaker-btn{background:var(--pine);color:#fff6e5;border:var(--bd);width:48px;height:48px;box-shadow:0 3px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.speaker-btn:active{box-shadow:none;transform:translateY(3px)}.instruction-text{align-items:flex-start;font-size:21px;font-weight:800;line-height:1.15}.letter-mark{border:2px solid var(--ink);background:var(--pond);color:#fff6e5;text-align:center;min-width:1.35em;box-shadow:0 2px 0 var(--ink);vertical-align:baseline;border-radius:9px;margin:0 .1em;padding:0 .28em;font-size:1.2em;font-weight:900;line-height:1.15;display:inline-block}.feedback-sub .letter-mark,.lesson-foot.correct .letter-mark{background:var(--firefly);color:var(--ink)}.lesson-foot{border-top:var(--bd);background:var(--paper);min-height:118px;transition:background .2s;position:fixed;bottom:0;left:0;right:0}.lesson-foot.pending{pointer-events:none;background:0 0;border-top-color:#0000}.lesson-foot.correct{background:var(--pine);color:#fff6e5}.lesson-foot.wrong{background:var(--bad-bg)}.lesson-foot.neutral{background:var(--paper)}.foot-inner{justify-content:flex-end;align-items:center;gap:14px;max-width:900px;margin:0 auto;padding:14px 16px 20px;display:flex}.feedback{align-items:center;gap:10px;margin-right:auto;animation:.25s slideUp;display:flex}.feedback-text{flex-direction:column;gap:2px;display:flex}.feedback-title{letter-spacing:.04em;text-transform:uppercase;font-size:24px;font-weight:900}.correct .t-ua{color:#fff6e5;opacity:.8}.wrong .feedback-title,.wrong .feedback-sub{color:var(--rust-d)}.feedback-sub{font-size:16px;font-weight:600}.card{background:var(--card);border:var(--bd);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);flex-direction:column;align-items:center;gap:6px;padding:14px;transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s;display:flex;position:relative}button.card:not(:disabled):active{box-shadow:none;transform:translateY(5px)}.card.correct{border-color:var(--pine);background:var(--ok-bg);box-shadow:0 5px 0 var(--pine);animation:.3s pop}.card.wrong{border-color:var(--rust);background:var(--bad-bg);box-shadow:0 5px 0 var(--rust);animation:.4s shake}.card.reveal{border-color:var(--pine);border-style:dashed}.card.seen{border-color:var(--pond);box-shadow:0 5px 0 var(--pond)}.card .check{color:var(--pine);font-size:22px;font-weight:900;position:absolute;top:6px;right:10px}.word.cursive+.card-ua{margin-top:6px}.card-ua{text-align:center;overflow-wrap:anywhere;font-size:18px}.card.solo{max-width:100%;padding:16px 24px}.pic{object-fit:contain;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;max-width:100%}.pic-emoji{-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.word{white-space:nowrap;font-size:32px;line-height:1.35}.word.script{font-weight:700}.word .hl{color:var(--hl)}.word.cursive{font-size:30px}.choice,.grid-2>.card{container-type:inline-size}.choice .word,.grid-2>.card .word{white-space:normal;text-align:center;line-height:1.25;font-size:min(32px, calc(92cqi / (var(--len,8) * .56)))}.choice .word.cursive,.grid-2>.card .word.cursive{font-size:min(30px, calc(92cqi / (var(--len,8) * .62)))}.choice .pic-emoji{font-size:min(90px,72cqi)!important}.card.solo .word{white-space:normal;text-align:center}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.choice{padding:16px 8px}.choice-hit{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.mini-speaker{background:var(--pine);color:#fff6e5;z-index:1;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:6px;right:6px}.stage-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;max-width:100%;display:flex}.listen{align-items:flex-end;gap:12px;display:flex}.big-speaker{background:var(--pine);color:#fff6e5;border:var(--bd);width:92px;height:92px;box-shadow:var(--sh);border-radius:50%;place-items:center;display:grid}.slow-speaker{background:var(--card);border:var(--bd);width:58px;height:58px;box-shadow:0 4px 0 var(--ink);border-radius:50%;font-size:26px}.big-speaker:active,.slow-speaker:active{box-shadow:none;transform:translateY(5px)}.yesno{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.yn{padding:14px;font-size:19px;font-weight:800}.yn-icon{font-size:40px}.glyph-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.glyph-card{aspect-ratio:1;border-radius:var(--radius);background:var(--card);border:var(--bd);box-shadow:var(--sh);place-items:center;display:grid}.glyph-card:active{box-shadow:none;transform:translateY(5px)}.glyph-card.seen{background:var(--mustard);animation:.3s pop}.glyph{color:var(--hl);font-size:72px;line-height:1}.glyph.script{font-weight:800}.glyph.cursive{padding-bottom:28px;font-size:76px;line-height:1}.glyph.cursive.cap{font-size:56px}.hint{color:var(--muted);text-align:center;margin:0;font-size:20px;font-weight:600}.referent{background:var(--card);border:var(--bd);box-shadow:var(--sh);border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:18px 36px;display:flex}.referent .word{font-size:42px}.syllables{gap:10px;font-size:30px;font-weight:900;display:flex}.syl{border:2px dashed var(--line);border-radius:12px;padding:4px 14px}.hl-bg{color:var(--hl);border-color:var(--hl);background:#fbe7df}.counter{color:var(--rust);font-size:22px;font-weight:900}.bubbles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;display:grid}.bubble{aspect-ratio:1;border:2px solid var(--pond);background:#d9eeec;border-radius:50%;place-items:center;transition:transform .25s,opacity .25s;animation:3s ease-in-out infinite float;display:grid}.bubble .glyph{color:var(--ink);font-size:48px}.bubble .glyph.cursive{padding-bottom:20px;font-size:56px;line-height:1}.bubble .glyph.cursive.cap{padding-bottom:14px;font-size:40px}.bubble.popped{opacity:0;pointer-events:none;animation:none;transform:scale(1.4)}.bubble.shake,.tile.shake{background:var(--bad-bg);border-color:var(--rust);animation:.4s shake}.tiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile{background:var(--card);border:var(--bd);min-width:56px;height:76px;box-shadow:0 4px 0 var(--ink);border-radius:12px;place-items:center;padding:0 8px;font-size:42px;display:grid}.tiles.script .tile{font-weight:800}.tiles.cursive .tile{height:116px;padding:30px 8px 14px;font-family:Playwrite FR Trad,cursive;font-size:48px;line-height:1}.tile:active{box-shadow:none;transform:translateY(4px)}.tile.found{color:#fff6e5;background:var(--hl);animation:.3s pop}.read-text{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 12px;font-size:30px;font-weight:700;line-height:1.2;display:inline-flex}.read-text.big{font-size:36px}.rt-token{align-items:flex-end;gap:2px;padding:0;display:inline-flex}.rt-dec{gap:2px;display:inline-flex}.rt-syl{border-bottom:3px solid var(--pond);border-radius:0 0 14px 14px;padding:0 2px 2px}.rt-sight{background:var(--firefly);border-radius:4px;padding:0 4px}.rt-g{color:var(--pond)}.rt-silent{color:#b7a98a}.syl-grid{flex-direction:column;gap:10px;width:100%;display:flex}.syl-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.syl-btn{background:var(--card);border:var(--bd);height:64px;box-shadow:0 4px 0 var(--ink);border-radius:12px;font-size:30px;font-weight:700}.syl-btn.seen{background:var(--firefly)}.syl-btn:active{box-shadow:none;transform:translateY(4px)}.paper{background:var(--card);border:var(--bd);border-radius:8px;flex-direction:column;align-items:center;gap:12px;width:100%;padding:22px 16px;display:flex;position:relative;transform:rotate(-.6deg)}.paper:before{content:"";background:#e8b62cbf;width:60px;height:18px;position:absolute;top:-11px;left:30px;transform:rotate(-4deg)}.read-choices{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.read-choice{padding:14px}.cave{background:var(--cave);color:#f4ead5;border:var(--bd);border-radius:22px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:18px 16px;display:flex;position:relative}.cave .t-ua{color:#c9c3e6}.cave>.t{text-align:center;align-items:center;max-width:calc(100% - 76px)}.cave-bat{position:absolute;top:-34px;right:12px;transform:rotate(180deg)}.say-row{align-items:flex-end;gap:24px;display:flex}.round-btn{border:var(--bd);color:#fff6e5;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-size:36px;display:flex}.say-item{flex-direction:column;align-items:center;gap:8px;display:flex}.round-label{white-space:nowrap;align-items:center;font-size:15px;font-weight:800}.round-btn.blue{background:var(--pine)}.round-btn.green{background:var(--pond)}.round-btn.mic{background:var(--rust);width:116px;height:116px;font-size:50px;box-shadow:0 0 0 8px #c8553d40}.round-btn.mic.recording{animation:1s infinite pulse}.round-btn:active{transform:translateY(4px)}.grown-up{border-radius:var(--radius);color:var(--ink);border:2px dashed var(--mustard);background:#fff8d6;flex-direction:column;align-items:center;gap:12px;padding:14px 16px;display:flex}.grown-up .t-ua{color:var(--muted)}.grown-up-title{font-weight:800}.grown-up-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grown-up-btns .btn{min-width:140px}.bat{border-radius:var(--radius);background:#22294a;border:2px solid #5b4e8c;align-items:center;gap:14px;width:100%;padding:14px 16px;animation:.3s pop;display:flex}.bat.good{border-color:#7cd67a}.bat.low{border-color:var(--mustard)}.bat.checking .mascot{animation:.6s ease-in-out infinite alternate bob}.bat-body{flex-direction:column;flex:1;gap:10px;display:flex}.bat-text{font-size:19px;font-weight:800}.meter{background:#0c101c;border-radius:99px;height:12px;overflow:hidden}.meter-fill{border-radius:inherit;background:var(--firefly);height:100%;transition:width .6s}.bat.good .meter-fill{background:#7cd67a}.bat .grown-up-btns .btn{flex:1;min-width:0;padding:10px 12px;font-size:13px}.end{background:#f6d8a8;flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex}.end-body{background:var(--paper);border-top:var(--bd);flex-direction:column;flex:1;gap:12px;padding:18px 20px 24px;display:flex}.end-title{letter-spacing:.02em;text-transform:uppercase;font-size:28px;font-weight:900;line-height:1.05}.stats{gap:10px;display:flex}.stat-card{background:var(--card);border:var(--bd);border-radius:12px;flex-direction:column;flex:1;padding:8px 12px;display:flex}.stat-card b{font-size:22px}.sticky{background:var(--firefly);border:var(--bd);border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex;transform:rotate(-.8deg)}.sticky .hand{font-size:20px;line-height:1.15}.link-row{border:var(--bd);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.cabane-done{background:#1e3a34}.cabane-done .scene{background:#24473f;overflow:hidden}.cabane-done .scene svg{z-index:1;position:relative}.cd-fireworks{z-index:0;pointer-events:none;height:75%;position:absolute;top:0;left:0;right:0}.cd-confetti{z-index:20;pointer-events:none;position:fixed;inset:0}.cd-castor{z-index:2;align-items:flex-end;gap:4px;animation:.5s 2.3s both slideUp;display:flex;position:absolute;bottom:4px;left:8px}.cd-castor .speech{margin-bottom:72px;animation:.4s pop}.cd-sub{color:var(--pine);font-size:20px;line-height:1.2}.cabane-build .cb-pile{transform-box:fill-box;transform-origin:50% 100%;animation:cbRise .35s calc(.2s + var(--i) * .25s) cubic-bezier(.3, 1.6, .5, 1) both}.cabane-build .cb-deck{animation:.4s cubic-bezier(.3,1.5,.5,1) 1.45s both cbDrop}.cabane-build .cb-walls{animation:.4s cubic-bezier(.3,1.5,.5,1) 1.75s both cbDrop}.cabane-build .cb-roof{animation:.45s cubic-bezier(.3,1.6,.5,1) 2.05s both cbDrop}.cabane-build .cb-lantern{animation:.3s 2.4s both fadeIn,1.4s ease-in-out 2.7s infinite alternate cbGlow}.cabane-build .cb-flag{transform-box:fill-box;transform-origin:0 100%;animation:.5s 2.5s both cbRise,1.1s ease-in-out 3s infinite alternate cbWave}@keyframes cbRise{0%{transform:scaleY(0)}}@keyframes cbDrop{0%{opacity:0;transform:translateY(-70px)}}@keyframes cbGlow{to{filter:drop-shadow(0 0 7px #ffe066)}}@keyframes cbWave{to{transform:skewY(-9deg)}}.mascot{-webkit-user-select:none;user-select:none;display:block}.mascot-happy{animation:.6s 2 hop}.confetti{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:3px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}.splash{place-items:center;min-height:100vh;display:grid}.splash .mascot{animation:1.2s ease-in-out infinite alternate bob}.splash.error{color:var(--rust-d);text-align:center;padding:24px;font-weight:800}.auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:420px;min-height:100vh;margin:0 auto;padding:32px 16px;display:flex}.auth-title{letter-spacing:.04em;margin:0;font-size:30px;font-weight:900}.auth-sub{color:var(--muted);margin:0;font-weight:500;line-height:1.4}.auth-form{flex-direction:column;gap:12px;width:100%;display:flex}.auth-form input{font:inherit;border:var(--bd);background:var(--card);color:var(--ink);border-radius:14px;width:100%;padding:14px 16px;font-size:18px;font-weight:600}.auth-form input:focus{outline:3px solid var(--mustard)}.auth-or{color:var(--muted);font-weight:700}.btn-google{text-transform:none;letter-spacing:0;width:100%}.auth-sent{font-weight:600}.auth-error{color:var(--rust-d);margin:0;font-weight:700}.auth-import{text-align:left;border:2px dashed var(--mustard);background:#fff8d6;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-weight:600;display:flex}.auth-import input{flex:none;width:20px;height:20px;margin-top:2px}.auth-modal{gap:12px}.auth-modal .auth-title{font-size:24px}.auth-panel{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.auth-later{color:var(--muted);padding:6px;font-weight:700;text-decoration:underline}.legal-links{color:var(--muted);margin:0;font-size:13px;font-weight:600}.legal-links a{color:var(--muted)}.profile-btn{border-radius:999px;align-items:center;gap:8px;min-width:0;margin-right:auto;padding:2px 6px 2px 2px;display:flex}.profile-btn .brand-name{margin-right:0}.profile-btn:hover{background:#0000000a}.profile-caret{color:var(--muted);font-size:13px}.avatar.adult{background:var(--rust);color:#fff6e5;outline-color:#fff6e5}.profiles-sheet{gap:12px;max-height:calc(100vh - 32px);overflow-y:auto}.profiles-sheet .auth-title{font-size:24px}.profile-list{flex-direction:column;gap:8px;width:100%;display:flex}.profile-row{border:2px solid var(--line);background:var(--card);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.profile-row.on{border:var(--bd);box-shadow:0 3px 0 var(--ink)}.profile-text{flex-direction:column;flex:1;min-width:0;display:flex}.profile-text b{font-size:17px}.profile-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.profile-check{color:var(--pine);font-size:20px;font-weight:900}.profile-form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.seg{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.seg button{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:12px;font-size:16px;font-weight:800}.seg button.on{border:var(--bd);background:var(--mustard);box-shadow:0 3px 0 var(--ink)}.auth-step{margin:6px 0 0;font-size:20px;font-weight:900}.class-options{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.class-opt{border:2px solid var(--line);background:var(--card);text-align:left;border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:12px 14px;display:flex}.class-opt.on{border:var(--bd);box-shadow:0 3px 0 var(--ink);background:#fff8d6}.class-opt-title{font-size:17px;font-weight:900}.class-opt-school{color:var(--muted);font-weight:600}.class-opt-sub{color:var(--muted);font-size:13px;font-weight:600}.class-note{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.4}.week-strip{background:var(--card);border:2px dashed var(--khaki-d);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.week-strip>span{flex-direction:column;min-width:0;display:flex}.week-strip .caps{color:var(--rust);font-size:11px}.week-strip-title{font-size:16px;font-weight:900}.week-strip-back{background:var(--pine);color:#fff6e5;border:var(--bd);border-radius:12px;flex:none;padding:8px 10px;font-size:13px;font-weight:800}.week-strip-back .t-ua{color:#fff6e5}.parcours{background:#8db294;flex-direction:column;flex:1;display:flex}.parcours-head{background:var(--paper);border-bottom:var(--bd);flex-direction:column;padding:14px 18px 6px;display:flex}.parcours-title{letter-spacing:.04em;font-size:28px;font-weight:900}.parcours-sum{color:var(--pine);font-size:20px}.trail{width:100%;position:relative;overflow:hidden}.trail-path{width:100%;height:100%;position:absolute;inset:0}.camp{z-index:2;text-align:left;width:84px;height:84px;position:absolute;transform:translate(-50%,-50%)}.camp-card{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.camp.right .camp-card{text-align:right;left:auto;right:calc(100% + 8px)}.camp-node{background:var(--paper);border:var(--bd);width:84px;height:84px;box-shadow:0 4px 0 var(--ink);color:var(--khaki-d);border-radius:50%;flex:none;place-items:center;font-size:34px;font-weight:900;display:grid}.camp.now .camp-node{outline:3px dashed var(--rust);outline-offset:4px;background:#fff8d6}.camp.complete .camp-node{background:var(--mustard)}.camp.locked .camp-node{box-shadow:none;background:0 0;border-style:dashed}.camp-card{background:var(--card);border:2px solid var(--ink);border-radius:12px;flex-direction:column;gap:1px;width:max-content;max-width:min(38vw,190px);padding:6px 10px;display:flex}.camp.right .camp-card{align-items:flex-end}.camp-card .caps{color:var(--rust);letter-spacing:.1em;font-size:10px}.camp-dates{font-size:15px;font-weight:800;line-height:1.15}.camp-sounds{flex-wrap:wrap;gap:4px;display:flex}.camp-sound{background:var(--pine);min-width:22px;color:var(--firefly);text-align:center;border-radius:6px;padding:0 5px;font-size:14px;font-weight:900}.camp-count{color:var(--muted);font-size:12px;font-weight:700}.camp.locked .camp-card{background:0 0;border-style:dashed}.camp:active:not(.locked) .camp-node{box-shadow:none;transform:translateY(3px)}.trail-castor{z-index:3;pointer-events:none;transition:top 1.4s ease-in-out,left 1.4s ease-in-out;position:absolute;transform:translate(-50%,-100%)translateY(-22px)}.trail-castor .mascot{animation:.6s ease-in-out infinite alternate bob}@keyframes fadeIn{0%{opacity:0}}@keyframes fall{to{top:110vh;transform:rotate(720deg)translate(40px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes bob{to{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}@keyframes pulse{0%{box-shadow:0 0 #c8553d99}to{box-shadow:0 0 0 22px #c8553d00}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=520px){.bubbles{grid-template-columns:repeat(4,minmax(0,1fr))}.instruction-text{font-size:18px}.glyph{font-size:52px}.glyph.cursive{padding-bottom:20px;font-size:46px}.glyph.cursive.cap{padding-bottom:16px;font-size:36px}.bubble .glyph.cursive{padding-bottom:14px;font-size:40px}.bubble .glyph.cursive.cap{padding-bottom:10px;font-size:28px}.syl-btn{font-size:26px}.foot-inner{flex-wrap:wrap}.syl-row{grid-template-columns:repeat(4,minmax(0,1fr))}.specimens{grid-template-columns:repeat(2,minmax(0,1fr))}.save-btn span{display:none}.topbar{gap:6px}.tab{letter-spacing:.06em;font-size:9.5px}.brand-name{max-width:26vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
