*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0c1e;--bg2:#161230;--bg3:#1e1840;--border:#2a2560;--gold:#ffd34d;--cyan:#5eead4;--purple:#a78bfa;--green:#4ade80;--red:#f87171;--text:#e2dcff;--muted:#7060a0}body{background:var(--bg);color:var(--text);justify-content:center;min-height:100vh;padding:12px 10px 40px;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex}#stage{width:100%;max-width:760px}a,a:visited{color:inherit;text-decoration:none}#hud{border:1.5px solid var(--border);background:#ffffff0c;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 14px;font-size:16px;display:flex}#hud .name{color:var(--gold);font-weight:800}#hud .spacer{flex:1}#hud .rank{color:var(--purple);width:100%;margin-top:1px;font-size:14px;line-height:1.45}.streak{color:var(--red);font-weight:800}.screen{background:var(--bg2);border:1.5px solid var(--border);border-radius:20px;padding:20px 18px 24px;animation:.3s pop}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}h1.title{text-align:center;color:var(--gold);letter-spacing:2px;text-shadow:0 0 16px #ffd34d44;margin-bottom:4px;font-size:30px;line-height:1.3}.subtitle{text-align:center;color:var(--purple);margin-bottom:12px;font-size:16px;line-height:1.6}.btn{text-align:left;cursor:pointer;width:100%;color:var(--text);border:1.5px solid var(--border);background:#ffffff0e;border-radius:12px;min-height:44px;margin-top:9px;padding:12px 16px;font-family:inherit;font-size:18px;font-weight:700;line-height:1.45;transition:all .12s;display:block}a.btn,a.btn:visited{color:var(--text);text-decoration:none}.btn:hover{border-color:var(--gold);background:#ffffff18;transform:translate(3px)}.btn .sub{color:var(--muted);margin-top:2px;font-size:14px;font-weight:400;line-height:1.45;display:block}.btn.primary{background:linear-gradient(135deg,var(--gold),#e8a000);color:#2a1800;text-align:center;border-color:#ffe79a;font-size:18px;box-shadow:0 4px #8a5000}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px #8a5000}.btn.primary:active{transform:translateY(2px);box-shadow:0 1px #8a5000}.btn.ghost{text-align:center;color:var(--muted)}.btn.ghost:hover{color:var(--text)}.wstars{float:right;color:var(--gold);font-size:14px}.levelmap{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.lvnode{aspect-ratio:1;border:1.5px solid var(--border);background:var(--bg3);cursor:pointer;color:var(--text);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-family:inherit;transition:all .12s;display:flex}.lvnode:hover{border-color:var(--gold);transform:scale(1.06)}.lvnode .ln{font-size:22px;font-weight:800}.lvnode .lname{color:var(--muted);font-size:14px;line-height:1.3}.lvnode .lstar{letter-spacing:1px;font-size:14px}.lvnode.done{background:#4ade801a;border-color:#4ade8066}.lvnode.boss{background:#f871711a;border-color:#f8717166}.teach{background:var(--bg3);border:1.5px solid var(--border);border-radius:14px;margin:10px 0;padding:14px 16px}.teach p{margin:5px 0;font-size:16px;line-height:1.9}.teach .k{color:var(--gold);font-weight:800}.teach .c{color:var(--cyan);background:#00000030;border-radius:4px;padding:1px 6px;font-family:SF Mono,Consolas,monospace;font-size:13.5px}.qbox{background:var(--bg3);border:1.5px solid var(--border);border-radius:14px;margin:10px 0;padding:14px 16px}.qcode{white-space:pre-wrap;background:#00000025;border-radius:10px;margin:8px 0;padding:12px 14px;font-family:SF Mono,Consolas,monospace;font-size:14.5px;line-height:1.8;overflow-x:auto}.seq-crystal{text-align:center;background:#00000025;border-radius:10px;margin:8px 0;padding:14px}.seq-nums{letter-spacing:4px;color:var(--cyan);font-size:24px;font-weight:800}.seq-q{color:var(--gold)}.answer-row{gap:8px;margin-top:10px;display:flex}input[type=text]{border:1.5px solid var(--border);min-height:44px;color:var(--text);background:#00000030;border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:17px;line-height:1.4}input[type=text]:focus{outline:2px solid var(--cyan);outline-offset:1px}.answer-row .btn{width:auto;margin:0;padding:10px 18px}.fb{border-radius:12px;margin-top:10px;padding:12px 14px;font-size:16px;line-height:1.75;animation:.25s pop}.fb.good{background:#4ade8018;border:1.5px solid #4ade8055}.fb.bad{background:#f8717118;border:1.5px solid #f8717155}.fb .big{margin-bottom:3px;font-size:16px;font-weight:800;display:block}.qprompt{margin:8px 0 4px;font-size:16px;line-height:1.6}.stepcode{border:1.5px solid var(--border);white-space:pre;color:#c8fcff;background:#07051a;border-radius:10px;margin-top:10px;padding:10px 14px;font-family:SF Mono,Consolas,monospace;font-size:15px;line-height:1.85;overflow-x:auto}.say{border:1.5px solid var(--border);border-left:4px solid var(--gold);background:linear-gradient(135deg,#221c4e,#1a1540);border-radius:14px;margin:12px 0 10px;padding:14px 16px;font-size:18px;line-height:1.8;animation:.25s pop}.qlabel{color:var(--muted);margin-bottom:2px;font-size:16px;line-height:1.5}.phase{text-align:center;margin-bottom:8px}.phase span{border:1.5px solid var(--border);color:var(--muted);border-radius:999px;margin:0 2px;padding:3px 10px;font-size:12px;display:inline-block}.phase span.on{border-color:var(--gold);color:var(--gold);font-weight:800}.shopitem{background:var(--bg3);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-top:9px;padding:11px 13px;display:flex}.shopitem .ico{font-size:28px}.shopitem .info{flex:1}.shopitem .info b{font-size:15px}.shopitem .info p{color:var(--muted);margin-top:2px;font-size:12.5px}.shopitem .btn{width:auto;margin:0;padding:8px 14px;font-size:13.5px}.badges span{background:#a78bfa18;border:1.5px solid #a78bfa55;border-radius:999px;margin:3px 3px 0 0;padding:4px 11px;font-size:13px;display:inline-block}.report{background:var(--bg3);border-radius:12px;margin:10px 0;padding:14px 16px}.report div{margin:5px 0;font-size:16px;line-height:1.7}.dragon{text-align:center;filter:drop-shadow(0 0 16px #f8717166);margin:4px 0;font-size:68px;line-height:1}.dragon.hit{animation:.4s dshake}@keyframes dshake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.bosshp{text-align:center;letter-spacing:4px;margin-bottom:4px;font-size:20px}.stars-big{text-align:center;letter-spacing:4px;margin:6px 0;font-size:40px}.stat-row{color:var(--muted);justify-content:center;gap:18px;margin:6px 0;font-size:14px;display:flex}.stat-row b{color:var(--text)}.center{text-align:center}.mt{margin-top:12px}.game-wrap{background:var(--bg2);border:2px solid var(--border);border-radius:18px;margin:8px 0;overflow:hidden;box-shadow:0 8px 32px #0006}.game-top{background:linear-gradient(180deg,var(--bg3),var(--bg2));border-bottom:1.5px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.game-top .lvtitle{flex:1;font-size:18px;font-weight:800;line-height:1.45}.stars-goal{color:var(--gold);white-space:nowrap;background:#ffd34d15;border:1px solid #ffd34d44;border-radius:8px;padding:3px 10px;font-size:14px}.game-story{color:#90b8e8;border-left:3px solid var(--cyan);background:#ffffff06;border-radius:8px;width:100%;padding:7px 11px;font-size:16px;line-height:1.8}.game-story b{color:var(--gold)}.game-story code{color:var(--cyan);background:#00000035;border-radius:4px;padding:1px 5px;font-family:SF Mono,Consolas,monospace;font-size:12px}.game-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;display:grid}@media (width<=640px){.game-body{grid-template-columns:1fr}}.code-panel{border-right:2px solid var(--border);background:#07051a;flex-direction:column;display:flex}@media (width<=640px){.code-panel{border-right:none;border-bottom:2px solid var(--border)}}.code-panel-hd{color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg3);justify-content:space-between;align-items:center;padding:5px 12px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.code-panel-hd .hd-left{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-r{background:#ff5f57}.dot-y{background:#ffbd2e}.dot-g{background:#28ca41}textarea#codeInput{resize:none;color:#c8fcff;tab-size:4;min-height:230px;caret-color:var(--gold);background:#07051a;border:none;outline:none;flex:1;padding:12px 16px;font-family:SF Mono,Consolas,Courier New,monospace;font-size:16px;line-height:1.9}@media (width<=640px){textarea#codeInput{min-height:150px}}textarea#codeInput::selection{background:#a78bfa44}.editor-row{flex:1;min-height:230px;display:flex}@media (width<=640px){.editor-row{min-height:150px}}.gutter{color:#4a4480;text-align:right;-webkit-user-select:none;user-select:none;background:#0b0924;border-right:1px solid #1e1840;width:34px;padding:12px 6px 12px 0;font-family:SF Mono,Consolas,monospace;font-size:15px;line-height:1.9;overflow:hidden}.editor-row textarea#codeInput{flex:1;min-height:0}.syntax-panel{border-top:1.5px solid var(--border);background:#0b0924;max-height:210px;padding:8px 12px;display:none;overflow-y:auto}.syntax-panel.open{display:block}.syn{border-bottom:1px solid #ffffff08;gap:10px;padding:6px 0;font-size:14px;display:flex}.syn .sig{color:var(--cyan);white-space:pre;min-width:150px;font-family:SF Mono,Consolas,monospace;font-weight:700}.syn .desc{color:#b0a8d8;flex:1}.syn .ex{color:#7e76b0;white-space:pre;font-family:SF Mono,Consolas,monospace;font-size:11.5px}.syn.new .sig{color:var(--gold)}.syn.new:before{content:"✨";margin-right:-4px}.key-line{width:100%;color:var(--gold);background:#ffd34d0e;border:1px dashed #ffd34d44;border-radius:8px;margin-top:4px;padding:5px 10px;font-family:SF Mono,Consolas,monospace;font-size:14px}.preview-tag{color:var(--purple);margin-left:6px;font-size:14px}.code-feedback{border-top:1px solid var(--border);min-height:32px;color:var(--muted);background:#0a0820;padding:7px 12px;font-family:SF Mono,Consolas,monospace;font-size:16px;line-height:1.6}.code-feedback.err{color:var(--red)}.code-feedback.ok{color:var(--green)}.code-footer{background:var(--bg3);border-top:1.5px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.run-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;flex:1;min-height:44px;padding:10px 16px;font-family:inherit;font-size:16px;font-weight:900;line-height:1.4;transition:all .1s;box-shadow:0 4px #14532d}.run-btn:hover{transform:translateY(-2px);box-shadow:0 6px #14532d}.run-btn:active{transform:translateY(2px);box-shadow:0 1px #14532d}.run-btn:disabled{opacity:.4;cursor:wait;transform:none}.reset-btn{color:var(--muted);border:1.5px solid var(--border);cursor:pointer;background:#1a1640;border-radius:10px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:16px}.reset-btn:hover{color:var(--text);border-color:var(--cyan)}.hint-btn2{color:var(--gold);cursor:pointer;background:#1a1640;border:1.5px solid #ffd34d44;border-radius:10px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:14px}.hint-btn2:hover{background:#ffd34d18}.line-count{color:var(--muted);white-space:nowrap;font-size:14px}@media (width<=640px){.code-panel-hd{flex-wrap:wrap;gap:4px}.code-panel-hd .hd-left{flex-wrap:wrap}.line-count{white-space:normal}.code-footer{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.code-footer .run-btn{grid-column:1/-1;width:100%;height:46px}.code-footer .hint-btn2,.code-footer .reset-btn{width:100%;min-width:0;height:46px;padding-left:4px;padding-right:4px}}.board-panel{background:#070518;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 10px;display:flex}.board-tag{color:var(--purple);text-align:center;background:#a78bfa10;border:1px dashed #a78bfa55;border-radius:8px;padding:4px 12px;font-size:14px}.board-panel canvas{image-rendering:auto;box-shadow:0 0 0 2px var(--border), 0 12px 40px #000000b3;border-radius:10px;max-width:100%;display:block}.board-log{color:var(--cyan);text-align:center;border:1px solid var(--border);background:#0a0820;border-radius:8px;width:100%;min-height:18px;padding:5px 12px;font-family:SF Mono,Consolas,monospace;font-size:14px}.hint-block{border:1.5px solid var(--border);background:#070518;border-radius:12px;margin:8px 12px;padding:12px 14px}.hint-block .hd{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.5}.hint-block pre{color:var(--cyan);white-space:pre-wrap;font-family:SF Mono,Consolas,monospace;font-size:14px;line-height:1.7}.kw{color:#c084fc;font-weight:700}.fn{color:var(--cyan);font-weight:700}.cm{color:#4a6080}.num{color:var(--gold)}