:root{--ink:#0b1030;--glass:#0a1030d6;--line:#fff3;--gold:#ffd84a;--green:#5cf2a0;--hot:#ff5b6e;--cyan:#5ef2ff;--ui:"Trebuchet MS", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--ui);-webkit-user-select:none;user-select:none;background:#1456e0;margin:0;overflow:hidden}canvas#scene{display:block;position:fixed;inset:0}#app{pointer-events:none;position:fixed;inset:0}#app>*{pointer-events:auto}.screen{pointer-events:none;display:none;position:absolute;inset:0}.screen.active{display:flex}.screen.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px}.screen.active>*{pointer-events:auto}#game,#school{display:none}#game.active,#school.active{display:block}kbd{font-family:var(--mono);vertical-align:middle;letter-spacing:.02em;background:#ffffff38;border:1px solid #ffffff59;border-bottom-width:3px;border-radius:8px;margin-left:10px;padding:2px 8px;font-size:.55em;font-weight:700}.btn{font:900 clamp(22px, 2.6vw, 30px) var(--ui);letter-spacing:.06em;color:#2a1500;cursor:pointer;background:linear-gradient(#ffe66d,#ffb02e);border:0;border-radius:999px;padding:18px 44px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px #c97a00,0 18px 40px #ff961473}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(6px);box-shadow:0 2px #c97a00,0 6px 16px #ff961466}.btn.big{min-width:320px;animation:2.2s ease-in-out infinite breathe}.btn.small{margin-left:auto;padding:8px 18px;font-size:15px;box-shadow:0 4px #c97a00}.btn kbd{color:#2a1500;background:#ffffff73;border-color:#78460066}@keyframes breathe{50%{transform:scale(1.04)}}.link{color:#ffffffd9;font:700 16px var(--ui);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.mute{z-index:10;border:1px solid var(--line);background:var(--glass);color:#fff;cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:fixed;top:18px;right:18px}.mute:hover{background:#1e2864d9}body[data-screen=game] .mute,body[data-screen=school] .mute{top:74px}.logo{letter-spacing:.01em;filter:drop-shadow(0 10px #0a145a59)drop-shadow(0 20px 40px #0a145a80);flex-direction:column;margin:0;font-style:italic;font-weight:900;line-height:.92;display:flex}.logo .l1{letter-spacing:.04em;background:linear-gradient(#fff,#cfe6ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,12vw,150px)}.logo .l2{color:#fff;letter-spacing:.02em;margin-top:6px;font-size:clamp(26px,4.6vw,60px)}.logo em{background:linear-gradient(#ffe66d,#ff5b3a);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.hook{text-shadow:0 2px 12px #0a145a99;max-width:560px;margin:0;font-size:clamp(17px,1.8vw,22px);font-weight:600;line-height:1.45}#landing{justify-content:flex-end;padding-bottom:7vh}#landing .logo{margin-top:4vh;margin-bottom:auto}.title{text-shadow:0 4px 20px #0a145a99;margin:0;font-size:clamp(30px,4vw,48px);font-weight:900}.cards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.card{border:2px solid var(--line);background:var(--glass);color:#fff;cursor:pointer;width:170px;font-family:var(--ui);border-radius:26px;padding:18px 14px 16px;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative}.card:hover{transform:translateY(-4px)}.card.selected{border-color:var(--c);box-shadow:0 0 0 3px var(--c), 0 16px 44px color-mix(in srgb, var(--c) 60%, transparent);transform:translateY(-6px)scale(1.04)}.card .avatar{filter:drop-shadow(0 8px 12px #00000059);width:108px;height:108px;margin:0 auto 6px}.card .pname{font-size:22px;font-weight:900}.card .ptag{opacity:.75;margin-top:2px;font-size:13px}.card kbd{margin:0;font-size:12px;position:absolute;top:10px;left:10px}.hud{grid-template-columns:150px 1fr 190px;align-items:start;gap:24px;padding:18px 76px 0 24px;display:grid;position:absolute;top:0;left:0;right:0}.timer{font:900 clamp(38px, 4.4vw, 56px) var(--mono);text-shadow:0 3px 14px #0a145a99;line-height:1}.timer.low{color:#ffd0d6;animation:.8s ease-in-out infinite throb}@keyframes throb{50%{color:var(--hot)}}.label{letter-spacing:.2em;opacity:.8;margin-top:2px;font-size:12px;font-weight:800}.hud-mid{padding-top:14px}.track{border:1px solid var(--line);background:#0a10308c;border-radius:999px;height:16px;position:relative}.fill{background:linear-gradient(90deg,#5ef2ff,#ffe66d);border-radius:999px;width:0;height:100%}.marker{background:#fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;box-shadow:0 0 0 4px #ffe66d99,0 4px 12px #00000059}.flag{background:repeating-linear-gradient(#fff 0 6px,#111 6px 12px);border-radius:4px;width:8px;height:34px;position:absolute;top:-9px;right:-6px}.hud-sub{letter-spacing:.08em;opacity:.9;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:800;display:flex}.streak{color:var(--green);opacity:.9}.hud-right{text-align:right}.speed b{font:900 clamp(30px, 3.4vw, 44px) var(--mono)}.speed span{opacity:.8;letter-spacing:.1em;margin-left:6px;font-size:13px;font-weight:800}.pips{gap:6px;margin-top:6px;display:inline-flex}.pips i{background:#ffffff40;border-radius:4px;width:26px;height:8px}.pips[data-stage="1"] i:nth-child(-n+1),.pips[data-stage="2"] i:nth-child(-n+2),.pips[data-stage="3"] i:nth-child(-n+3),.pips[data-stage="4"] i:nth-child(-n+4){background:var(--gold);box-shadow:0 0 10px #ffd84acc}.typing{background:var(--glass);border:2px solid var(--line);text-align:center;border-radius:32px;width:min(920px,92vw);padding:26px 32px 22px;transition:opacity .3s,border-color .2s,box-shadow .2s;position:absolute;bottom:6vh;left:50%;transform:translate(-50%);box-shadow:0 24px 70px #050a3280}.typing.hidden{opacity:0;pointer-events:none}.typing.boost-mode{border-color:var(--gold);box-shadow:0 0 0 3px #ffd84a59,0 24px 70px #050a3280}.word{font:800 clamp(44px, 7.2vw, 92px) var(--mono);letter-spacing:.08em;white-space:pre;min-height:1.2em;line-height:1.15}.word .done{color:var(--green)}.word .cur{color:#fff;border-bottom:5px solid var(--gold);background:#ffffff29;border-radius:6px 6px 0 0}.word .cur.err{border-bottom-color:var(--hot);background:#ff5b6eb3}.word .rest{color:#ebf2ffeb}.next{font:600 clamp(15px, 1.7vw, 22px) var(--mono);color:#dce6ff8c;letter-spacing:.06em;min-height:1.4em;margin-top:8px}.hint{text-shadow:0 2px 10px #0a145acc;font-size:19px;font-weight:800;animation:1.4s ease-in-out infinite bob;position:absolute;top:-44px;left:0;right:0}@keyframes bob{50%{transform:translateY(-5px)}}.offer,.mission{color:#2a1500;text-align:left;background:linear-gradient(#ffd84af7,#ffaa1ef7);border-radius:22px;width:min(620px,92%);padding:14px 20px 16px;font-weight:900;animation:.25s ease-out pop;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 14px 40px #ff961480}.offer[hidden],.mission[hidden]{display:none}.offer-head{letter-spacing:.06em;align-items:center;gap:8px;font-size:26px;display:flex}.offer-text{opacity:.85;margin:4px 0 10px;font-size:15px;font-weight:700}.mission{text-align:center;letter-spacing:.1em;width:min(420px,80%);padding:10px 20px 12px;font-size:20px}.bolt{font-size:1em;display:inline-flex}.meter{background:#3c1e0040;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.meter>div{transform-origin:0;background:#2a1500;border-radius:999px;width:100%;height:100%}@keyframes pop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.96)}}.toast{pointer-events:none;justify-content:center;display:flex;position:absolute;top:47%;left:0;right:0}.toast-item{font:900 clamp(30px, 4vw, 52px) var(--ui);letter-spacing:.04em;text-shadow:0 4px #0a145a59,0 8px 30px #0a145a99;white-space:nowrap;border-radius:16px;padding:6px 26px;font-style:italic;animation:1.5s ease-out forwards toast}.toast-item.upgrade{color:var(--gold)}.toast-item.turbo{color:var(--cyan)}.toast-item.info{color:#fff;font-size:clamp(22px,2.6vw,32px)}.toast-item small{letter-spacing:.2em;opacity:.9;text-align:center;font-size:.45em;font-style:normal;display:block}@keyframes toast{0%{opacity:0;transform:scale(.7)}12%{opacity:1;transform:scale(1.08)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.result-card{background:var(--glass);border:2px solid var(--line);border-radius:36px;flex-direction:column;align-items:center;gap:18px;width:min(640px,94vw);padding:34px 38px 26px;animation:.45s cubic-bezier(.2,1.1,.3,1) rise;display:flex;box-shadow:0 30px 90px #050a328c}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}.result-card h2{font:900 clamp(44px, 6vw, 72px) var(--ui);letter-spacing:.03em;margin:0;font-style:italic;line-height:1}.result-card h2.win{background:linear-gradient(#fff6b0,#ffb02e);color:#0000;-webkit-background-clip:text;background-clip:text}.result-card h2.crash{background:linear-gradient(#fff,#ff8a7a);color:#0000;-webkit-background-clip:text;background-clip:text}.sub{opacity:.9;margin:-6px 0 0;font-size:18px;font-weight:600}.stats{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid}.stat{text-align:left;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;grid-column:span 2;gap:4px;padding:12px 16px;display:flex}.stat.big{text-align:center;grid-column:1/-1;align-items:center;padding:14px}.stat.big b{color:var(--gold);font-size:clamp(44px,6vw,68px)}.stat span{letter-spacing:.18em;opacity:.7;font-size:12px;font-weight:800}.stat b{font:900 32px var(--mono);line-height:1.1}.stat .stage{flex-direction:column;gap:4px;display:flex}.stat .stage b{font:800 17px var(--ui)}.stat .stage .pips{margin:0}.new{font:900 20px var(--ui);letter-spacing:.08em;color:#2a1500;background:linear-gradient(#ffe66d,#ffb02e);border-radius:999px;padding:4px 12px;animation:1s ease-in-out infinite breathe;display:inline-block}@media (height<=640px){.typing{padding:16px 24px 14px;bottom:3vh}.hint{top:-36px}}@media (prefers-reduced-motion:reduce){.btn.big,.new,.hint,.timer.low{animation:none}}.levels{flex-direction:column;align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:2px solid var(--line);background:var(--glass);color:#fff;font:800 16px var(--ui);cursor:pointer;border-radius:999px;padding:10px 20px;transition:transform .12s,background .12s,border-color .12s}.chip:hover{transform:translateY(-2px)}.chip.selected{color:#1b2a8a;background:#fff;border-color:#fff;transform:translateY(-2px)scale(1.06)}.level-tag{opacity:.9;min-height:1.3em;font-size:15px;font-weight:700}.level-hint{opacity:.55;font-size:12px}.res-level{letter-spacing:.18em;text-transform:uppercase;background:#ffffff29;border-radius:999px;align-self:center;padding:4px 14px;font-size:12px;font-weight:900}.btn.ghost{letter-spacing:.04em;color:#fff;background:var(--glass);border:2px solid var(--line);box-shadow:none;margin-top:-8px;padding:12px 30px;font-size:18px}.btn.ghost:active{box-shadow:none;transform:translateY(2px)}.btn.ghost kbd{color:#fff;background:#fff3;border-color:#ffffff59}.s-lesson{letter-spacing:.14em;opacity:.9;text-shadow:0 2px 10px #0a145ab3;margin:0 0 8px;font-size:13px;font-weight:800}.s-combo{letter-spacing:.08em;min-height:1.2em;margin-top:6px;font-size:13px;font-weight:800}.school-exit{margin-left:0;position:absolute;top:104px;left:24px}.school-panel{padding:20px 28px 14px;bottom:4vh}.school-panel .hint{top:-42px}.s-target{font:900 clamp(64px, 9vw, 108px) var(--mono);color:#fff;text-shadow:0 0 30px #ffd84a59;line-height:1}.s-target.shake{color:#ffd0d6;animation:.22s shake}@keyframes shake{25%{transform:translate(-9px)}75%{transform:translate(9px)}}.school-panel .next{letter-spacing:.3em;margin-top:6px}.kb{--hint:1;--ks:clamp(32px, 4.2vw, 54px);flex-direction:column;gap:8px;width:max-content;max-width:100%;margin:14px auto 0;display:flex}.krow{margin-left:calc(var(--off) * (var(--ks) + 8px));gap:8px;display:flex}.key{width:var(--ks);height:var(--ks);font:800 calc(var(--ks) * .4) var(--ui);color:#ffffff47;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;place-items:center;transition:background .1s,transform .1s;display:grid;position:relative}.key.on{color:#fff;background:#ffffff29;border-color:#ffffff4d}.key.new{border-color:rgba(94, 242, 255, calc(.2 + .6 * var(--hint)))}.key.bump:before{content:"";opacity:.7;background:currentColor;border-radius:2px;width:38%;height:3px;position:absolute;bottom:6px}.key:after{content:"";border:3px solid var(--gold);opacity:0;pointer-events:none;background:#ffd84a52;border-radius:15px;transition:opacity .35s;position:absolute;inset:-3px;box-shadow:0 0 18px #ffd84ae6}.key.next:after{opacity:var(--hint);animation:.9s ease-in-out infinite keyglow}@keyframes keyglow{50%{box-shadow:0 0 6px #ffd84a80}}.key.ok{background:var(--green);color:#07301c;transform:translateY(2px)}.key.bad{background:var(--hot);color:#fff;transform:translateY(2px)}.s-foot{opacity:.6;letter-spacing:.06em;min-height:1.2em;margin-top:12px;font-size:12px}.ad-slot{pointer-events:none;display:none;position:fixed}.ad-rail{width:160px;height:600px;margin-top:-300px;top:50%}.ad-rail.left{left:12px}.ad-rail.right{right:12px}.ad-result{width:728px;height:90px;margin-left:-364px;bottom:12px;left:50%}@media (width>=1500px) and (height>=700px){.ad-rail{display:block}}@media (width>=900px) and (height>=900px){body[data-screen=result] .ad-result,body[data-screen=schoolresult] .ad-result{display:block}}.stat.half{grid-column:span 3}@media (height<=800px){.result-card{gap:12px;padding:22px 32px 18px}.stat{padding:8px 14px}.stat b{font-size:28px}.stat.big{padding:8px}.stat.big b{font-size:clamp(40px,5vw,54px)}}