@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--bg-soft:#0c121fc7;--bg-strong:#080b13eb;--line:#ffffff14;--line-strong:#ffffff24;--text:#f3f5fb;--text-soft:#f3f5fbb8;--text-muted:#f3f5fb85;--accent:#ff8d3c;--accent-soft:#ff8d3c33;--surface-shadow:0 24px 60px #0000005c}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#4675ff38,#0000 36%),radial-gradient(circle at 80% 15%,#ff8d3c2e,#0000 28%),linear-gradient(#07101d 0%,#04060c 55%,#020307 100%);font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.shell{min-height:100svh;padding:clamp(.9rem,2vw,1.5rem)}.scene-shell{min-height:calc(100svh - clamp(1.8rem,4vw,3rem));box-shadow:var(--surface-shadow);background:radial-gradient(circle at 50% 40%,#ffffff0f,#0000 18%),radial-gradient(circle at 50% 72%,#4675ff1f,#0000 26%),linear-gradient(#070b14e0,#03050af5);border:1px solid #ffffff14;border-radius:clamp(1.4rem,3vw,2rem);position:relative;overflow:hidden}.scene-backdrop{pointer-events:none;opacity:.65;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 82%);mask-image:radial-gradient(circle,#000 28%,#0000 82%)}.canvas-stage,.canvas-stage canvas{width:100%;height:100%;position:absolute;inset:0}.menu-toggle{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:2.65rem;color:var(--text);cursor:pointer;background:#070b14b8;border-radius:999px;align-items:center;gap:.55rem;padding:0 .95rem;transition:transform .16s,border-color .16s,background-color .16s,opacity .16s;display:inline-flex;position:absolute;top:clamp(1rem,2vw,1.4rem);right:clamp(1rem,2vw,1.4rem)}.menu-toggle:hover{border-color:#ff8d3c59;transform:translateY(-1px)}.menu-toggle-dot{background:linear-gradient(#ffb16b,#ff8d3c);border-radius:50%;width:.56rem;height:.56rem;box-shadow:0 0 12px #ff8d3c73}.hud{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#070b14d1,#070b1475);border-radius:1.25rem;width:min(28rem,100% - 2rem);padding:clamp(1rem,2vw,1.4rem);transition:transform .22s,opacity .22s,visibility .22s;position:absolute;top:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem)}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .4rem;font-size:.78rem}.hud h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,7vw,4.8rem);line-height:.9}.lede{max-width:30ch;color:var(--text-soft);margin:.85rem 0 1.1rem;font-size:.98rem;line-height:1.5}.status-line,.meta-strip,.keyboard-help{flex-wrap:wrap;align-items:center;gap:.55rem .8rem;display:flex}.status-line{margin-bottom:.7rem}.status-pill{min-height:2.1rem;color:var(--text);letter-spacing:.02em;background:#ffffff14;border-radius:999px;align-items:center;padding:.35rem .8rem;font-size:.88rem;font-weight:700;display:inline-flex}.status-detail,.meta-strip,.keyboard-help,.sequence-line{color:var(--text-soft);font-size:.92rem}.meta-strip{border-top:1px solid var(--line);padding-top:.85rem}.hud-actions{margin-top:.9rem}.keyboard-help{margin-top:.85rem}.keyboard-help span{align-items:center;gap:.35rem;display:inline-flex}kbd{border:1px solid var(--line-strong);min-height:1.75rem;color:var(--text);background:#ffffff0f;border-bottom-width:2px;border-radius:.6rem;justify-content:center;align-items:center;padding:.15rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}.scene-shell.menu-collapsed .hud{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-1.25rem,-1.25rem)scale(.98)}.scene-shell.menu-collapsed .menu-toggle{background:#ff8d3c1f;border-color:#ff8d3c47}.action-row{flex-wrap:wrap;gap:.7rem;display:flex}.action-button{color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:999px;transition:transform .16s,background-color .16s,border-color .16s,opacity .16s}.action-button:hover{transform:translateY(-1px)}.action-button{background:#ffffff14;min-height:2.7rem;padding:0 1rem}.action-button.accent{background:linear-gradient(#ff8d3c3d,#ff8d3c1f);border-color:#ff8d3c66}.action-button.muted{color:var(--text-soft)}.sequence-line{border-top:1px solid var(--line);color:var(--text-muted);margin:.9rem 0 0;padding-top:.85rem}button:disabled{cursor:not-allowed;opacity:.45;transform:none}@media (width<=920px){.scene-shell{aspect-ratio:auto;min-height:auto}.hud{width:min(100%,34rem)}}@media (width<=700px){.shell{padding:0}.scene-shell{border-inline:0;border-radius:0;min-height:100svh}.hud{top:max(1rem, env(safe-area-inset-top));width:auto;left:1rem;right:1rem}.menu-toggle{top:max(1rem, env(safe-area-inset-top));right:1rem}}@media (prefers-reduced-motion:reduce){.action-button{transition:none}}