:root{--bg:#05060a;--panel:#0c101cd1;--line:#2a3654;--text:#dfe7ff;--muted:#8d9cc2;--accent:#7fe7ff;--twist:#c08cff;--gate:#ff4fd8;--good:#4dffa0;--gold:#ffcc4d;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.hud{pointer-events:none;position:absolute;inset:0}.hud-left{max-width:min(360px,40vw);position:absolute;top:16px;left:18px}.hud-title{letter-spacing:.02em;font-size:17px;font-weight:600}.hud-hint{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.hud-right{text-align:right;color:var(--muted);flex-direction:column;align-items:flex-end;gap:4px;font:12px ui-monospace,Cascadia Mono,Consolas,monospace;display:flex;position:absolute;top:14px;right:18px}.hud-status .ok{color:var(--good)}.hud-status .off{color:var(--muted)}.hud-mode{letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;margin-top:6px;padding:3px 10px;font-weight:700}.hud-mode.roll{color:var(--accent)}.hud-mode.twist{color:#10061c;background:var(--twist);border-color:var(--twist)}.hud-holonomy{color:var(--text)}.hud-fit{right:var(--inset-margin,16px);bottom:calc(var(--inset-size,240px) + var(--inset-margin,16px) + 12px);width:var(--inset-size,240px);color:var(--muted);font:12px ui-monospace,Consolas,monospace;position:absolute}.hud-fit-track{background:#1a2238;border-radius:4px;height:8px;margin-top:4px;position:relative;overflow:hidden}.hud-fit-bar{background:var(--gate);width:0;height:100%;transition:width 80ms linear}.hud-fit-bar.good{background:var(--good)}.hud-fit-mark{background:var(--text);opacity:.7;width:2px;position:absolute;top:0;bottom:0}.hud-buttons{left:18px;right:calc(var(--inset-size,240px) + 2 * var(--inset-margin,16px));pointer-events:auto;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:16px}.hud-button,.card-button{color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 12px;font:600 12px Inter,system-ui,sans-serif}.hud-button:hover,.card-button:hover{border-color:var(--accent)}.overlay{background:#0304088c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:520px;padding:22px 26px;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 10px;font-size:22px}.card p{color:#c3cdea;margin:0 0 10px;font-size:14px;line-height:1.55}.card .formula{color:var(--gold);text-align:center;margin:12px 0;font:15px Cambria Math,STIX Two Math,serif}.card-button{border-color:var(--accent);margin-top:8px;padding:9px 16px;font-size:13px}.hud-inset{right:var(--inset-margin,16px);bottom:var(--inset-margin,16px);width:var(--inset-size,240px);height:var(--inset-size,240px);border:1px solid var(--line);box-sizing:border-box;border-radius:10px;position:absolute}.hud-inset-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font:600 11px Inter,system-ui,sans-serif;position:absolute;top:6px;left:9px}.hud-inset-legend{gap:8px;font:700 11px ui-monospace,Consolas,monospace;display:flex;position:absolute;bottom:6px;left:9px}.ax-x{color:#ff5c5c}.ax-y{color:#5cff8c}.ax-z{color:#5cb3ff}.ax-w{color:#ffcc4d}.ax-bit{color:#fff;font-weight:400}.hud-toast{background:var(--panel);border:1px solid var(--good);color:var(--good);letter-spacing:.06em;border-radius:999px;padding:8px 16px;font-weight:700;position:absolute;top:22%;left:50%;transform:translate(-50%)}@media (width<=700px){.hud-left{max-width:calc(100vw - 36px)}.hud-right{top:auto;bottom:calc(var(--inset-size,140px) + var(--inset-margin,16px) + 44px)}.hud-status,.hud-fps{display:none}.hud-button{padding:6px 9px}}.card.wide{max-width:600px;max-height:86vh;overflow-y:auto}.settings h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px;font-size:12px}.settings-row{grid-template-columns:190px 1fr;align-items:center;gap:4px 12px;padding:4px 0;font-size:13px;display:grid}.settings-row small{color:var(--muted);grid-column:2}.settings-slider{align-items:center;gap:8px;display:flex}.settings-slider input{accent-color:var(--accent);flex:1}.settings-slider output{min-width:82px;color:var(--accent);font:12px ui-monospace,Consolas,monospace}.settings-pair{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.settings select{color:var(--text);border:1px solid var(--line);background:#11172a;border-radius:6px;padding:3px 6px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;width:min(540px,100vw - 100px);margin:8px 0;display:grid}.level-grid button{text-align:left}.help-table{border-collapse:collapse;width:100%;margin:6px 0 10px;font-size:13px}.help-table td{color:#c3cdea;border-bottom:1px solid #2a365499;padding:4px 6px}.help-table td:first-child{white-space:nowrap;color:var(--accent);font:12px ui-monospace,Consolas,monospace}.loop-label{color:#e6d4ff;pointer-events:none;white-space:nowrap;background:#1e0e34d9;border:1px solid #c08cff;border-radius:999px;padding:3px 9px;font:700 13px ui-monospace,Consolas,monospace;position:absolute;transform:translate(-50%,-140%)}@media (width<=560px){.settings-row{grid-template-columns:1fr}.settings-row small{grid-column:1}}.scene .hud-fps{visibility:hidden}.lock-panel{right:var(--inset-margin,16px);bottom:calc(var(--inset-size,240px) + var(--inset-margin,16px) + 10px);width:max(var(--inset-size,240px), 250px);box-sizing:border-box;background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:10px;padding:8px 10px 10px;position:absolute}.lock-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:4px;font:600 11px Inter,system-ui,sans-serif;display:flex}.lock-count{color:var(--text);letter-spacing:.02em;text-transform:none;margin-left:auto}.lock-help{border:1px solid var(--line);width:20px;height:20px;color:var(--accent);cursor:pointer;background:#11172a;border-radius:50%;padding:0;font:700 12px Inter,system-ui,sans-serif}.lock-row{border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:3px 4px;display:flex}.lock-row[data-state=next]{border-color:var(--accent);background:#7fe7ff12}.lock-row[data-state=set]{opacity:.55}.lock-row[data-state=set] .lock-hint{color:var(--good)}.lock-dial{flex:none;width:30px;height:30px}.dial-face{fill:#0b1020;stroke:#33426a;stroke-width:1.5px}.lock-row[data-state=set] .dial-face{stroke:var(--good)}.dial-notch{fill:var(--text)}.dial-needle line{stroke-width:2.6px;stroke-linecap:round}.dial-needle{transition:transform 90ms linear}.lock-text{min-width:0}.lock-name{font:600 12px Inter,system-ui,sans-serif}.lock-hint{color:var(--muted);font:11px ui-monospace,Consolas,monospace}.lock-row[data-state=next] .lock-hint{color:var(--accent)}.lock-track{background:#1a2238;border-radius:3px;height:6px;margin-top:7px;position:relative;overflow:hidden}.lock-bar{background:var(--gate);width:0;height:100%;transition:width 80ms linear}.lock-bar.good{background:var(--good)}.lock-mark{background:var(--text);opacity:.7;width:2px;position:absolute;top:0;bottom:0}.inset-hint{white-space:pre-line;color:var(--muted);text-align:right;font:10px Inter,system-ui,sans-serif;position:absolute;top:6px;right:9px}.explainer-figure{color:var(--muted);text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px;font-size:12px;display:grid}.explainer-figure svg{border:1px solid var(--line);background:#0a0e1a;border-radius:8px;width:100%;height:auto}.hud-center{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:18px;padding:6px 16px;font:700 16px ui-monospace,Consolas,monospace;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud-lives{color:#ff5a6e;letter-spacing:3px;font-size:18px}.hud-shards .shard{text-shadow:0 0 6px;margin:0 1px;font-size:16px}.hud-shards .shard.got{opacity:.25;text-shadow:none}.hud-timer{color:var(--text)}.hud-layer{color:#0a0b12;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-top:6px;padding:4px 12px;font:800 13px Inter,system-ui,sans-serif;box-shadow:0 0 18px #ffffff26}.hud-curvature{color:var(--text)}.phase-ring{width:100%;height:100%;position:absolute;inset:0}.ring-sector{transition:opacity .12s linear}.ring-pointer{transition:transform 60ms linear}.danger-vignette{opacity:0;background:radial-gradient(#0000 55%,#ff1e3c73 100%);transition:opacity .12s linear;position:absolute;inset:0}@media (width<=700px){.hud-center{top:auto;bottom:calc(var(--inset-size,140px) + var(--inset-margin,16px) + 90px);gap:10px;font-size:13px}}.hud-inset .hud-inset-label{top:-20px;left:2px}.hud-tip{width:min(460px, calc(100vw - var(--inset-size,240px) - 3 * var(--inset-margin,16px)));box-sizing:border-box;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:9px 14px 11px;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.hud-tip-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font:700 10px Inter,system-ui,sans-serif}.hud-tip-text{color:var(--text);font-size:14px;line-height:1.45}.tip-marker{border:3px solid var(--accent);box-sizing:border-box;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;animation:1.1s ease-in-out infinite tip-pulse;position:absolute;box-shadow:0 0 14px,inset 0 0 10px}@keyframes tip-pulse{0%,to{opacity:1;transform:scale(.8)}50%{opacity:.45;transform:scale(1.15)}}@media (width<=700px){.hud-tip{width:auto;left:16px;right:16px;bottom:calc(var(--inset-size,140px) + var(--inset-margin,16px) + 130px);transform:none}}.level-grid button{flex-direction:column;gap:3px;display:flex}.level-best{color:var(--gold);font:400 11px ui-monospace,Consolas,monospace}.level-best.none{color:var(--muted)}.score-table{border-collapse:collapse;width:100%;margin:4px 0 12px;font:13px ui-monospace,Consolas,monospace}.score-table thead td{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font:600 10px Inter,system-ui,sans-serif}.score-table td{color:#c3cdea;border-bottom:1px solid #2a365499;padding:4px 6px}.score-table tbody td:nth-child(4){color:var(--gold)}.score-table tr.new td{color:var(--text);background:#7fe7ff14}.score-table td.empty{color:var(--muted);font-style:italic}.score-name{box-sizing:border-box;width:100%;color:var(--text);border:1px solid var(--accent);background:#11172a;border-radius:5px;padding:3px 6px;font:13px ui-monospace,Consolas,monospace}.score-book h2{color:var(--text);margin:14px 0 2px;font-size:13px}.hud-look{text-align:center;color:#ffcc4d;font:11px ui-monospace,Consolas,monospace;position:absolute;bottom:6px;left:0;right:0}.rift-meter{color:#c9f6ff;white-space:nowrap;pointer-events:none;background:#081e28e0;border:1px solid #7fe7ff;border-radius:999px;padding:3px 10px;font:700 12px ui-monospace,Consolas,monospace;position:absolute;transform:translate(-50%,70%)}.hud-threat{color:var(--good);font-weight:700}.hud-threat.danger{color:#ff5a6e;animation:.8s ease-in-out infinite threat-pulse}@keyframes threat-pulse{50%{opacity:.55}}.explain-figure svg{border:1px solid var(--line);background:#0a0e1a;border-radius:8px;width:100%;height:auto;margin:4px 0 10px}.explain-figure .ex-title{fill:var(--text);text-anchor:middle;font:700 12px Inter,system-ui,sans-serif}.explain-figure .ex-path{fill:#7fe7ff0f;stroke:#9fb4e6;stroke-width:2px}.explain-figure .ex-arrow{fill:none;stroke:#9fb4e6;stroke-width:2px}.explain-figure .ex-turn{fill:var(--muted);font:11px ui-monospace,Consolas,monospace}.explain-figure .ex-angle{fill:none;stroke:#ffcc4d;stroke-width:1.5px;stroke-dasharray:3 2}.explain-figure .ex-caption{fill:#c3cdea;text-anchor:middle;font:11px Inter,system-ui,sans-serif}.help-heading{color:var(--text);margin:16px 0 6px;font-size:14px}.connect-choices{gap:10px;margin:6px 0 8px;display:flex}.connect-choices .hud-button{padding:9px 14px;font-size:13px}