:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hud-bg:#0e151c8f;--hud-border:#ffffff21;--hud-text:#f2f7faeb;--hud-muted:#cddbe5a8;--crimson:#c91422;--crimson-glow:#c9142257;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#0d151c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.stage{width:100vw;height:100vh;position:relative;overflow:hidden}#gpu-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#gpu-canvas:active{cursor:grabbing}.hud{z-index:10;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px);transition:opacity .35s,transform .35s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body.zen-mode .hud{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.hud-telemetry{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(16px);color:var(--hud-text);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:11px;display:inline-flex;box-shadow:0 8px 28px #00000038}.rec-dot{background:#e11d2e;border-radius:50%;width:6px;height:6px;transition:opacity .2s,background .2s,box-shadow .2s;box-shadow:0 0 8px #e11d2ed9}.hud.is-paused .rec-dot{box-shadow:none;background:#f2f7fa8c}.hud-mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Monaco,monospace;font-weight:500}.hud-sep{color:var(--hud-muted)}.hud-phase{color:var(--hud-muted);white-space:nowrap}.hud-controls{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(16px);border-radius:999px;flex-wrap:nowrap;justify-content:center;gap:4px;padding:5px 8px;display:flex;box-shadow:0 10px 32px #00000040}.control-group{border-right:1px solid #ffffff1a;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.control-group:last-child{border-right:none}.hud-btn{appearance:none;color:var(--hud-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.hud-btn:hover{color:var(--hud-text);background:#ffffff14}.hud-btn.is-active{color:#fff;background:#ffffff26;border-color:#ffffff38}.hud-btn-accent{color:#ffd7dc;background:#b9101e5c;border-color:#e42d3c6b}.hud-btn-accent:hover{color:#fff;background:#cd14248f}.fallback-banner{z-index:50;background:radial-gradient(circle at 50% 35%,#1c2c38,#0b1117);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.fallback-banner[hidden]{display:none}.fallback-card{color:#eef4f8;text-align:center;background:#0f1720d9;border:1px solid #ffffff24;border-radius:16px;max-width:460px;padding:28px 32px}.fallback-card h1{margin:0 0 10px;font-size:20px;font-weight:600}.fallback-card p{color:#dce8f0cc;margin:0;font-size:14px;line-height:1.55}.fallback-reload{appearance:none;color:#fff;cursor:pointer;background:#b9101e6b;border:1px solid #e42d3c85;border-radius:999px;margin-top:18px;padding:8px 18px;font-size:13px;font-weight:500;transition:background .15s}.fallback-reload:hover{background:#cd1424a6}.fallback-reload[hidden]{display:none}@media (max-width:820px){.hud-controls{border-radius:18px;flex-wrap:wrap}}@media (max-width:720px){.hud-phase{display:none}.control-group{border-right:none}}