:root{--void: #080614;--void-2: #0e0b22;--ink: #eef0ff;--ink-dim: #8a90b8;--ink-faint: #5b5f86;--horde: #ff3d6a;--horde-soft: #ff6b9d;--gold: #ffd23f;--keep: #2fe0c4;--glass: rgba(16, 13, 34, .62);--glass-line: rgba(255, 255, 255, .1);--glass-spec: rgba(255, 255, 255, .14);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.screen{position:fixed;inset:0}[hidden]{display:none!important}.gate{display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + 20px) 18px calc(env(safe-area-inset-bottom) + 20px);background:radial-gradient(120% 80% at 50% -10%,#1a1440 0%,transparent 60%),linear-gradient(180deg,#0c0920,#070512);overflow:hidden}.gate-glow{position:absolute;inset:-40% -10% auto;height:70%;background:radial-gradient(60% 100% at 50% 0%,rgba(255,61,106,.22),transparent 70%);filter:blur(20px);pointer-events:none}.gate-inner{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;text-align:center}.eyebrow{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--ink-dim)}.wordmark{margin:0;display:flex;flex-direction:column;line-height:.86;font-weight:900;letter-spacing:-.01em;font-size:clamp(38px,12vw,58px);background:linear-gradient(180deg,#fff,#ffe08a 42%,#d98a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.wordmark span{background:linear-gradient(180deg,#ffd8e4,#ff5a7a,#b81f45);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:2px 0 16px;font-size:13px;color:var(--ink-dim)}label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint)}input{width:100%;font:900 34px/1 var(--mono);text-align:center;text-transform:uppercase;letter-spacing:12px;padding:14px;border:1px solid var(--glass-line);border-radius:12px;background:#0a0818cc;color:var(--ink)}input:focus{outline:none;border-color:var(--horde);box-shadow:0 0 0 3px #ff3d6a2e}input::placeholder{color:#2a2646}button{font:800 15px/1 var(--sans);letter-spacing:.08em;padding:16px;border:none;border-radius:14px;background:var(--horde);color:#fff;touch-action:manipulation}button.primary{background:linear-gradient(180deg,#ff5a7a,#e01e4a);box-shadow:0 8px 22px #e01e4a66,inset 0 1px #ffffff4d}button:active{transform:translateY(1px)}button:disabled{background:#ffffff0f;color:var(--ink-faint);box-shadow:none}button.ghost{background:transparent;border:1px solid var(--glass-line);color:var(--ink-dim)}button.small{padding:8px 14px;font-size:12px}.msg{margin:4px 0 0;min-height:16px;font-size:12px;color:var(--horde-soft);text-align:center}.rotate{display:none;position:fixed;inset:0;z-index:20;background:var(--void);align-items:center;justify-content:center;text-align:center;padding:24px}.rotate-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.rotate-inner strong{font:800 19px/1.3 var(--sans);color:var(--ink)}.rotate-inner span{font-size:13px;color:var(--ink-dim);max-width:26ch}.phone-icon{width:34px;height:58px;border:2px solid var(--horde);border-radius:6px;animation:tip 2.2s ease-in-out infinite}@keyframes tip{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:portrait){body.playing .rotate{display:flex}body.playing #console{visibility:hidden}}.console{background:var(--void)}#map{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;z-index:3;pointer-events:none}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:14px;box-shadow:0 6px 20px #00000059,inset 0 1px 0 var(--glass-spec);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-top{top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 12px);display:flex;align-items:center;gap:9px;padding:8px 14px;font-family:var(--mono);font-size:11px;letter-spacing:.12em}.callsign{color:var(--ink-dim)}.callsign b{color:var(--gold);letter-spacing:.08em}.hud-top .wave{color:var(--ink);padding-left:12px;margin-left:4px;border-left:1px solid var(--glass-line)}.spacer{width:2px}.dot{width:8px;height:8px;border-radius:50%;background:#35304f;flex:none;box-shadow:0 0 8px currentColor;color:#35304f}.dot.open{background:var(--keep);color:var(--keep)}.dot.connecting{background:var(--gold);color:var(--gold)}.dot.closed{background:var(--horde);color:var(--horde)}.hud-energy{left:calc(env(safe-area-inset-left) + 12px);bottom:calc(env(safe-area-inset-bottom) + 12px);width:min(46%,320px);padding:9px 14px 11px}.energy-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.energy-title{font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--ink-dim)}.energy-val{font:900 15px/1 var(--mono);color:var(--gold)}.energy-bar{height:10px;border-radius:6px;background:#0006;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.energy-bar i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#ffb52e,#ffe14d);box-shadow:0 0 12px #ffd23f99;transition:width .16s ease}.hud-energy.broke .energy-bar i{background:linear-gradient(90deg,#ff3d6a,#ff6b9d);box-shadow:0 0 12px #ff3d6a99}.hud-voice{pointer-events:auto;bottom:calc(env(safe-area-inset-bottom) + 12px);left:calc(env(safe-area-inset-left) + min(46%,320px) + 24px);width:52px;height:52px;display:grid;place-items:center;padding:0}.mic-glyph{width:12px;height:18px;border-radius:6px;background:var(--ink-dim);position:relative}.mic-glyph:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);width:2px;height:6px;background:var(--ink-dim);box-shadow:-5px -3px 0 -1px var(--ink-dim),5px -3px 0 -1px var(--ink-dim)}.hud-voice:active{transform:translateY(1px)}.prep{top:calc(env(safe-area-inset-top) + 58px);left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:8px 16px;white-space:nowrap;border-radius:999px}.prep-label{font-family:var(--mono);font-size:9px;letter-spacing:.2em;color:var(--ink-dim)}.prep strong{font:900 22px/1 var(--mono);color:var(--gold);min-width:2ch;text-align:center}.prep-sub{font-size:10px;color:var(--ink-dim)}.prep.soon strong{color:var(--horde-soft)}.coach{bottom:calc(env(safe-area-inset-bottom) + 78px);right:calc(env(safe-area-inset-right) + 74px);max-width:44%;text-align:right;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink-faint);transition:opacity .4s ease}.coach.gone{opacity:0}.shake{animation:shake .16s}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.hud-energy.shake{animation:shakep .2s}@keyframes shakep{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sheet{position:fixed;inset:0;z-index:5;background:linear-gradient(180deg,#0d0a22,#070512);padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);display:flex;flex-direction:column;gap:10px;overflow-y:auto;touch-action:pan-y}.sheet header{display:flex;justify-content:space-between;align-items:center;font:800 13px/1 var(--sans);letter-spacing:.16em;color:var(--ink)}.hint{margin:0;font-size:12px;color:var(--ink-dim)}.rec-wrap{display:flex;justify-content:center;padding:10px 0}.rec{position:relative;width:128px;height:128px;border-radius:50%;border:2px solid var(--horde);background:transparent;color:var(--horde-soft);font:900 15px/1 var(--sans);letter-spacing:.14em;overflow:hidden;box-shadow:0 0 24px #ff3d6a40}.rec.live{background:#ff3d6a2e}.rec i{position:absolute;inset:0;background:#ff3d6a4d;transform:scaleY(0);transform-origin:bottom;transition:transform 60ms linear;pointer-events:none}.rec span{position:relative;z-index:1}.presets,.assign-row{display:flex;gap:8px;flex-wrap:wrap}.chip{flex:1 1 auto;min-width:72px;padding:12px 8px;font:800 11px/1 var(--sans);letter-spacing:.06em;background:#ffffff0a;border:1px solid var(--glass-line);color:var(--ink-dim);border-radius:10px}.chip.on{border-color:var(--ink);color:var(--ink);background:#ffffff14}.chip.big{padding:15px 8px;border-color:var(--body, var(--glass-line));color:var(--ink)}.chip:disabled{opacity:.35}#library{margin-top:8px}.lib-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 6px;font:800 11px/1 var(--sans);letter-spacing:.1em}.lib-head span{display:flex;align-items:center;gap:8px}.lib-head .blob{width:16px;height:16px;border-radius:50%;background:var(--body, var(--horde));display:inline-block}.lib-head em{font:400 10px/1 var(--mono);color:var(--ink-dim);font-style:normal}.lib-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--glass-line)}.lib-row .dur{font:400 11px/1 var(--mono);color:var(--ink)}.lib-row .tag{flex:1;font:400 9px/1 var(--mono);letter-spacing:.14em;color:var(--ink-dim)}.empty{margin:0;font-size:12px;color:var(--ink-faint)}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation:none!important}}