:root{--hud-ink: #9fdcff;--hud-ink-dim: rgba(159, 220, 255, .55);--hud-ink-faint: rgba(159, 220, 255, .28);--hud-ember: #ffb35c;--hud-glass: rgba(6, 14, 30, .55);--hud-glass-strong: rgba(6, 14, 30, .82);--hud-line: rgba(120, 200, 255, .22);--hud-line-strong: rgba(140, 215, 255, .5);--hud-mono: "Share Tech Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--hud-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#02040a;color:var(--hud-ink);font-family:var(--hud-mono);overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%;cursor:grab}#stage canvas:active{cursor:grabbing}.hud{position:fixed;inset:0;pointer-events:none;z-index:2}.hud>*{pointer-events:auto}.hud[hidden]{display:none}.hud-btn{font:500 11px/1 var(--hud-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hud-ink-dim);background:var(--hud-glass);border:1px solid var(--hud-line);border-radius:6px;padding:9px 12px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.hud-btn:hover{color:var(--hud-ink);border-color:var(--hud-line-strong)}.hud-btn:focus-visible{outline:1px solid var(--hud-ink);outline-offset:2px}.hud-btn[aria-pressed=true]{color:#e9f7ff;border-color:var(--hud-line-strong);background:#1e5aaa59;box-shadow:0 0 14px #46aaff59,inset 0 0 10px #46aaff2e}.hud-btn.icon{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:15px;letter-spacing:0}.hud-tl{position:absolute;top:calc(16px + var(--safe-t));left:calc(16px + var(--safe-l));display:flex;gap:8px;align-items:center}.hud-mark{display:flex;align-items:center;gap:10px;margin-right:6px;font:600 13px/1 var(--hud-display);letter-spacing:.32em;color:var(--hud-ink);text-shadow:0 0 12px rgba(90,190,255,.6)}.hud-mark svg{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(90,190,255,.8))}.hud-tr{position:absolute;top:calc(20px + var(--safe-t));right:calc(20px + var(--safe-r));text-align:right}.hud-status{font-size:11px;letter-spacing:.22em;color:var(--hud-ink);text-shadow:0 0 10px rgba(90,190,255,.7)}.hud-status b{font-weight:400;color:#e9f7ff}.hud-status .dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;background:var(--hud-ink);box-shadow:0 0 8px var(--hud-ink);animation:hud-pulse 1.6s ease-in-out infinite;vertical-align:1px}.hud-status[data-mood=thinking] .dot,.hud-status[data-mood=speaking] .dot{background:var(--hud-ember);box-shadow:0 0 8px var(--hud-ember)}.hud-meta{margin-top:6px;font-size:10px;letter-spacing:.16em;color:var(--hud-ink-faint)}@keyframes hud-pulse{50%{opacity:.35}}.hud-dock{position:absolute;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);display:flex;gap:6px;align-items:center;padding:6px;border:1px solid var(--hud-line);border-radius:10px;background:#040a1873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}.hud-dock::-webkit-scrollbar{display:none}.hud-dock .sep{width:1px;align-self:stretch;background:var(--hud-line);margin:2px}.hud-menu{position:absolute;bottom:calc(76px + var(--safe-b));left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 24px));padding:12px;border:1px solid var(--hud-line-strong);border-radius:10px;background:var(--hud-glass-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-menu[hidden]{display:none}.hud-menu h2{margin:0 0 10px;font:500 10px/1 var(--hud-mono);letter-spacing:.24em;color:var(--hud-ink-dim)}.hud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.hud-grid .hud-btn{text-align:center}.hud-row{display:flex;gap:6px;margin-top:10px}.hud-input{flex:1;min-width:0;font:12px var(--hud-mono);letter-spacing:.06em;color:#e9f7ff;background:#020814b3;border:1px solid var(--hud-line);border-radius:6px;padding:8px 10px}.hud-input:focus{outline:none;border-color:var(--hud-line-strong)}.hud-panel{position:absolute;top:calc(64px + var(--safe-t));left:calc(16px + var(--safe-l));width:236px;padding:12px 14px;border:1px solid var(--hud-line-strong);border-radius:10px;background:var(--hud-glass-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-panel[hidden]{display:none}.hud-panel h2{margin:0 0 8px;font:500 10px/1 var(--hud-mono);letter-spacing:.24em;color:var(--hud-ink-dim)}.hud-panel label{display:grid;grid-template-columns:54px 1fr 38px;gap:8px;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--hud-ink-dim);margin:6px 0}.hud-panel output{text-align:right;color:var(--hud-ink)}.hud-panel input[type=range]{width:100%;accent-color:#59c3ff}.hud-hint{position:absolute;left:50%;bottom:calc(78px + var(--safe-b));transform:translate(-50%);font-size:10px;letter-spacing:.2em;color:var(--hud-ink-faint);white-space:nowrap;transition:opacity 1.2s;pointer-events:none}.hud-hint.gone{opacity:0}.intro{position:fixed;inset:0;z-index:3;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#0a1e4659,#010308eb 70%);transition:opacity .9s ease,visibility .9s}.intro.gone{opacity:0;visibility:hidden}.intro-card{text-align:center;padding:24px}.intro-title{font:600 clamp(26px,6vw,44px)/1 var(--hud-display);letter-spacing:.55em;margin-right:-.55em;color:#dff4ff;text-shadow:0 0 24px rgba(80,180,255,.75)}.intro-sub{margin-top:14px;font-size:11px;letter-spacing:.32em;color:var(--hud-ink-dim)}.intro-btn{margin-top:34px;font:500 12px/1 var(--hud-mono);letter-spacing:.4em;color:#e9f7ff;background:#14469640;border:1px solid var(--hud-line-strong);border-radius:999px;padding:14px 30px 14px 34px;cursor:pointer;box-shadow:0 0 22px #3ca0ff59,inset 0 0 14px #3ca0ff33;animation:intro-breathe 2.8s ease-in-out infinite}.intro-btn:focus-visible{outline:1px solid var(--hud-ink);outline-offset:4px}@keyframes intro-breathe{50%{box-shadow:0 0 34px #3ca0ff99,inset 0 0 18px #3ca0ff4d}}.intro-foot{margin-top:26px;font-size:10px;letter-spacing:.2em;color:var(--hud-ink-faint)}.fatal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:12px;letter-spacing:.12em;color:var(--hud-ink-dim)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.hud-mark span{display:none}.hud-dock{flex-wrap:wrap;justify-content:center;overflow:visible;width:calc(100vw - 24px)}.hud-dock .sep,.hud-hint{display:none}.hud-menu{bottom:calc(112px + var(--safe-b))}.hud-btn{padding:9px 10px;letter-spacing:.1em}.hud-panel{left:12px;right:12px;width:auto}.hud-hint{white-space:normal;text-align:center;width:90vw}}@media(prefers-reduced-motion:reduce){.intro-btn,.hud-status .dot{animation:none}}