:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1120;--bg-grid:#788cc80f;--surface:#161d31;--surface2:#1e2741;--surface3:#26314f;--line:#2c3758;--text:#e8ecf6;--muted:#98a3c2;--accent:#f5b83d;--accent-ink:#1b1404;--accent-soft:#f5b83d29;--teal:#3cd6c4;--teal-soft:#3cd6c429;--coral:#ff6f6f;--coral-soft:#ff6f6f29;--violet:#a68dff;--violet-soft:#a68dff33;--green:#5edb94;--green-soft:#5edb942e;--yellow:#ffd166;--yellow-soft:#ffd16633;--code-bg:#0a0e1a;--tk-kw:#ff8fb1;--tk-type:#7cc7ff;--tk-num:#ffc66d;--tk-str:#a8e07a;--tk-com:#6c7799;--tk-op:#d3d9ea;--shadow:0 10px 30px #00000059;--radius:14px;--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e6;--bg-grid:#3c32140d;--surface:#fffcf4;--surface2:#f2ecdd;--surface3:#e8e0cc;--line:#dcd2bb;--text:#1a2131;--muted:#5a6478;--accent:#c07a10;--accent-ink:#fffaf0;--accent-soft:#c07a1024;--teal:#0b8a7d;--teal-soft:#0b8a7d21;--coral:#c63e3c;--coral-soft:#c63e3c1f;--violet:#6247d6;--violet-soft:#6247d621;--green:#23824a;--green-soft:#23824a24;--yellow:#a87400;--yellow-soft:#e6aa1e33;--code-bg:#fbf8f0;--tk-kw:#b4235f;--tk-type:#1d63b8;--tk-num:#9a5a00;--tk-str:#3d7a12;--tk-com:#8a8f9c;--tk-op:#3b4458;--shadow:0 8px 24px #3c2d0a1f}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e6;--bg-grid:#3c32140d;--surface:#fffcf4;--surface2:#f2ecdd;--surface3:#e8e0cc;--line:#dcd2bb;--text:#1a2131;--muted:#5a6478;--accent:#c07a10;--accent-ink:#fffaf0;--accent-soft:#c07a1024;--teal:#0b8a7d;--teal-soft:#0b8a7d21;--coral:#c63e3c;--coral-soft:#c63e3c1f;--violet:#6247d6;--violet-soft:#6247d621;--green:#23824a;--green-soft:#23824a24;--yellow:#a87400;--yellow-soft:#e6aa1e33;--code-bg:#fbf8f0;--tk-kw:#b4235f;--tk-type:#1d63b8;--tk-num:#9a5a00;--tk-str:#3d7a12;--tk-com:#8a8f9c;--tk-op:#3b4458;--shadow:0 8px 24px #3c2d0a1f}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);color:var(--text);font:15px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;background-size:28px 28px}a{color:var(--teal)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}code{font-family:var(--font-mono);background:var(--surface2);border:1px solid var(--line);border-radius:5px;padding:.05em .35em;font-size:.9em}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}h1{margin:.2em 0 .3em;font-size:clamp(28px,4vw,44px)}h2{margin:0 0 .5em;font-size:24px}h3{margin:.8em 0 .4em;font-size:18px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.lede{color:var(--muted);max-width:72ch;font-size:17px}.app{min-height:100dvh}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{color:var(--text);font-family:var(--font-display);align-items:center;gap:10px;font-size:19px;font-weight:800;line-height:1.05;text-decoration:none;display:flex}.brand small{font:500 11px var(--font-body);color:var(--muted);letter-spacing:.02em;display:block}.brandmark{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);font:800 16px var(--font-mono);box-shadow:0 0 0 3px var(--accent-soft);border-radius:10px;place-items:center;display:grid}.topbar nav{flex:1;gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;text-decoration:none;display:inline-flex}.topbar nav a:hover{color:var(--text);background:var(--surface2)}.topbar nav a.on{color:var(--text);background:var(--surface2);box-shadow:inset 0 -2px 0 var(--accent)}.pill{background:var(--coral);color:#fff;border-radius:99px;padding:0 7px;font-size:11px;font-weight:700}.hud{align-items:center;gap:10px;display:flex}.xp{font-family:var(--font-mono);color:var(--accent);font-weight:600}.tester{font:700 10px var(--font-mono);letter-spacing:.1em;color:var(--coral);border:1px solid var(--coral);border-radius:6px;padding:2px 6px}main{max-width:1280px;margin:0 auto;padding:24px 24px 80px}.btn{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--coral);border-color:var(--coral);background:0 0}.btn.big{padding:13px 22px;font-size:16px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{border:1px solid var(--line);background:var(--surface2);border-radius:9px;place-items:center;min-width:36px;height:36px;font-size:15px;display:inline-grid}.icon-btn:hover:not(:disabled){border-color:var(--muted)}.icon-btn.play{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);min-width:44px}.icon-btn:disabled{opacity:.4}.row-btns{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.row-btns.end{justify-content:flex-end}.row-btns.center{justify-content:center}.badge{font:600 11px var(--font-mono);color:var(--teal);background:var(--teal-soft);border-radius:6px;padding:2px 8px;display:inline-block}.badge.big{padding:10px 16px;font-size:15px}.tag{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:12px;text-decoration:none;display:inline-block}a.tag:hover{color:var(--text);border-color:var(--muted)}.tag.good{color:var(--green);border-color:var(--green);background:var(--green-soft)}.tag.dim{opacity:.55}.tags{flex-wrap:wrap;gap:6px;margin:8px 0 14px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:860px;box-shadow:var(--shadow);margin:10px auto;padding:28px}.panel.wide{max-width:1100px}.meter{background:var(--surface3);border-radius:99px;flex:1;min-width:60px;height:8px;overflow:hidden}.meter>div{background:linear-gradient(90deg, var(--accent), var(--teal));border-radius:99px;height:100%;transition:width .4s}.hero{grid-template-columns:1fr auto;align-items:end;gap:28px;padding:26px 0 30px;display:grid}.hero h1{max-width:18ch;font-size:clamp(32px,5vw,56px)}.hero-stats{gap:10px;display:grid}.hero-stats div{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:baseline;gap:10px;padding:10px 18px;display:flex}.hero-stats b{font:800 26px var(--font-display);color:var(--accent);min-width:2ch}.hero-stats span{color:var(--muted);font-size:13px}.worlds{gap:18px;margin:0;padding:0;list-style:none;display:grid}.world{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 20px;position:relative}.world.locked{opacity:.62}.world-head{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:14px;display:grid}.world-head h2{margin:0;font-size:22px}.world-head p{margin:2px 0 0;font-size:14px}.glyph{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;place-items:center;font-size:26px;font-weight:700;display:grid}.world-prog{font:600 13px var(--font-mono);color:var(--muted);text-align:right;gap:6px;min-width:90px;display:grid}.trail{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.stop{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:10px 12px;text-decoration:none;transition:transform .12s,border-color .15s;display:grid}.stop:hover:not(.locked){border-color:var(--accent);transform:translateY(-2px)}.stop-n{width:34px;height:34px;font:700 14px var(--font-mono);background:var(--surface3);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.stop-t{font-size:13px;font-weight:600;line-height:1.25}.stars{color:var(--accent);letter-spacing:1px;font-size:12px}.stars .dim{color:var(--surface3)}.stop.passed .stop-n{background:var(--green);color:#08240f}.stop.open .stop-n{background:var(--accent);color:var(--accent-ink)}.stop.current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);animation:2.2s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 0 6px var(--accent-soft)}}.stop.locked{opacity:.55;cursor:not-allowed}.stop.boss{border-style:dashed;border-color:var(--coral)}.stop.boss .stop-n{background:var(--coral-soft);color:var(--coral)}.stop.boss.passed .stop-n{background:var(--coral);color:#fff}.level-head{padding:4px 0 0}.back{color:var(--muted);font-size:14px;text-decoration:none}.back:hover{color:var(--text)}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:22px;display:flex;overflow-x:auto}.tabs a,.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.tabs a.on,.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs.small{margin-bottom:14px}.tabs.small button{padding:8px 12px;font-size:13px}.tab-n{font:700 11px var(--font-mono);background:var(--surface3);border-radius:6px;padding:1px 6px}.lesson{max-width:1040px}.lsec{margin:0 0 34px}.lsec p,.lsec li{max-width:80ch}.lsec li{margin:4px 0}.refs li{color:var(--muted);font-size:14px}.callout{border:1px solid var(--line);border-left:4px solid var(--teal);background:var(--surface);border-radius:10px;max-width:86ch;margin:14px 0;padding:12px 16px}.callout-h{margin-bottom:4px;font-size:14px;font-weight:700}.callout p{margin:4px 0}.c-exam{border-left-color:var(--accent)}.c-errata{border-left-color:var(--coral);background:var(--coral-soft)}.c-convention{border-left-color:var(--violet)}.c-pitfall{border-left-color:var(--coral)}.c-daa{border-left-color:var(--green)}.formula{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);border-radius:10px;max-width:86ch;margin:12px 0;padding:12px 16px;font-size:16px;overflow-x:auto}.table-wrap{margin:12px 0;overflow-x:auto}table{border-collapse:collapse;background:var(--surface);border-radius:10px;min-width:420px;font-size:14px;overflow:hidden}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 12px}th{background:var(--surface2);font-weight:700}caption{text-align:left;color:var(--muted);padding:6px 0;font-size:13px}.steps li{margin:6px 0}.viz{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);margin:18px 0 26px;padding:16px}.viz-h{align-items:center;gap:10px;margin-bottom:8px;font-weight:700;display:flex}.inputbar{flex-wrap:wrap;align-items:end;gap:10px;margin:6px 0 12px;display:flex}.inputbar label{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.inputbar input,.inputbar select{background:var(--code-bg);border:1px solid var(--line);min-width:220px;font-family:var(--font-mono);border-radius:9px;padding:8px 11px;font-size:14px}.inputbar select{min-width:0}.input-err{color:var(--coral);font-size:13px}.player{outline:none;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;display:grid}.player:focus-visible{outline:2px dashed var(--accent);outline-offset:6px;border-radius:8px}.player-main,.player-side{align-content:start;gap:10px;min-width:0;display:grid}.stage-wrap{background:var(--code-bg);border:1px solid var(--line);border-radius:12px;padding:8px;overflow-x:auto}.stage-wrap.small{margin:10px 0}.stage{width:100%;min-width:320px;height:auto;font-family:var(--font-mono);display:block}.say{min-height:3.2em;margin:0;font-size:15px}.step-no{font:600 12px var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:6px;margin-right:4px;padding:2px 7px}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls input[type=range]{min-width:100px;accent-color:var(--accent);flex:1}.controls select{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:6px}.pscore{font:600 13px var(--font-mono);color:var(--teal)}.vars{flex-wrap:wrap;gap:6px;display:flex}.var{border:1px solid var(--line);font:13px var(--font-mono);border-radius:8px;display:inline-flex;overflow:hidden}.vk{background:var(--surface3);color:var(--muted);padding:3px 8px}.vv{padding:3px 9px;font-weight:600}.ask{border:1px solid var(--violet);background:var(--violet-soft);border-radius:12px;padding:12px}.ask-q{margin-bottom:8px;font-weight:700}.ask-opts{flex-wrap:wrap;gap:8px;display:flex}.hint{color:var(--coral);margin-top:8px;font-size:14px}.node circle,.node rect{fill:var(--surface2);stroke:var(--line);stroke-width:2px;transition:fill .25s,stroke .25s}.node .node-label{fill:var(--text);font-weight:600}.node .node-sub{fill:var(--muted);font-size:11px}.node.s-text .node-label{fill:var(--text);font-weight:500}.node.t-active circle,.node.t-active rect{fill:var(--accent);stroke:var(--accent)}.node.t-active .node-label{fill:var(--accent-ink)}.node.t-compare circle,.node.t-compare rect{fill:var(--yellow-soft);stroke:var(--yellow)}.node.t-done circle,.node.t-done rect{fill:var(--green-soft);stroke:var(--green)}.node.t-warn circle,.node.t-warn rect{fill:var(--coral-soft);stroke:var(--coral)}.node.t-path circle,.node.t-path rect{fill:var(--violet-soft);stroke:var(--violet)}.node.t-accent circle,.node.t-accent rect{fill:var(--teal-soft);stroke:var(--teal)}.node.t-accent .node-label{fill:var(--teal)}.node.s-tag rect{stroke-width:1.5px}.node.s-tag .node-label{font-weight:700}.node.t-muted{opacity:.4}.node.t-ghost circle,.node.t-ghost rect{fill:#0000;stroke-dasharray:4 4}.node.s-text.t-muted .node-label{fill:var(--muted)}.node.s-text.t-accent .node-label{fill:var(--teal)}.node.s-text.t-active .node-label{fill:var(--accent)}.node.s-text.t-warn .node-label{fill:var(--coral)}.node.s-text.t-done .node-label{fill:var(--green)}.node.clickable{cursor:pointer}.node.clickable:hover circle,.node.clickable:hover rect{stroke:var(--accent)}.edge path{stroke:var(--muted);stroke-width:2px}.arrowhead{fill:var(--muted)}.edge.t-active path{stroke:var(--accent);stroke-width:3.5px}.arrowhead.t-active{fill:var(--accent)}.edge.t-done path{stroke:var(--green);stroke-width:3.5px}.arrowhead.t-done{fill:var(--green)}.edge.t-path path{stroke:var(--violet);stroke-width:3.5px}.arrowhead.t-path{fill:var(--violet)}.edge.t-warn path{stroke:var(--coral);stroke-width:3px}.arrowhead.t-warn{fill:var(--coral)}.edge.t-compare path{stroke:var(--yellow);stroke-width:3px}.arrowhead.t-compare{fill:var(--yellow)}.edge.t-accent path{stroke:var(--teal)}.arrowhead.t-accent{fill:var(--teal)}.edge.t-muted{opacity:.35}.edge.t-ghost path{stroke-dasharray:4 5;opacity:.5}.edge-label-bg{fill:var(--code-bg);stroke:var(--line)}.edge-label{fill:var(--text);font-size:12px;font-weight:600}.code-panel{border:1px solid var(--line);background:var(--code-bg);border-radius:12px;overflow:hidden}.code-title{border-bottom:1px solid var(--line);background:var(--surface2);align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.code-title .dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.code-title .lang{font:600 11px var(--font-mono);color:var(--muted);margin-left:auto}.code{background:var(--code-bg);border-radius:0;overflow:auto}.lsec>.code,.question .code,.reveal .code,.split .code{border:1px solid var(--line);border-radius:10px}.code pre{font:13.5px/1.6 var(--font-mono);tab-size:4;margin:0;padding:10px 0}.code-line{border-left:3px solid #0000;padding-right:14px;display:flex}.code-line.on{background:var(--accent-soft);border-left-color:var(--accent)}.ln{text-align:right;width:3.2em;color:var(--tk-com);-webkit-user-select:none;user-select:none;flex:none;padding-right:12px}.lc{white-space:pre}.tk-kw{color:var(--tk-kw)}.tk-type{color:var(--tk-type)}.tk-num{color:var(--tk-num)}.tk-str{color:var(--tk-str)}.tk-com{color:var(--tk-com);font-style:italic}.tk-pp{color:var(--tk-kw)}.tk-op,.tk-punc{color:var(--tk-op)}.code.dim{opacity:.5}.code-editor{background:var(--code-bg);border:1px solid var(--line);width:100%;font:13.5px/1.6 var(--font-mono);tab-size:4;resize:vertical;white-space:pre;border-radius:10px;padding:12px 14px;overflow:auto}.code-editor:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.test{gap:14px;max-width:880px;margin:0 auto;display:grid}.test-bar{color:var(--muted);align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.question{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.question.is-right{border-color:var(--green)}.question.is-wrong{border-color:var(--coral);animation:.35s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.q-meta{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.q-kind{font-weight:500}.q-prompt{font-size:17px;font-weight:500}.q-opts{gap:8px;display:grid}.opt{text-align:left;border:1px solid var(--line);background:var(--surface2);border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:border-color .15s,background .15s;display:flex}.opt:hover:not(:disabled){border-color:var(--accent)}.opt.chosen{border-color:var(--accent);background:var(--accent-soft)}.opt.right{border-color:var(--green);background:var(--green-soft)}.opt.wrong{border-color:var(--coral);background:var(--coral-soft)}.opt:disabled{cursor:default}.opt-key{font:700 12px var(--font-mono);background:var(--surface3);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.q-input{background:var(--code-bg);border:1px solid var(--line);font:16px var(--font-mono);border-radius:10px;padding:11px 14px}.q-input:focus{border-color:var(--accent);outline:none}.feedback{border-top:1px solid var(--line);justify-items:start;gap:8px;padding-top:12px;display:grid}.fb-head{font-weight:700}.is-right .fb-head{color:var(--green)}.is-wrong .fb-head{color:var(--coral)}.fb-explain{color:var(--muted)}.test-intro .rules li{margin:8px 0}.warn-note{color:var(--yellow);font-size:14px}.result{text-align:center}.result-big{font-size:64px}.result.pass{border-color:var(--green)}.result.fail{border-color:var(--coral)}.score{font-size:17px}.stars-big{color:var(--accent);letter-spacing:6px;margin:0;font-size:40px}.locked-panel{text-align:center}.ladder{flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.rung{border:1px solid var(--line);background:var(--surface2);border-radius:99px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:14px;font-weight:600;display:inline-flex}.rung.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rung-n{background:var(--surface3);width:26px;height:26px;font:700 12px var(--font-mono);border-radius:50%;place-items:center;display:grid}.rung.cleared .rung-n{background:var(--green);color:#08240f}.rung:disabled{opacity:.5;cursor:not-allowed}.split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.split>*{min-width:0}.parsons{border:1px dashed var(--line);background:var(--code-bg);border-radius:10px;gap:5px;min-height:80px;padding:8px;display:grid}.pline{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:8px;padding:5px 8px;display:flex}.pline code{white-space:pre;background:0 0;border:none;padding:0}.pline:hover{border-color:var(--accent)}.pline.bad{border-color:var(--coral);background:var(--coral-soft)}.pline.good{border-color:var(--green)}.pline .ln{width:2em;padding:0}.blank{font:inherit;background:var(--accent-soft);border:none;border-bottom:2px solid var(--accent);color:var(--text);border-radius:3px 3px 0 0;padding:0 2px}.blank:focus{background:var(--yellow-soft);outline:none}.blank.bad{border-bottom-color:var(--coral);background:var(--coral-soft)}.blank.good{border-bottom-color:var(--green);background:var(--green-soft)}.recall{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:20px;display:grid}.recall-head{justify-content:space-between;gap:12px;display:flex}.recall-head h3{margin:2px 0}.recall-head p{margin:0}.tries{font:600 13px var(--font-mono);color:var(--accent);white-space:nowrap}.recall-errors{color:var(--coral);font-size:14px}.recall-errors ul{margin:6px 0 0}.recall-ok{color:var(--green);font-weight:700}.inline{margin-left:8px}.boxes{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.box{background:var(--surface2);border:1px solid var(--line);text-align:center;border-radius:10px;padding:10px 16px;display:grid}.box b{font:800 22px var(--font-display);color:var(--accent)}.box span{color:var(--muted);font-size:12px}.flash{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:28px}.flash-q{font-size:20px;font-weight:600}.flash-a{color:var(--teal);font-size:17px}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting p{margin:2px 0 0;font-size:14px}.setting select{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:7px}.switch{align-items:center;gap:8px;font-weight:600;display:inline-flex}.switch input{width:20px;height:20px;accent-color:var(--accent)}.syl-unit ul{padding:0;list-style:none}.syl-unit li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:16px;max-width:none;padding:8px 0;display:flex}.syl-links{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (width<=900px){.player,.split,.hero{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stats div{flex-direction:column;gap:0}}@media (width<=640px){main{padding:14px 16px 60px}.topbar{flex-wrap:wrap;gap:8px;padding:8px 16px}.topbar nav{order:3;width:100%;overflow-x:auto}.brand small{display:none}.world-head{grid-template-columns:auto 1fr}.world-prog{text-align:left;grid-column:span 2}.panel{padding:18px}.syl-unit li{flex-direction:column}.syl-links{justify-content:flex-start}.inputbar input{width:100%;min-width:0}.inputbar label{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}