@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.3gh0it7uhdum8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.1x_wmg1bpi7y6.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.321_9ike18iql.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.1dfv6z-5f19bh.woff2)format("woff2");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:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.0fxeqrss3ag9h.woff2)format("woff2");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:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_2990983b-module__2XIoDq__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_2990983b-module__2XIoDq__variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/42b07301cbfb88de-s.01esg-5vzborl.woff2)format("woff2");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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/674d141a92451548-s.2n-wf6s8aqfs0.woff2)format("woff2");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:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8c4ded07fff55c-s.p.2tcyrya9o07vu.woff2)format("woff2");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:VT323 Fallback;src:local(Arial);ascent-override:89.16%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:89.73%}.vt323_ff556b51-module__e_JTEG__className{font-family:VT323,VT323 Fallback;font-style:normal;font-weight:400}.vt323_ff556b51-module__e_JTEG__variable{--font-body:"VT323", "VT323 Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_90645758-module__yR-F3W__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_90645758-module__yR-F3W__variable{--font-modern:"Inter", "Inter Fallback"}
:root{--bg:#0a0a18;--bg-card:#111126;--bg-deep:#07070f;--line:#2a2a4a;--text:#d8e6ff;--text-dim:#8a93b8;--cyan:#2ee6ff;--magenta:#ff4fd8;--yellow:#ffd23e;--green:#4dff88;--red:#f56}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body), "Courier New", monospace;background-image:radial-gradient(80% 50% at 50% -10%,#2ee6ff17,#0000),radial-gradient(60% 40% at 80% 110%,#ff4fd812,#0000);min-height:100vh;font-size:21px;line-height:1.45}h1,h2,h3,.btn,.phase-chip,.logo,.world-label,.node-title,.map-hud,.quiz-progress,.boss-tag{font-family:var(--font-pixel), monospace}a{color:var(--cyan)}.scanlines{pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px);position:fixed;inset:0}.home{max-width:1080px;margin:0 auto;padding:32px 20px 60px}.marquee{text-align:center;padding:26px 12px 10px}.logo{color:var(--cyan);text-shadow:0 0 8px #2ee6ffcc,0 0 30px #2ee6ff59,3px 3px #072a33;letter-spacing:2px;margin:0;font-size:clamp(26px,5.5vw,46px)}.logo-accent{color:var(--magenta);text-shadow:0 0 8px #ff4fd8cc,0 0 30px #ff4fd859,3px 3px #33072a}.tagline{font-family:var(--font-pixel), monospace;color:var(--yellow);letter-spacing:3px;margin:14px 0 18px;font-size:11px}.pitch{max-width:720px;color:var(--text-dim);margin:0 auto;font-size:22px}.press-start{font-family:var(--font-pixel), monospace;color:var(--green);margin-top:22px;font-size:12px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}.footer{text-align:center;color:var(--text-dim);margin-top:26px;font-size:17px}.map-wrap{border:2px solid var(--line);background:var(--bg-deep);border-radius:10px;margin-top:8px;padding:14px;box-shadow:inset 0 0 40px #2ee6ff0f}.map-hud{color:var(--yellow);border-bottom:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:8px;padding:6px 8px 12px;font-size:11px;display:flex}.sync-chip{letter-spacing:.5px;opacity:.7;cursor:help;font-size:10px}.sync-chip[data-sync=error]{color:var(--red);opacity:1}.map-svg{width:100%;height:auto;display:block}.world-label{fill:var(--cyan);opacity:.9;font-size:14px}.world-label-dim{fill:var(--text-dim)}.map-edge{stroke:var(--line);stroke-width:2.5px;stroke-dasharray:6 6}.map-edge-active{stroke:var(--cyan);opacity:.75}.map-node{cursor:default}.node-ring{fill:var(--bg-card);stroke:var(--line);stroke-width:3px}.map-node-avail .node-ring{stroke:var(--green);filter:drop-shadow(0 0 8px #4dff88b3);cursor:pointer;animation:1.6s ease-in-out infinite pulse}.map-node-done .node-ring{stroke:var(--yellow);filter:drop-shadow(0 0 6px #ffd23e8c);cursor:pointer}.map-node-boss .node-ring{stroke-width:5px}.map-node-locked{opacity:.55}.map-node-soon{opacity:.4}@keyframes pulse{50%{filter:drop-shadow(0 0 16px #4dff88)}}.node-emoji{font-size:26px}.node-emoji-sm{font-size:18px}.node-title{fill:var(--text);font-size:9.5px}.node-title-dim{fill:var(--text-dim)}.node-stars{fill:var(--yellow);font-size:12px;font-family:var(--font-body), monospace;letter-spacing:2px}.map-node a,.map-svg a{text-decoration:none}.map-legend{color:var(--text-dim);border-top:1px dashed var(--line);flex-wrap:wrap;gap:24px;margin-top:6px;padding:12px 8px 4px;font-size:17px;display:flex}.dot{border:2px solid;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.dot-avail{border-color:var(--green)}.dot-done{border-color:var(--yellow)}.dot-locked{border-color:var(--line)}.btn{background:var(--bg-card);color:var(--text);border:2px solid var(--line);cursor:pointer;border-radius:6px;padding:12px 18px;font-size:12px;text-decoration:none;transition:transform 60ms,box-shadow .12s;display:inline-block}.btn:hover:not(:disabled){border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 12px #2ee6ff59}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 10px #2ee6ff33}.btn-danger{border-color:var(--red);color:var(--red)}.btn-small{padding:8px 12px;font-size:10px}.btn-big{margin-top:18px;padding:16px 26px;font-size:14px}.learn-page{max-width:900px;margin:0 auto;padding:26px 20px 80px}.lesson-head{align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.crumb{font-family:var(--font-pixel), monospace;border:2px solid var(--line);white-space:nowrap;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:10px;text-decoration:none}.lesson-world{font-family:var(--font-pixel), monospace;color:var(--magenta);letter-spacing:2px;font-size:10px}.lesson-title{color:var(--cyan);text-shadow:0 0 10px #2ee6ff66;margin:8px 0 6px;font-size:clamp(16px,3.4vw,24px)}.boss-tag{color:var(--red);border:2px solid var(--red);vertical-align:middle;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:10px;animation:1.4s steps(2,end) infinite blink}.lesson-tagline{color:var(--text-dim);margin:0}.phase-bar{flex-wrap:wrap;gap:8px;margin:14px 0 20px;display:flex}.phase-chip{border:2px solid var(--line);color:var(--text-dim);border-radius:999px;padding:7px 10px;font-size:9px}.phase-now{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 10px #ffd23e59}.phase-done{border-color:var(--green);color:var(--green);opacity:.8}.lesson-card{background:var(--bg-card);border:2px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 6px 30px #0006}.card-h{color:var(--yellow);letter-spacing:1px;margin:0 0 14px;font-size:14px}.card-sub{color:var(--text-dim);margin-top:-6px}.lesson-body-text{margin:0 0 16px;font-size:22px}.step-player{border:2px dashed var(--line);background:var(--bg-deep);border-radius:8px;margin:12px 0 18px;padding:16px}.watch-mode-switch{align-items:center;gap:8px;margin:14px 0 12px;display:flex}.watch-mode-btn[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);background:#ffd23e14;box-shadow:0 0 10px #ffd23e33}.watch-mode-panel>.step-player{margin-top:0}.node-video{border:2px dashed var(--line);background:var(--bg-deep);border-radius:8px;margin:0 0 18px;padding:16px}.node-video-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.node-video-kicker,.node-video-duration{font-family:var(--font-pixel), monospace;letter-spacing:1px;color:var(--magenta);font-size:9px}.node-video-title{color:var(--yellow);margin:8px 0 0;font-size:13px;line-height:1.5}.node-video-duration{color:var(--text-dim);flex:none}.node-video-summary{color:var(--text-dim);margin:0 0 12px;font-size:19px}.node-video-player{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:6px;width:100%;display:block}.frame-view{min-height:210px}.frame-text{color:var(--text);min-height:60px;margin:0 0 14px;font-size:21px}.frame-body{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.viz-label{font-family:var(--font-pixel), monospace;color:var(--magenta);letter-spacing:1px;margin-bottom:8px;font-size:9px;display:block}.cell-row{flex-wrap:wrap;gap:6px;display:flex}.cell{text-align:center;border:2px solid var(--line);background:var(--bg-card);border-radius:6px;flex-direction:column;min-width:46px;padding:8px 6px 4px;font-size:20px;display:flex}.cell-idx{color:var(--text-dim);font-size:13px}.cell-active{border-color:var(--cyan);box-shadow:0 0 10px #2ee6ff80}.cell-good{border-color:var(--green);box-shadow:0 0 10px #4dff8880}.cell-bad{border-color:var(--red);box-shadow:0 0 10px #ff556680}.cell-dim{opacity:.4}.cell-row-ptrs{margin-top:38px}.cell{position:relative}.cell-ptr{font-family:var(--font-pixel), monospace;color:var(--yellow);white-space:nowrap;text-shadow:0 0 6px #ffd23e99;flex-direction:column;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.cell-ptr-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--yellow);width:0;height:0;margin-top:4px}.kv-table{border:2px solid var(--line);background:var(--bg-card);border-radius:6px;min-width:170px;overflow:hidden}.kv-row{border-bottom:1px solid var(--line);gap:10px;padding:5px 12px;font-size:20px;display:flex}.kv-row:last-child{border-bottom:none}.kv-hl{box-shadow:inset 3px 0 0 var(--green);background:#4dff881f}.kv-empty{color:var(--text-dim)}.kv-k{color:var(--yellow);min-width:36px}.kv-arrow{color:var(--text-dim)}.frame-note{border-left:4px solid var(--yellow);color:var(--yellow);background:#ffd23e12;border-radius:0 6px 6px 0;margin-top:14px;padding:10px 14px;font-size:19px}.heap-svg{width:min(480px,100%);height:auto}.heap-empty{color:var(--text-dim);border:2px dashed var(--line);border-radius:8px;padding:20px 30px}.heap-edge{stroke:var(--line);stroke-width:2.5px}.heap-node{fill:var(--bg-card);stroke:var(--cyan);stroke-width:2.5px}.heap-hl{stroke:var(--green);stroke-width:4px;filter:drop-shadow(0 0 6px #4dff88cc)}.heap-hl-bad{stroke:var(--red);stroke-width:4px;filter:drop-shadow(0 0 6px #f56c)}.heap-text{fill:var(--text);font-family:var(--font-body), monospace;font-size:19px}.heap-idx{fill:var(--text-dim);font-size:12px;font-family:var(--font-body), monospace}.player-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.player-count{font-family:var(--font-pixel), monospace;color:var(--text-dim);margin-left:auto;font-size:10px}.quiz-progress{color:var(--magenta);letter-spacing:1px;margin-bottom:10px;font-size:10px}.quiz-q{margin:0 0 16px;font-size:23px}.quiz-choices{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.quiz-choice{text-align:left;font-family:var(--font-body), monospace;background:var(--bg-deep);border:2px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:21px}.quiz-choice:hover:not(:disabled){border-color:var(--cyan)}.quiz-key{font-family:var(--font-pixel), monospace;color:var(--magenta);margin-right:8px;font-size:10px}.quiz-right{border-color:var(--green);box-shadow:0 0 10px #4dff8866}.quiz-wrong{border-color:var(--red);box-shadow:0 0 10px #f566}.quiz-dim{opacity:.45}.quiz-explain{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:20px}.explain-good{border:2px solid var(--green);background:#4dff8814}.explain-bad{border:2px solid var(--red);background:#ff556614}.arena-prompt{margin:0 0 12px;font-size:22px}.arena-setup{color:var(--text-dim);border:1px dashed var(--line);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:18px}.arena-setup code{color:var(--cyan)}.editor-files{border-bottom:1px solid var(--line);align-items:end;gap:4px;margin:0 0 8px;display:flex}.editor-file-tab{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;padding:7px 11px;font-size:15px}.editor-file-tab:hover{color:var(--text);background:#2ee6ff12}.editor-file-tab:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.editor-file-active{color:var(--cyan);background:var(--bg-deep);border-color:var(--line)}.arena-code{background:var(--bg-deep);width:100%;color:var(--green);border:2px solid var(--line);resize:vertical;border-radius:8px;padding:14px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:15px;line-height:1.55}.arena-code:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 12px #2ee6ff40}.arena-code-readonly{color:#c7d2e3;cursor:default}.arena-code-readonly:focus{border-color:var(--line);box-shadow:none}.arena-buttons{flex-wrap:wrap;gap:12px;margin:14px 0;display:flex}.arena-hint{border-left:4px solid var(--yellow);background:#ffd23e12;border-radius:0 6px 6px 0;margin-bottom:8px;padding:8px 14px;font-size:19px}.arena-error{border:2px solid var(--red);background:#ff556614;border-radius:8px;padding:10px 14px;font-size:19px}.arena-results{flex-direction:column;gap:6px;display:flex}.test-row{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:7px 12px;font-size:17px;display:flex}.test-row code{color:var(--text);font-family:Consolas,monospace;font-size:14px}.test-pass{background:#4dff8812;border:1px solid #4dff8866}.test-fail{background:#ff556612;border:1px solid #f566}.test-pass .test-icon{color:var(--green)}.test-fail .test-icon{color:var(--red)}.test-detail{color:var(--text-dim);font-family:Consolas,monospace;font-size:15px}.arena-clear{font-family:var(--font-pixel), monospace;color:var(--green);text-align:center;text-shadow:0 0 12px #4dff88b3;padding:14px;font-size:14px}.apps{flex-direction:column;gap:12px;display:flex}.app-row{border:2px solid var(--line);border-left:5px solid var(--magenta);background:var(--bg-deep);border-radius:8px;padding:12px 16px}.app-name{font-family:var(--font-pixel), monospace;color:var(--magenta);margin-bottom:6px;font-size:11px}.app-desc{color:var(--text);font-size:20px}.clear-card{text-align:center;border-color:var(--yellow);box-shadow:0 0 40px #ffd23e26}.clear-title{color:var(--yellow);text-shadow:0 0 14px #ffd23e99;margin:10px 0 18px;font-size:22px}.clear-stars{color:var(--yellow);text-shadow:0 0 20px #ffd23ecc;letter-spacing:8px;font-size:54px}.stars-off{color:var(--line);text-shadow:none}.clear-coins{font-family:var(--font-pixel), monospace;color:var(--green);margin:14px 0;font-size:16px}.clear-unlocks{color:var(--text-dim);margin-bottom:8px;font-size:20px}@media (max-width:640px){body{font-size:19px}.learn-page{padding-top:14px}.lesson-card{padding:16px}.map-hud{gap:12px;font-size:9px}.watch-mode-switch{align-items:stretch}.watch-mode-btn{flex:1 1 0;padding-inline:8px}.node-video{padding:10px}.node-video-head{flex-direction:column;gap:6px}}.speak-btn{vertical-align:middle;border-color:var(--yellow);color:var(--yellow);margin-left:10px;padding:5px 9px;font-size:9px}.speak-btn.speak-on{background:var(--yellow);color:var(--bg);animation:1s ease-in-out infinite speak-pulse}@keyframes speak-pulse{50%{box-shadow:0 0 14px var(--yellow)}}.top-hud{z-index:60;align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:14px}.theme-btn{font-family:var(--font-pixel);color:var(--yellow);border:2px solid var(--yellow);cursor:pointer;background:#0a0a18eb;border-radius:999px;padding:8px 12px;font-size:9px;box-shadow:0 0 10px #ffd23e4d}.theme-btn:hover{box-shadow:0 0 16px #ffd23e8c}.account-wrap{position:relative}a.account-chip{text-decoration:none}.account-chip{font-family:var(--font-pixel);color:var(--cyan);border:2px solid var(--cyan);cursor:pointer;background:#0a0a18eb;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:9px;display:inline-flex;box-shadow:0 0 10px #2ee6ff59}.account-chip:hover{box-shadow:0 0 16px #2ee6ff99}.account-av{background:var(--magenta);width:22px;height:22px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.account-menu{border:2px solid var(--cyan);background:#0a0a18f7;border-radius:10px;min-width:240px;display:none;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 0 20px #2ee6ff66}.account-wrap.open .account-menu{display:block}.account-who{border-bottom:1px dashed var(--cyan);font-family:var(--font-body);padding:12px 14px}.account-who b{color:var(--yellow);font-size:20px;display:block}.account-who span{color:var(--text-dim);word-break:break-all;font-size:16px}.account-menu a{color:var(--text);font-family:var(--font-pixel);padding:10px 14px;font-size:9px;text-decoration:none;display:block}.account-menu a:hover{color:var(--cyan);background:#2ee6ff1f}.account-menu a.account-out{color:var(--red);border-top:1px dashed var(--cyan)}.lang-toggle{align-items:center;gap:8px;margin-bottom:10px;display:flex}.lang-label{font-family:var(--font-pixel);color:var(--text-dim);font-size:9px}.lang-btn{opacity:.55}.lang-btn.lang-on{opacity:1;border-color:var(--green);color:var(--green);box-shadow:0 0 10px #4dff8866}[data-theme=modern]{--bg:#f4f6fb;--bg-card:#fff;--bg-deep:#f8fafc;--line:#dde4ee;--text:#16213a;--text-dim:#5c6b84;--cyan:#4f46e5;--magenta:#db2777;--yellow:#b45309;--green:#059669;--red:#dc2626}[data-theme=modern] body{--font-pixel:var(--font-modern);--font-body:var(--font-modern);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#eef1f8 0%,#f7f9fc 320px);font-size:17px;line-height:1.6}[data-theme=modern] .scanlines{display:none}[data-theme=modern] .logo{letter-spacing:-1px;color:#0000;background:linear-gradient(92deg,#4f46e5 20%,#db2777 85%);text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,58px);font-weight:800}[data-theme=modern] .logo-accent{color:inherit;text-shadow:none}[data-theme=modern] .tagline{letter-spacing:2.5px;color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700;display:inline-block}[data-theme=modern] .pitch{font-size:17px}[data-theme=modern] .press-start{font-size:13px;font-weight:700;animation:none}[data-theme=modern] .footer{font-size:13.5px}[data-theme=modern] .map-wrap{border:1px solid var(--line);background:var(--bg-card);border-radius:16px;box-shadow:0 1px 3px #10182812,0 8px 24px #1018280d}[data-theme=modern] .map-hud{font-size:12.5px;font-weight:600}[data-theme=modern] .world-label{letter-spacing:.5px;font-weight:800}[data-theme=modern] .node-ring{fill:#fff;stroke-width:2.5px}[data-theme=modern] .map-node-avail .node-ring{stroke-width:3.5px;filter:none;animation:1.8s ease-in-out infinite pulse-modern}[data-theme=modern] .map-node-done .node-ring{stroke:#f59e0b;filter:none}@keyframes pulse-modern{50%{stroke-width:5.5px}}[data-theme=modern] .node-title{font-size:11px;font-weight:600}[data-theme=modern] .node-stars{fill:#f59e0b;letter-spacing:1px;font-weight:700}[data-theme=modern] .map-legend{font-size:13.5px}[data-theme=modern] .dot-done{border-color:#f59e0b}[data-theme=modern] .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 18px;font-size:13.5px;font-weight:600;box-shadow:0 1px 2px #1018280f}[data-theme=modern] .btn:hover:not(:disabled){border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}[data-theme=modern] .btn-primary{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 1px 2px #4f46e566}[data-theme=modern] .btn-primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}[data-theme=modern] .btn-danger{color:#dc2626;background:#fff5f5;border-color:#fecaca}[data-theme=modern] .btn-small{padding:7px 12px;font-size:12px}[data-theme=modern] .btn-big{padding:13px 26px;font-size:15px}[data-theme=modern] .crumb{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;font-size:12.5px;font-weight:600}[data-theme=modern] .lesson-world{letter-spacing:1.5px;color:#4f46e5;font-size:12px;font-weight:700}[data-theme=modern] .lesson-title{letter-spacing:-.5px;color:var(--text);text-shadow:none;font-size:clamp(22px,3.4vw,32px);font-weight:800}[data-theme=modern] .boss-tag{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;animation:none}[data-theme=modern] .lesson-tagline{font-size:16px}[data-theme=modern] .phase-chip{border:1px solid var(--line);background:#fff;padding:6px 13px;font-size:11.5px;font-weight:600}[data-theme=modern] .phase-now{color:#4f46e5;box-shadow:none;background:#eef2ff;border-color:#c7d2fe}[data-theme=modern] .phase-done{color:#059669;opacity:1;background:#ecfdf5;border-color:#a7f3d0}[data-theme=modern] .lesson-card{border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 3px #10182812,0 8px 24px #1018280d}[data-theme=modern] .card-h{color:var(--text);letter-spacing:-.2px;font-size:19px;font-weight:800}[data-theme=modern] .card-sub,[data-theme=modern] .lesson-body-text{font-size:16.5px}[data-theme=modern] .step-player{border:1px dashed #cbd5e1;border-radius:12px}[data-theme=modern] .watch-mode-btn[aria-pressed=true]{color:#4338ca;box-shadow:none;background:#eef2ff;border-color:#c7d2fe}[data-theme=modern] .node-video{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}[data-theme=modern] .node-video-kicker,[data-theme=modern] .node-video-duration{font-size:11px;font-weight:700}[data-theme=modern] .node-video-kicker{color:#7c3aed}[data-theme=modern] .node-video-title{color:var(--text);font-size:16px}[data-theme=modern] .node-video-summary{font-size:15px}[data-theme=modern] .node-video-player{border-color:#cbd5e1;border-radius:10px}[data-theme=modern] .frame-text{font-size:16.5px}[data-theme=modern] .viz-label{letter-spacing:1px;font-size:11px;font-weight:700}[data-theme=modern] .cell{border-width:1.5px;border-radius:8px;font-size:16px;box-shadow:0 1px 2px #1018280d}[data-theme=modern] .cell-idx{font-size:11.5px}[data-theme=modern] .cell-active{box-shadow:0 0 0 3px #4f46e529}[data-theme=modern] .cell-good{box-shadow:0 0 0 3px #05966929}[data-theme=modern] .cell-bad{box-shadow:0 0 0 3px #dc262624}[data-theme=modern] .cell-ptr{color:#b45309;text-shadow:none;font-size:11px;font-weight:700}[data-theme=modern] .cell-ptr-arrow{border-top-color:#b45309}[data-theme=modern] .kv-table{border-width:1px;border-radius:10px}[data-theme=modern] .kv-row{border-bottom:1px solid #eef2f7;font-size:15.5px}[data-theme=modern] .frame-note{color:#92400e;background:#fffbeb;border-left-color:#f59e0b;border-radius:0 8px 8px 0;font-size:15px}[data-theme=modern] .heap-node{fill:#fff;stroke-width:2px}[data-theme=modern] .heap-hl,[data-theme=modern] .heap-hl-bad{stroke-width:3.5px;filter:none}[data-theme=modern] .heap-text{font-size:16px;font-weight:600}[data-theme=modern] .player-count{font-size:11.5px;font-weight:600}[data-theme=modern] .quiz-progress{letter-spacing:1px;color:#4f46e5;font-size:12px;font-weight:700}[data-theme=modern] .quiz-q{font-size:18px;font-weight:600}[data-theme=modern] .quiz-choice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 16px;font-size:16px;box-shadow:0 1px 2px #1018280d}[data-theme=modern] .quiz-choice:hover:not(:disabled){border-color:#c7d2fe;box-shadow:0 4px 12px #4f46e51f}[data-theme=modern] .quiz-key{font-size:12px;font-weight:700}[data-theme=modern] .quiz-right{box-shadow:none;background:#ecfdf5;border-color:#6ee7b7}[data-theme=modern] .quiz-wrong{box-shadow:none;background:#fef2f2;border-color:#fca5a5}[data-theme=modern] .quiz-explain{font-size:15.5px}[data-theme=modern] .explain-good{background:#ecfdf5;border:1px solid #6ee7b7}[data-theme=modern] .explain-bad{background:#fef2f2;border:1px solid #fca5a5}[data-theme=modern] .arena-prompt{font-size:16.5px}[data-theme=modern] .arena-setup{border:1px dashed #cbd5e1;border-radius:8px;font-size:14px}[data-theme=modern] .arena-setup code{color:#4f46e5}[data-theme=modern] .editor-files{border-bottom-color:#cbd5e1}[data-theme=modern] .editor-file-tab:hover{background:#eef2ff}[data-theme=modern] .editor-file-active{color:#4f46e5;background:#0f172a;border-color:#1e293b}[data-theme=modern] .arena-code{color:#7ee787;background:#0f172a;border:1px solid #1e293b;border-radius:12px;font-size:14px}[data-theme=modern] .arena-code:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}[data-theme=modern] .arena-code-readonly{color:#cbd5e1}[data-theme=modern] .arena-code-readonly:focus{box-shadow:none;border-color:#1e293b}[data-theme=modern] .arena-hint{color:#92400e;background:#fffbeb;border-left-color:#f59e0b;border-radius:0 8px 8px 0;font-size:15px}[data-theme=modern] .arena-error{background:#fef2f2;border:1px solid #fca5a5;font-size:15px}[data-theme=modern] .test-row{font-size:14.5px}[data-theme=modern] .test-pass{background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=modern] .test-fail{background:#fef2f2;border:1px solid #fecaca}[data-theme=modern] .test-detail{font-size:13px}[data-theme=modern] .arena-clear{text-shadow:none;font-size:16px;font-weight:800}[data-theme=modern] .app-row{border:1px solid var(--line);background:#fff;border-left:4px solid #db2777;border-radius:10px;box-shadow:0 1px 2px #1018280d}[data-theme=modern] .app-name{letter-spacing:.3px;font-size:12.5px;font-weight:700}[data-theme=modern] .app-desc{font-size:15.5px}[data-theme=modern] .clear-card{border-color:#fcd34d;box-shadow:0 1px 3px #10182812,0 12px 32px #f59e0b1f}[data-theme=modern] .clear-title{color:#b45309;text-shadow:none;font-size:26px;font-weight:800}[data-theme=modern] .clear-stars{color:#f59e0b;text-shadow:none}[data-theme=modern] .stars-off{color:#e2e8f0}[data-theme=modern] .clear-coins{font-size:15px;font-weight:700}[data-theme=modern] .clear-unlocks{font-size:15.5px}[data-theme=modern] .theme-btn{color:var(--text);border:1px solid var(--line);background:#fff;font-size:11.5px;font-weight:600;box-shadow:0 1px 3px #1018281a}[data-theme=modern] .theme-btn:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #4f46e526}[data-theme=modern] .account-chip{color:var(--text);border:1px solid var(--line);background:#fff;font-size:12px;font-weight:600;box-shadow:0 1px 3px #1018281a}[data-theme=modern] .account-chip:hover{box-shadow:0 4px 12px #4f46e526}[data-theme=modern] .account-av{color:#fff;background:#4f46e5;font-weight:700}[data-theme=modern] .account-menu{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 12px 32px #10182829}[data-theme=modern] .account-who{border-bottom:1px solid #eef2f7}[data-theme=modern] .account-who b{color:var(--text);font-size:14.5px}[data-theme=modern] .account-who span{font-size:12.5px}[data-theme=modern] .account-menu a{font-size:12.5px;font-weight:500}[data-theme=modern] .account-menu a:hover{color:#4f46e5;background:#f1f5f9}[data-theme=modern] .account-menu a.account-out{border-top:1px solid #eef2f7}[data-theme=modern] .speak-btn{color:#b45309;background:#fffbeb;border-color:#fcd34d;font-size:11px}[data-theme=modern] .speak-btn.speak-on{color:#fff;background:#f59e0b;border-color:#f59e0b;animation:none}[data-theme=modern] .lang-label{font-size:11px;font-weight:700}[data-theme=modern] .lang-btn.lang-on{color:#059669;box-shadow:none;background:#ecfdf5;border-color:#6ee7b7}.tutor{border:2px dashed var(--line);background:var(--bg-deep);border-radius:10px;margin-top:18px;padding:14px 16px}.tutor-head{font-family:var(--font-pixel);color:var(--magenta);letter-spacing:1px;margin-bottom:12px;font-size:10px}.tutor-actions{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.tutor-turn{margin:12px 0}.tutor-q{font-family:var(--font-pixel);color:var(--cyan);margin-bottom:6px;font-size:9px}.tutor-answer p{white-space:pre-wrap;margin:0 0 10px;font-size:19px}.tutor-code{background:var(--bg);border:1px solid var(--line);color:var(--green);border-radius:6px;margin:0 0 10px;padding:10px 12px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13.5px;line-height:1.5;overflow-x:auto}.tutor-busy{color:var(--text-dim);font-size:18px;animation:1.2s steps(2,end) infinite blink}.tutor-ask{gap:10px;margin-top:12px;display:flex}.tutor-input{background:var(--bg);color:var(--text);border:2px solid var(--line);font-family:var(--font-body), monospace;border-radius:8px;flex:1;padding:8px 12px;font-size:18px}.tutor-input:focus{border-color:var(--cyan);outline:none}.btn-reset{opacity:.75;margin-left:auto}[data-theme=modern] .tutor{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}[data-theme=modern] .tutor-head{letter-spacing:.3px;font-size:12px;font-weight:700}[data-theme=modern] .tutor-q{color:#4f46e5;font-size:11.5px;font-weight:700}[data-theme=modern] .tutor-answer p{font-size:15.5px}[data-theme=modern] .tutor-code{color:#7ee787;background:#0f172a;border-color:#1e293b;border-radius:8px}[data-theme=modern] .tutor-busy{font-size:14.5px}[data-theme=modern] .tutor-input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font-size:15px}[data-theme=modern] .tutor-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.editor-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.editor-bar .lang-toggle{margin-bottom:0}.editor-history{gap:8px;margin-left:auto;display:flex}.arena-tip{color:var(--text-dim);margin:6px 2px 0;font-size:16px}.test-stdout{background:var(--bg-deep);border:1px dashed var(--line);color:var(--text);white-space:pre-wrap;border-radius:6px;flex-basis:100%;max-height:200px;margin:4px 0 2px;padding:8px 12px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.test-stdout:before{content:"🖨 output";color:var(--text-dim);margin-bottom:4px;font-size:11px;display:block}[data-theme=modern] .arena-tip{font-size:13px}[data-theme=modern] .test-stdout{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:8px;font-size:12.5px}.learn-page{max-width:1380px}.lesson{max-width:860px;margin:0 auto}.lesson-code{max-width:1380px}.arena-side:empty{display:none}@media (min-width:1100px){.lesson-code .arena{align-items:flex-start;gap:22px;display:flex}.lesson-code .arena-main{flex:1;min-width:0}.lesson-code .arena-side{flex-shrink:0;width:390px;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow-y:auto}.lesson-code .arena-side .tutor{margin-top:0}}.prog-banner{border-bottom:1px dashed var(--line);margin-bottom:8px;padding:10px 8px 14px}.prog-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.prog-label{font-family:var(--font-pixel);color:var(--cyan);letter-spacing:1px;font-size:10px}.prog-nums{font-family:var(--font-pixel);color:var(--text-dim);font-size:9px}.prog-bar{border:2px solid var(--line);background:var(--bg-deep);border-radius:999px;height:14px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:999px;height:100%;transition:width .6s;box-shadow:0 0 12px #4dff8880}.prog-forecast{color:var(--text-dim);flex-wrap:wrap;gap:20px;margin-top:8px;font-size:18px;display:flex}.prog-pace{color:var(--yellow)}.prog-eta{color:var(--green)}[data-theme=modern] .prog-banner{border-bottom:1px solid #eef2f7}[data-theme=modern] .prog-label{letter-spacing:.5px;font-size:12px;font-weight:700}[data-theme=modern] .prog-nums{font-size:12px;font-weight:600}[data-theme=modern] .prog-bar{background:#e9eef5;border:none;height:10px}[data-theme=modern] .prog-fill{box-shadow:none;background:linear-gradient(90deg,#4f46e5,#059669)}[data-theme=modern] .prog-forecast{font-size:13.5px}[data-theme=modern] .prog-pace{color:#b45309;font-weight:600}[data-theme=modern] .prog-eta{color:#059669;font-weight:600}.node-gem{font-size:16px}.gate-card{text-align:center;border-color:var(--magenta)}.gate-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;display:flex}.map-legend a{color:var(--cyan)}[data-theme=modern] .gate-card{border-color:#fbcfe8;box-shadow:0 1px 3px #10182812,0 12px 32px #db27771a}.online-badge{font-family:var(--font-pixel);color:var(--green);border:2px solid var(--green);white-space:nowrap;background:#0a0a18eb;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;display:inline-flex}.online-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite online-pulse}@keyframes online-pulse{50%{opacity:.45}}[data-theme=modern] .online-badge{color:#059669;background:#fff;border:1px solid #a7f3d0;font-size:11.5px;font-weight:600;box-shadow:0 1px 3px #1018281a}[data-theme=modern] .online-dot{box-shadow:none;background:#10b981}@media (max-width:640px){.top-hud{flex-wrap:wrap;justify-content:flex-end;padding:12px 14px 0;position:static}}button.phase-chip{cursor:pointer;background:0 0;transition:border-color .12s,color .12s}button.phase-chip:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}button.phase-chip:disabled{cursor:not-allowed;opacity:.45}[data-theme=modern] button.phase-chip{background:#fff}[data-theme=modern] button.phase-chip:hover:not(:disabled){color:#4f46e5;border-color:#c7d2fe;box-shadow:0 2px 8px #4f46e51f}[data-theme=modern] button.phase-chip.phase-now{background:#eef2ff}[data-theme=modern] button.phase-chip.phase-done{background:#ecfdf5}:root{--code-bg:var(--bg-deep);--code-border:var(--line)}[data-theme=modern]{--code-bg:#0f172a;--code-border:#1e293b}.cm-wrap{margin-bottom:2px}.cm-host .cm-editor,.cm-host .cm-scroller{min-height:260px}.cm-wrap-readonly .cm-host .cm-editor{opacity:.9;border-style:dashed}.cm-loading{min-height:260px;color:var(--text-dim);background:var(--code-bg);border:2px dashed var(--code-border);border-radius:8px;justify-content:center;align-items:center;font-family:Cascadia Code,Consolas,monospace;font-size:14px;display:flex}.grid-rows{flex-direction:column;gap:4px;display:flex}.grid-row{gap:4px;display:flex}.grid-cell{border:2px solid var(--line);background:var(--bg-card);width:36px;height:36px;color:var(--text);border-radius:5px;justify-content:center;align-items:center;font-family:Cascadia Code,Consolas,monospace;font-size:17px;display:flex}[data-theme=modern] .grid-cell{border-width:1.5px;width:34px;height:34px;font-size:15px;box-shadow:0 1px 2px #1018280d}.grid-cell.cell-active{border-color:var(--cyan);box-shadow:0 0 10px #2ee6ff80}.grid-cell.cell-good{border-color:var(--green);box-shadow:0 0 10px #4dff8880}.grid-cell.cell-bad{border-color:var(--red);box-shadow:0 0 10px #ff556680}.grid-cell.cell-dim{opacity:.4}[data-theme=modern] .grid-cell.cell-active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e52e}[data-theme=modern] .grid-cell.cell-good{background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 3px #0596692e}[data-theme=modern] .grid-cell.cell-bad{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}