:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e14;--card:#141a26;--card-2:#1a2233;--line:#263049;--text:#e6ebf5;--muted:#8b96ad;--accent:#5aa9ff;--accent-soft:#5aa9ff24;--good:#43d69a;--warn:#ffb454;--radius:0}*{box-sizing:border-box;border-radius:0!important}body{color:var(--text);background:#000;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.page{flex-direction:row;justify-content:center;align-items:stretch;gap:0;max-width:none;height:100vh;min-height:100vh;margin:0;padding:0;display:flex}.stage-column{background:#000;flex:none;justify-content:center;align-items:center;width:min(100%,133.333vh);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--card);border-left:1px solid var(--line);flex-direction:column;flex:1;gap:16px;min-width:0;height:100vh;padding:14px;display:flex;overflow:hidden auto}@media (max-width:1100px){.page{flex-direction:column;justify-content:flex-start;height:auto}.stage-column{justify-content:center;align-items:flex-start;width:100%;height:auto}.sidebar{border-left:none;border-top:1px solid var(--line);width:auto;height:auto;overflow-y:visible}}.hero{text-align:center;padding:4px 8px 0}.hero h1{letter-spacing:.2px;margin:0;font-size:20px;font-weight:700}.hero h1 .fire{color:#ff7a59}.hero h1 .water{color:#5aa9ff}.hero p{color:var(--muted);margin:6px 0 0;font-size:12.5px}.stage-card{box-shadow:none;background:#000;border:none;border-radius:0;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.stage-frame{background:#0d0f13;border:none;border-radius:0;overflow:hidden}.stage-frame canvas{outline:none;width:100%;height:auto;display:block}.statusbar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-family:Consolas,monospace;font-size:12px;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border:1px solid #5aa9ff59;border-radius:999px;padding:2px 10px;font-weight:600}.badge{border:1px solid #0000;border-radius:999px;padding:2px 10px;font-weight:700}.badge.live{color:var(--good);background:#43d69a1a;border-color:#43d69a66}.badge.paused{color:var(--warn);background:#ffb4541a;border-color:#ffb45473}.statusbar .spacer{flex:1}.panel{background:0 0;border:none;border-radius:0;flex-direction:column;gap:14px;padding:0;display:flex}.side-group{border-bottom:1px solid var(--line);padding-bottom:14px}.side-group:last-child{border-bottom:none}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.split{justify-content:space-between}.group-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.level-name{margin:0 0 8px;font-size:15px;font-weight:700}select,.btn{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0f1522;border-radius:9px;padding:8px 12px;font-size:13px;transition:border-color .15s,background .15s,transform 50ms}select:hover,.btn:hover{border-color:var(--accent);background:#131b2d}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(#2f7fe0,#2263b8);border-color:#4a9bff;font-weight:700}.btn:disabled{opacity:.4;cursor:default;transform:none}.toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toggles.solo{grid-template-columns:1fr}@media (max-width:480px){.toggles{grid-template-columns:1fr}}.toggle{border:1px solid var(--line);cursor:pointer;text-align:left;color:var(--text);background:#0f1522;border-radius:11px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:border-color .15s;display:flex}.toggle:hover{border-color:var(--accent)}.toggle .switch{background:#2a3450;border:1px solid #354063;border-radius:0;flex:none;width:40px;height:22px;transition:background .18s;position:relative}.toggle .switch:after{content:"";background:#aab6cf;border-radius:0;width:16px;height:16px;transition:left .18s,background .18s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true] .switch{background:#1f6fd0;border-color:#4a9bff}.toggle[aria-checked=true] .switch:after{background:#fff;left:20px}.toggle .t-label{align-items:center;gap:6px;font-size:13px;font-weight:650;display:flex}.toggle .t-hint{color:var(--muted);margin-top:2px;font-size:11.5px}.step-row{background:#ffb4540f;border:1px dashed #ffb45466;border-radius:11px;padding:10px 12px}.seg{border:1px solid var(--line);background:#0f1522;border-radius:11px;gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:650;transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{color:#fff;background:linear-gradient(#2f7fe0,#2263b8);box-shadow:0 2px 10px #2f7fe066}.seg button.seg-fire[aria-pressed=true]{color:#fff;background:linear-gradient(#e0572f,#b03318);box-shadow:0 2px 10px #e0572f73}.seg button.seg-water[aria-pressed=true]{color:#fff;background:linear-gradient(#2f9de0,#1f6cb8);box-shadow:0 2px 10px #2f9de073}.lobby-stack{flex-direction:column;gap:10px;display:flex}.lobby-stack .ctl-note{margin:0}.btn.block{flex:auto}.res-hint{color:var(--muted);margin:8px 0 0;font-family:Consolas,monospace;font-size:11.5px}.hints{color:var(--muted);text-align:left;font-size:12px;line-height:2}kbd{border:1px solid var(--line);color:var(--text);white-space:nowrap;background:#0f1522;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-family:Consolas,monospace;font-size:11px}.screen-wrap{aspect-ratio:4/3;background:#0d0f13;flex:none;width:min(100%,133.333vh);height:auto;position:relative;overflow:hidden;container-type:inline-size}.screen-wrap canvas{aspect-ratio:4/3;background:#000;outline:none;width:100%;height:auto;display:block}@media (max-width:1100px){.screen-wrap{width:min(100%,133.333vh);margin-inline:auto}}.netplay{padding:0}.net-host{color:var(--muted);margin:0 0 8px;font-size:12.5px}.net-disabled{color:var(--muted);margin:0;font-size:12.5px}.net-error{color:#ff8080;margin:8px 0 0;font-size:12.5px}.peer-line{align-items:center;gap:8px;margin:8px 0;font-size:12.5px;display:flex}.peer-dot{background:var(--muted);flex:none;width:9px;height:9px}.peer-dot.on{background:var(--good);box-shadow:0 0 8px #43d69acc}.ping{white-space:nowrap;font-family:Consolas,monospace;font-size:11.5px}.ping-good{color:var(--good)}.ping-mid{color:var(--warn)}.ping-bad{color:#ff6b6b}.room-card{border:1px solid var(--line);background:#0f1522;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0;padding:10px 12px;display:flex}.room-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);flex:none;font-size:11px;font-weight:700}.room-code{letter-spacing:.35em;text-indent:.35em;color:var(--text);background:var(--accent-soft);border:1px solid var(--accent);cursor:pointer;padding:6px 8px;font-family:Consolas,monospace;font-size:22px;font-weight:700}.room-code:hover{background:#5aa9ff40}.room-hint{color:var(--muted);flex:none;font-size:11px}.room-input{border:1px solid var(--line);min-width:0;color:var(--text);text-transform:uppercase;letter-spacing:.3em;background:#0f1522;flex:1;padding:8px 10px;font-family:Consolas,monospace;font-size:15px}.room-input::placeholder{text-transform:none;letter-spacing:normal;color:var(--muted);font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px}.ctl-sub{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:12px 0 4px;font-size:11px;font-weight:700}.controls-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.ctl-label{font-size:13px}.key-btn{min-width:96px;font-family:Consolas,monospace}.key-btn.listening{border-color:var(--accent);background:var(--accent-soft)}.ctl-note{color:var(--muted);margin:8px 0 0;font-size:11.5px}.chat{margin-top:auto}.chat-log{flex-direction:column;gap:6px;max-height:240px;display:flex;overflow-y:auto}.chat-msg{border:1px solid var(--line);background:#0f1522;flex-direction:column;gap:2px;padding:6px 8px;font-size:12.5px;display:flex}.chat-msg b{color:var(--accent);font-size:11px}.chat-row{gap:8px;margin-top:8px;display:flex}.chat-row input{border:1px solid var(--line);min-width:0;color:var(--text);background:#0f1522;flex:1;padding:8px 10px;font-size:13px}canvas.pix{image-rendering:pixelated}.menu-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.menu-btn:focus-visible{outline-offset:-.35cqw;outline:.35cqw solid #ffdc5ad9}.node-zone{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;position:absolute}.node-zone.locked{cursor:not-allowed}.back-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.back-btn:focus-visible{outline-offset:-.35cqw;outline:.35cqw solid #ffdc5ad9}.results-veil{background:#04060a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#game-hud{color:#cfd6e3;white-space:pre-line;pointer-events:none;padding:12px 22px;font:14px/1.5 monospace;position:absolute;top:0;left:0}#game-hud .hud-dot{background:#ffffffbf;width:12px;height:12px;display:inline-block}.results-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#232c40,#141a26);flex-direction:column;align-items:center;gap:8px;padding:22px 34px;display:flex;box-shadow:0 12px 40px #0009}.grade{color:#43d69a;text-shadow:0 .5cqw #04140c,0 0 2cqw #43d69a80;font-family:Georgia,serif;font-size:9cqw;font-weight:900;line-height:1}.grade.fail{color:#ff6a55;text-shadow:0 .5cqw #1c0703;font-size:5cqw}.results-time{color:var(--text);font-family:Consolas,monospace;font-size:3.4cqw}.results-gems{color:#ffd75e;font-family:Consolas,monospace;font-size:2.6cqw}.results-best{color:var(--good);font-size:2.4cqw;font-weight:700}.ok-btn{cursor:pointer;background:0 0;border:none;padding:0;position:absolute}.ok-btn:focus-visible{outline-offset:-.35cqw;outline:.35cqw solid #ffdc5ad9}