:root{--pop-bg: #f3f4fa;--pop-card: #ffffff;--pop-text: #141936;--pop-dim: #666c94;--pop-faint: #d9dcef;--pop-shadow: 0 10px 30px -18px rgba(20, 25, 54, .35);--ink: #0b0e1a;--stage: #0d1124;--panel: #141a3c;--panel-2: #1b2250;--text: #e9ecff;--dim: #8a92c4;--faint: #454d82;--accent: #ff7a45;--accent-edge: #b9420f;--accent-glow: rgba(255, 122, 69, .5);--cyan: #4de1ff;--yellow: #ffd23f;--good: #3ddc84;--bad: #ff4d6d;--xp: #b89cff;--coral: #f97316;--coral-edge: #c2410c;--violet: #a78bfa;--violet-edge: #7c3aed;--violet-ink: #2e1065;--f-display: "Unbounded", "Nunito", system-ui, sans-serif;--f-body: "Nunito", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--f-comic: "Bangers", "Impact", sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--pop-bg: #090b15;--pop-card: #151935;--pop-text: #eef0ff;--pop-dim: #8a90b8;--pop-faint: #262b52;--pop-shadow: 0 10px 30px -18px rgba(0, 0, 0, .8)}}:root[data-theme=dark]{--pop-bg: #090b15;--pop-card: #151935;--pop-text: #eef0ff;--pop-dim: #8a90b8;--pop-faint: #262b52}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--pop-bg);color:var(--pop-text);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:has(.play){background:var(--stage)}button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:disabled{cursor:default}[hidden]{display:none!important}code{font-family:var(--f-mono);font-size:.92em}.app{max-width:520px;margin:0 auto;min-height:100dvh;position:relative}.caret{display:inline-block;width:2px;height:1.05em;background:currentColor;margin-left:2px;vertical-align:-.15em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.cta{--cta: var(--coral);--cta-edge: var(--coral-edge);--cta-ink: #fff;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;border-radius:22px;padding:16px 18px 16px 22px;background:var(--cta);color:var(--cta-ink);box-shadow:0 6px 0 var(--cta-edge),0 18px 36px -16px var(--cta);transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.cta:active{transform:translateY(4px);box-shadow:0 2px 0 var(--cta-edge)}.cta.violet{--cta: var(--violet);--cta-edge: var(--violet-edge);--cta-ink: var(--violet-ink)}.cta-l{display:flex;flex-direction:column;gap:2px;min-width:0}.cta-l small{font:800 12px var(--f-body);letter-spacing:.08em;text-transform:uppercase;opacity:.85}.cta-l b{font:800 18px/1.15 var(--f-display);letter-spacing:-.02em}.cta-play{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#00000029;font-size:18px}.ghost-btn{flex:1;padding:14px;border-radius:16px;background:var(--pop-card);box-shadow:var(--pop-shadow);font:800 15px var(--f-body)}.pop{min-height:100dvh;padding:calc(var(--sat) + 10px) 16px calc(var(--sab) + 24px)}.pop-top{display:flex;align-items:center;gap:12px;padding:6px 0 14px}.pop-top.sticky{position:sticky;top:0;z-index:5;background:var(--pop-bg);margin:0 -16px;padding:calc(var(--sat) + 10px) 16px 12px}.brand{display:flex;align-items:center;gap:10px;flex:1}.brand-tile{width:40px;height:40px;border-radius:13px;background:var(--coral);color:#fff;display:grid;place-items:center;font:800 13px var(--f-display);box-shadow:0 4px 0 var(--coral-edge)}.brand-txt{display:flex;flex-direction:column}.brand-txt small{font:800 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--pop-dim)}.brand-txt b{font:800 18px var(--f-display);letter-spacing:-.02em}.toggles{display:flex;gap:8px}.toggle{position:relative;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--pop-card);box-shadow:var(--pop-shadow);color:var(--pop-dim)}.toggle.on{color:var(--pop-text)}.toggle-x{position:absolute;width:24px;height:3px;border-radius:2px;background:var(--bad);transform:rotate(-45deg)}.lit{position:relative;border-radius:28px;color:var(--text);overflow:hidden;isolation:isolate;background:radial-gradient(420px 220px at 90% -10%,rgba(255,122,69,.22),transparent 60%),radial-gradient(360px 200px at -10% 110%,rgba(77,225,255,.14),transparent 60%),var(--stage);box-shadow:0 30px 60px -30px #0d1124cc}.lit:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}.hero{padding:22px 20px 18px;margin-bottom:16px}.hero-eyebrow{font:900 11px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.logo{margin:8px 0 14px;font:800 clamp(46px,15vw,64px) / .9 var(--f-display);letter-spacing:-.05em;color:#fff;text-shadow:5px 5px 0 var(--accent)}.logo-caret{display:inline-block;width:.13em;height:.78em;margin-left:.05em;background:var(--cyan);vertical-align:-.04em;animation:blink 1s steps(1) infinite}.hero-demo{background:#080b1b;border-radius:18px;padding:12px}.hero-code{font:600 14px var(--f-mono);color:var(--text);min-height:22px;white-space:pre}.hero-code .caret{color:var(--accent);width:7px}.hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.hero-tile{border-radius:14px;padding:8px 12px 10px;background:linear-gradient(180deg,#2c3676,#1d2458);box-shadow:inset 0 2px #ffffff1a,0 4px #060918}.hero-tile small{display:block;font:600 11px var(--f-mono);color:var(--dim)}.hero-tile b{font:700 26px var(--f-display);color:#fff}.hero-tile.hot{background:linear-gradient(180deg,#ff9364,#f2652e);box-shadow:0 4px 0 var(--accent-edge),0 10px 26px -8px var(--accent-glow);animation:pop .3s steps(3)}.hero-tile.hot small{color:#ffe0d2}@keyframes pop{0%{transform:scale(1.12)}to{transform:none}}.hero-stats{display:flex;justify-content:space-between;margin-top:14px;font:800 13px var(--f-body);color:var(--dim)}.hero-stats b{color:#fff;font-size:15px}.home .cta.big{margin-bottom:14px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{text-align:left;border-radius:22px;padding:16px;background:var(--pop-card);box-shadow:var(--pop-shadow);display:flex;flex-direction:column;gap:4px;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.mode-card:active{transform:scale(.97)}.mode-card b{font:800 17px var(--f-display);letter-spacing:-.02em;margin-top:8px}.mode-card small{font:700 13px/1.35 var(--f-body);color:var(--pop-dim)}.mode-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff}.mode-ico.coral{background:var(--coral);box-shadow:0 4px 0 var(--coral-edge)}.mode-ico.violet{background:var(--violet);color:var(--violet-ink);box-shadow:0 4px 0 var(--violet-edge)}.sheet-scrim{position:fixed;inset:0;z-index:40;background:#090b1580;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:520px;max-height:88dvh;overflow-y:auto;background:var(--pop-card);color:var(--pop-text);border-radius:28px 28px 0 0;padding:10px 20px calc(var(--sab) + 20px);animation:sheetUp .28s cubic-bezier(.2,1.2,.4,1)}@keyframes sheetUp{0%{transform:translateY(100%)}}.sheet-grip{width:44px;height:5px;border-radius:3px;background:var(--pop-faint);margin:0 auto 14px}.sheet-eyebrow{font:900 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}.sheet-eyebrow.violet{color:var(--violet-edge)}.sheet-title{margin:6px 0 12px;font:800 24px/1.1 var(--f-display);letter-spacing:-.03em}.sheet-copy{font:700 15px/1.45 var(--f-body);color:var(--pop-dim);margin:0 0 14px}.practice{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}.practice li{font:700 15px/1.35 var(--f-body);padding-left:22px;position:relative}.practice li:before{content:"";position:absolute;left:4px;top:6px;width:9px;height:9px;border-radius:3px;background:var(--coral);transform:rotate(45deg)}.sheet-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:800 13px var(--f-body);color:var(--pop-dim);margin-bottom:16px}.sheet-stars i,.node-stars i{font-style:normal;color:var(--pop-faint)}.sheet-stars i.on,.node-stars i.on{color:#f5b301}.locked-note{border-radius:18px;padding:16px;background:var(--pop-bg);font:800 15px/1.4 var(--f-body);color:var(--pop-dim)}.sheet-best{font:800 14px var(--f-body);color:var(--pop-dim);margin:4px 0 14px}.sheet-best b{color:var(--pop-text)}.unit-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.unit-pick{text-align:left;border-radius:18px;padding:12px 14px;background:var(--pop-bg);display:flex;flex-direction:column;gap:2px}.unit-pick b{font:800 15px var(--f-display)}.unit-pick small{font:700 12px/1.3 var(--f-body);color:var(--pop-dim)}.unit-pick.on{background:var(--u);color:var(--uink);box-shadow:0 4px 0 var(--uedge)}.unit-pick.on small{color:inherit;opacity:.8}.unit-pick:disabled{opacity:.5}.map{padding-bottom:calc(var(--sab) + 40px)}.back{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--pop-card);box-shadow:var(--pop-shadow)}.map-title{flex:1;display:flex;flex-direction:column}.map-title small{font:800 11px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--pop-dim)}.map-title b{font:800 17px var(--f-display);letter-spacing:-.02em}.star-count{font:800 15px var(--f-body);color:#f5b301}.star-count b{color:var(--pop-text);font-size:17px}.unit{margin-bottom:26px}.unit-head{border-radius:24px;padding:16px 18px;background:var(--u);color:var(--uink);box-shadow:0 6px 0 var(--uedge);display:flex;flex-direction:column;gap:2px;margin-bottom:18px}.unit-n{font:900 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.unit-head b{font:800 20px/1.15 var(--f-display);letter-spacing:-.02em}.unit-head small{font:800 13px var(--f-body);opacity:.85}.path{display:flex;flex-direction:column;align-items:center;gap:8px}.node-wrap{display:flex;flex-direction:column;align-items:center;transform:translate(calc(var(--off) * 52px));width:110px}.node{position:relative;width:70px;height:66px;border-radius:24px;display:grid;place-items:center;background:var(--u);color:var(--uink);box-shadow:0 6px 0 var(--uedge),0 14px 24px -12px var(--u);transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.node:active{transform:translateY(4px);box-shadow:0 2px 0 var(--uedge)}.node-code{font:800 18px var(--f-display);letter-spacing:-.03em}.node.locked{background:var(--pop-faint);color:var(--pop-dim);box-shadow:0 6px #0000001f}.node.soon{background:transparent;color:var(--pop-dim);box-shadow:none;outline:3px dashed var(--pop-faint);outline-offset:-3px}.node.current{animation:nodePulse 1.6s ease-in-out infinite}@keyframes nodePulse{0%,to{box-shadow:0 6px 0 var(--uedge),0 0 color-mix(in srgb,var(--u) 60%,transparent)}50%{box-shadow:0 6px 0 var(--uedge),0 0 0 10px color-mix(in srgb,var(--u) 0%,transparent)}}.node-go{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--pop-card);color:var(--pop-text);font:900 11px var(--f-body);letter-spacing:.1em;padding:5px 9px;border-radius:9px;box-shadow:var(--pop-shadow);animation:bob 1.2s ease-in-out infinite}@keyframes bob{50%{transform:translate(-50%,-4px)}}.node-wrap:has(.node.current){margin-top:24px}.node-label{margin-top:10px;font:800 13px var(--f-body);text-align:center}.node-stars{font-size:13px;letter-spacing:1px}.map-foot{font:700 12px/1.5 var(--f-body);color:var(--pop-dim);text-align:center;padding:10px 12px}.play{position:fixed;inset:0;z-index:10;display:flex;justify-content:center;background:radial-gradient(500px 300px at 100% -10%,rgba(255,122,69,.14),transparent 60%),radial-gradient(400px 300px at 0% 110%,rgba(77,225,255,.08),transparent 60%),var(--stage);color:var(--text)}.play.boss{background:radial-gradient(500px 300px at 100% -10%,rgba(255,77,109,.22),transparent 60%),radial-gradient(400px 300px at 0% 110%,rgba(184,156,255,.12),transparent 60%),#120d24}.stage-bg{width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;padding:calc(var(--sat) + 4px) 12px calc(var(--sab) + 10px);position:relative}.shake-0{animation:shakeA .4s steps(5)}.shake-1{animation:shakeB .4s steps(5)}@keyframes shakeA{20%{transform:translate(-6px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}}@keyframes shakeB{20%{transform:translate(6px,-2px)}40%{transform:translate(-5px,2px)}60%{transform:translate(4px,-2px)}80%{transform:translate(-2px,1px)}}.hud{flex:none;display:flex;align-items:center;gap:10px;height:52px}.hud-x{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#7f87be29;color:var(--dim)}.hud-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hud-title{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.hud-code{font:800 13px var(--f-display);color:var(--accent)}.hud-name{font:800 14px var(--f-body);color:var(--text);overflow:hidden;text-overflow:ellipsis}.pips{display:flex;gap:4px}.pips i{flex:1;height:6px;border-radius:3px;background:#7f87be38}.pips i.cur{background:var(--yellow)}.pips i.ok{background:var(--good)}.pips i.no{background:var(--bad)}.pips i.bosspip{flex:1.6}.hud-combo{font:400 15px/1 var(--f-comic);letter-spacing:.06em;color:var(--xp)}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hearts{display:flex;gap:2px}.hearts svg.lost{opacity:.18;filter:grayscale(1)}.hud-score{font:800 15px var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.timer{flex:none;height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden;--t: 1}.timer i{display:block;height:100%;transform-origin:left;transform:scaleX(var(--t));background:linear-gradient(90deg,var(--accent),var(--yellow))}.timer.low i{background:var(--bad);animation:blink .5s steps(1) infinite}.play-main{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0;scrollbar-width:none}.play-main::-webkit-scrollbar{display:none}.eyebrow-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.concept{font:900 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.concept.boss{color:var(--bad)}.objective{font:700 11px var(--f-mono);color:var(--faint)}.code-card{flex:none;background:#080b1b;border-radius:18px;overflow:hidden;box-shadow:0 16px 30px -22px #000000e6}.code-tab{display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px 0;background:#0c1028}.code-file{display:flex;align-items:center;gap:7px;font:600 11px var(--f-mono);color:#fff;background:#080b1b;padding:7px 12px 8px;border-radius:10px 10px 0 0}.code-file i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.code-input{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:4px 9px;border-radius:9px;background:#4de1ff24;color:var(--cyan);font:700 12px var(--f-mono);white-space:pre}.code-lines{padding:8px 0 10px;font:500 13.5px/1.62 var(--f-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;overflow-x:auto}.ln{position:relative;display:flex;white-space:pre;padding-right:12px;animation:lnIn .3s steps(3) both;animation-delay:calc(var(--k) * 45ms)}@keyframes lnIn{0%{opacity:0;transform:translate(-10px)}}.ln-num{flex:none;width:30px;text-align:right;padding-right:12px;color:#323a6e;-webkit-user-select:none;user-select:none}.ln.cur{background:linear-gradient(90deg,#ffd23f33,#ffd23f08 85%)}.ln.cur:before,.ln.err:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--yellow)}.ln.cur .ln-num{color:var(--yellow)}.ln.err{background:#ff4d6d38}.ln.err:before{background:var(--bad)}.ln.err .ln-num{color:var(--bad)}.ln.comment .ln-src{opacity:.95}.hl-kw{color:#ff79c6}.hl-ty{color:#ffcb6b}.hl-num{color:#f78c6c}.hl-str{color:#c3e88d}.hl-esc{color:var(--cyan);font-weight:700}.hl-com{color:#7f89c4;font-style:italic}.hl-op{color:#89ddff}.hl-pu{color:#6d76b0}.hl-id{color:var(--text)}.api{flex:none;display:grid;gap:6px}.api-card{border-radius:14px;background:#11163a;box-shadow:inset 0 0 0 2px #1d2558;overflow:hidden}.api-head{width:100%;display:flex;justify-content:space-between;align-items:baseline;padding:7px 12px;text-align:left}.api-cls{font:700 12px var(--f-mono);color:var(--yellow)}.api-hint{font:800 10px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.api-card ul{list-style:none;margin:0;padding:0 12px 8px;display:grid;gap:3px}.api-card li{display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline;font:700 12px/1.35 var(--f-body);color:var(--dim)}.api-card li code{color:var(--text);font:600 12px var(--f-mono)}.callstrip{flex:none;border-radius:12px;padding:7px 10px;background:#0a0e24;box-shadow:inset 0 0 0 2px #4de1ff59;font:600 12px var(--f-mono);animation:fade .2s ease-out}.frames{display:flex;flex-wrap:wrap;gap:4px;color:var(--dim)}.frame i{font-style:normal;color:var(--faint);margin-right:4px}.frame.top{color:var(--cyan)}.frame-vars{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:var(--text)}.frame-vars b{color:var(--cyan);font-weight:700}.frame-vars .ret{color:var(--yellow)}.heap{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}.obj{border-radius:12px;padding:7px 10px;background:#0a0e24;box-shadow:inset 0 0 0 2px #26306b;font:600 12px var(--f-mono);animation:fade .2s ease-out}.obj.orphan{opacity:.45}.obj-head{display:flex;gap:6px;align-items:baseline;white-space:nowrap;overflow:hidden}.obj-names{color:var(--cyan);overflow:hidden;text-overflow:ellipsis}.obj-arrow{color:var(--faint)}.obj-cls{color:var(--yellow)}.obj-fields{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;color:var(--dim)}.obj-fields b{color:#fff;font-weight:700}.board{position:relative;flex:none;margin-top:auto}.board-label{font:900 11px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:2px 2px 8px}.board-body{position:relative}.board-body.dimmed .slots,.board-body.dimmed .console-board{opacity:.3;filter:saturate(.3)}.vstamp{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:800 15px var(--f-display);color:var(--bad);text-align:center}.vstamp:before{content:""}.board-body.dimmed .vstamp{animation:stampIn .3s steps(3) both}.vstamp{text-shadow:0 2px 0 var(--ink)}@keyframes stampIn{0%{transform:rotate(-5deg) scale(1.6);opacity:0}to{transform:rotate(-5deg)}}.board-body:not(.dimmed) .vstamp{display:none}.slots{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:10px}.slot{position:relative;min-height:76px;border-radius:16px;padding:8px 10px 10px;text-align:left;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,#2c3676,#1d2458);box-shadow:inset 0 2px #ffffff1a,inset 0 -3px #00000038,0 5px #060918;transition:transform .12s cubic-bezier(.3,1.6,.5,1);animation:slotIn .35s steps(4) both;animation-delay:calc(var(--k) * 50ms + .12s)}@keyframes slotIn{0%{opacity:0;transform:translateY(-14px)}}.slot-head{display:flex;align-items:baseline;gap:6px;min-width:0}.slot-type{font:600 11px var(--f-mono);color:var(--cyan)}.slot-name{font:700 13px var(--f-mono);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-val{font:700 24px/1.1 var(--f-display);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.slot-val.long{font-size:17px}.slot-val.xlong{font-size:13px}.slot-val.str{font-family:var(--f-mono);letter-spacing:0}.slot-val.empty{color:#ffffff47}.slot-val.selected{background:#4de1ff47;border-radius:6px;padding:0 3px;margin-left:-3px;align-self:flex-start}.slot.active{transform:translateY(-4px);background:linear-gradient(180deg,#ff9364,#f2652e);box-shadow:inset 0 2px #ffffff59,0 5px 0 var(--accent-edge),0 0 0 3px #ff7a4540,0 16px 26px -8px var(--accent-glow)}.slot.active .slot-type{color:#fff3ec}.slot.active .slot-val.empty{color:#fff9}.slot-jvm{align-self:flex-start;max-width:100%;font:700 12px var(--f-mono);color:var(--ink);background:var(--yellow);border-radius:8px;padding:2px 6px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform-origin:left center;animation:stamp .35s steps(3) both}.slot-jvm small{font:900 8px var(--f-body);letter-spacing:.08em;margin-right:4px;opacity:.7}@keyframes stamp{0%{transform:scale(1.22)}to{transform:none}}.slot.ok{box-shadow:inset 0 2px #ffffff1a,0 5px #0d6b3c,0 0 0 3px var(--good)}.slot.no{box-shadow:inset 0 2px #ffffff1a,0 5px #7d1427,0 0 0 3px var(--bad);animation:nope .4s steps(4)}.slot.no .slot-val{text-decoration:line-through;text-decoration-color:var(--bad);opacity:.7}@keyframes nope{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.slot-mark{position:absolute;top:-8px;left:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--f-body);color:#fff;box-shadow:0 2px #0006}.ok>.slot-mark{background:var(--good)}.no>.slot-mark{background:var(--bad)}.console-board{display:grid;gap:8px}.con{position:relative;border-radius:14px;padding:24px 12px 10px;background:#060914;font:500 14px/1.5 var(--f-mono);min-height:70px;box-shadow:inset 0 0 0 2px #1b2250}.con.active{box-shadow:inset 0 0 0 2px var(--accent),0 0 0 3px #ff7a4533}.con .caret{color:var(--accent)}.con-label{position:absolute;top:6px;left:12px;font:900 9px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.con.java{box-shadow:inset 0 0 0 2px #ffd23f73}.con.java .con-label{color:var(--yellow)}.con.ok{box-shadow:inset 0 0 0 2px var(--good)}.con.no{box-shadow:inset 0 0 0 2px var(--bad)}.con-line{min-height:21px;display:flex;align-items:center;white-space:pre}.con-txt{color:#fff}.con-nl{color:var(--faint);font-size:11px;margin-left:4px}.con-ph{color:var(--faint);font:700 13px var(--f-body)}.con-tail{margin-top:4px;font:600 12px/1.45 var(--f-mono);color:var(--good);word-break:break-word}.con-tail.err{color:#ff8fa3}.con-tail.solo{margin-top:10px;padding:8px 12px;border-radius:12px;background:#060914}.con-mini{margin-top:10px;padding:8px 12px;border-radius:12px;background:#060914;font:500 13px var(--f-mono);white-space:pre-wrap}.classify{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cls{border-radius:16px;padding:12px;min-height:74px;text-align:left;display:flex;flex-direction:column;gap:3px;background:linear-gradient(180deg,#2c3676,#1d2458);box-shadow:inset 0 2px #ffffff1a,0 5px #060918;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.cls b{font:800 15px var(--f-display);letter-spacing:-.02em;color:#fff}.cls small{font:700 12px/1.3 var(--f-body);color:var(--dim)}.cls.on{transform:translateY(-3px);background:linear-gradient(180deg,#ff9364,#f2652e);box-shadow:0 5px 0 var(--accent-edge),0 14px 24px -10px var(--accent-glow)}.cls.on small{color:#fff3ec}.cls.ok{box-shadow:0 5px #0d6b3c,0 0 0 3px var(--good)}.cls.no{box-shadow:0 5px #7d1427,0 0 0 3px var(--bad)}.cls.dim{opacity:.35}.goalcheck{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.goalcheck>div{border-radius:12px;padding:8px 10px;background:#060914}.goalcheck small{font:900 9px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.goalcheck pre{margin:2px 0 0;font:600 13px/1.4 var(--f-mono);color:#fff;white-space:pre-wrap}.goalcheck.ok>div:last-child pre{color:var(--good)}.goalcheck.no>div:last-child pre{color:#ff8fa3}.dock{flex:none;display:flex;flex-direction:column;gap:8px;padding-top:6px}.verdict{position:relative;display:flex;gap:6px}.vb{flex:1;height:36px;border-radius:11px;background:#7f87be24;color:var(--dim);font:800 12.5px var(--f-body);display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:0 6px}.vb-ico{font-size:12px}.vb.on.runs{background:#3ddc842e;color:var(--good);box-shadow:inset 0 0 0 2px var(--good)}.vb.on.compile,.vb.on.throws,.vb.on.loops{background:var(--bad);color:#fff;box-shadow:0 3px #9a1b34}.exc-pop{position:absolute;bottom:44px;right:0;z-index:5;display:grid;gap:4px;padding:6px;border-radius:14px;background:#1b2250;box-shadow:0 16px 40px -10px #000c}.exc-pop button{text-align:left;padding:10px 12px;border-radius:10px;font:700 12px var(--f-mono)}.exc-pop button.on{background:var(--bad)}.keypad{display:flex;flex-direction:column;gap:6px}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.chip{flex:none;height:36px;padding:0 12px;border-radius:10px;background:#2a2f68;color:#fff;font:700 14px var(--f-mono);white-space:pre;box-shadow:0 3px #0a0e28}.chip:active{transform:translateY(2px);box-shadow:0 1px #0a0e28}.krow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.key{height:44px;border-radius:11px;background:#1e265a;color:#fff;font:700 17px var(--f-display);box-shadow:0 3px #080b20;display:grid;place-items:center}.key:active{transform:translateY(2px);box-shadow:0 1px #080b20;background:#2a3474}.key:disabled{opacity:.3}.key.fn{background:#2a2f5e;font-size:16px}.key.nl{color:var(--yellow)}.bank{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px}.key.kch{font:700 18px var(--f-mono);height:42px}.krow .key.wide{grid-column:span 2}.krow.bool .kbool{font:800 16px var(--f-mono)}.krow.bool .kbool.t{color:var(--good)}.krow.bool .kbool.f{color:#ff8fa3}.krow.bool{grid-template-columns:2fr 2fr 1fr 1fr;grid-auto-flow:row}.run-btn{height:54px;border-radius:16px;background:var(--accent);color:#fff;font:800 19px var(--f-display);letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px 0 var(--accent-edge),0 16px 30px -10px var(--accent-glow);transition:transform .1s cubic-bezier(.3,1.6,.5,1)}.run-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--accent-edge)}.run-btn:disabled{opacity:.4;box-shadow:0 5px 0 var(--accent-edge)}.run-btn.skip{background:#2a3266;box-shadow:0 5px #0a0e28;font-size:16px}.result{border-radius:20px;padding:12px 14px;background:#151c44;display:flex;flex-direction:column;gap:8px;max-height:46dvh;animation:resIn .3s steps(3) both;--c: var(--good)}.result.bad{--c: var(--bad)}@keyframes resIn{0%{transform:translateY(20px);opacity:0}}.result-top{display:flex;align-items:center;gap:12px}.result-word{flex:none;font:400 32px/.9 var(--f-comic);letter-spacing:.04em;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--c);transform:rotate(-4deg)}.result-title{font:900 15px var(--f-body);color:var(--c)}.result-why{font:700 14px/1.5 var(--f-body);color:#c3c9ef;overflow-y:auto;min-height:0}.result-why code{color:#fff;background:#ffffff14;padding:0 4px;border-radius:5px;white-space:nowrap}.result-why b{color:#fff}.run-btn.next{flex:none}.cutin{position:absolute;left:-6%;right:-6%;top:38%;height:84px;z-index:20;pointer-events:none;transform:rotate(-6deg);background:radial-gradient(rgba(0,0,0,.25) 1.4px,transparent 1.6px) 0 0/8px 8px,var(--xp);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);display:flex;align-items:center;justify-content:center;gap:16px;animation:cut 1.15s steps(1) both}.cutin span,.cutin b{font:400 52px/1 var(--f-comic);letter-spacing:.04em;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink)}.cutin b{color:var(--yellow);font-size:68px}@keyframes cut{0%{clip-path:inset(0 100% 0 0)}8%{clip-path:inset(0 45% 0 0)}16%,80%{clip-path:inset(0 0 0 0)}88%{clip-path:inset(0 0 0 55%)}96%,to{clip-path:inset(0 0 0 100%)}}.fx-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.comic-word{position:fixed;z-index:61;pointer-events:none;font-family:var(--f-comic);letter-spacing:.04em;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--c);white-space:nowrap;animation:comic .9s steps(1) both}@keyframes comic{0%{transform:translate(-50%,-50%) rotate(-8deg) scale(.4)}10%{transform:translate(-50%,-50%) rotate(-8deg) scale(1.3)}20%,75%{transform:translate(-50%,-50%) rotate(-8deg) scale(1);opacity:1}85%{transform:translate(-50%,-60%) rotate(-8deg) scale(1);opacity:.5}95%,to{opacity:0}}.results{min-height:100dvh;padding:calc(var(--sat) + 14px) 16px calc(var(--sab) + 30px)}.results-card{padding:20px 20px 22px;margin-bottom:14px;text-align:center}.exit-code{font:600 11px var(--f-mono);color:var(--good)}.exit-code.bad{color:var(--bad)}.results-sub{margin-top:10px;font:800 13px var(--f-body);color:var(--dim)}.results-title{margin:6px 0 8px;font:800 clamp(34px,11vw,46px) / .95 var(--f-display);letter-spacing:-.04em;color:#fff;text-shadow:4px 4px 0 var(--accent)}.big-stars{display:flex;justify-content:center;gap:10px;margin:6px 0 8px}.big-stars i{font-style:normal;font-size:46px;line-height:1;color:#262d5c;-webkit-text-stroke:3px var(--ink)}.big-stars i:nth-child(2){transform:translateY(-10px);font-size:54px}.big-stars i.on{color:var(--yellow);animation:starIn .35s steps(3) both}@keyframes starIn{0%{transform:scale(1.8) rotate(-20deg)}}.results-score{font:800 44px/1 var(--f-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#fff}.results-score small{display:block;font:900 10px var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}.results-stats{margin-top:8px;font:800 13px var(--f-body);color:#c3c9ef}.unlock-banner{margin-top:14px;display:inline-block;padding:8px 14px;border-radius:12px;background:var(--yellow);color:#1a1300;font:900 13px var(--f-body);box-shadow:0 3px #9c7a00;animation:stampIn2 .4s steps(3) both 1.6s}@keyframes stampIn2{0%{transform:scale(1.6);opacity:0}}.results-actions{display:grid;gap:10px;margin-bottom:22px}.results-row{display:flex;gap:10px}.review h3{font:900 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--pop-dim);margin:0 0 10px}.perfect{border-radius:18px;padding:16px;background:var(--pop-card);box-shadow:var(--pop-shadow);font:800 15px var(--f-body);color:#16a34a}.rv{border-radius:18px;padding:14px;margin-bottom:10px;background:var(--pop-card);box-shadow:var(--pop-shadow)}.rv header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.rv header b{font:900 12px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--bad)}.rv header span{font:700 11px var(--f-mono);color:var(--pop-dim)}.rv-code{margin:0 0 8px;padding:10px 12px;border-radius:12px;background:#0d1124;color:var(--text);font:500 12px/1.55 var(--f-mono);overflow-x:auto}.rv p{margin:0;font:700 14px/1.5 var(--f-body)}.rv code{background:var(--pop-bg);padding:0 4px;border-radius:5px}@media(max-height:700px){.hud{height:46px}.code-lines{font-size:12.5px;line-height:1.5}.slot{min-height:64px}.slot-val{font-size:20px}.key{height:40px}.run-btn{height:48px}.vb{height:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}