:root{--pastel-sky: #a7d8f0;--pastel-cream: #fff6e8;--pastel-coral: #f4a08c;--pastel-mint: #9fd6a8;--mustard: #e0a83c;--studio-black: #16161a;--studio-panel: rgba(22, 22, 26, .82);--amber: #ffb020;--text: #fff8ef;--ui-scale: 1}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12}body{font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;color:var(--text)}canvas{display:block}#app{position:fixed;inset:0}#ui{position:fixed;inset:0;pointer-events:none;font-size:calc(15px * var(--ui-scale))}#ui *{box-sizing:border-box}#boot{position:fixed;inset:0;background:linear-gradient(180deg,#a7d8f0,#cfeaf7 55%,#fff6e8);display:flex;align-items:center;justify-content:center;z-index:60;transition:opacity .6s}#boot.hidden{opacity:0;pointer-events:none}.boot-inner{text-align:center;color:#2b3a46}.boot-title{font-size:34px;letter-spacing:.35em;font-weight:700}.boot-sub{margin-top:8px;letter-spacing:.12em;opacity:.7}.boot-bar{margin:26px auto 0;width:240px;height:6px;background:#2b3a4633;border-radius:3px;overflow:hidden}#boot-fill{height:100%;width:0%;background:#2b3a46;border-radius:3px;transition:width .3s}.hud-quest{position:absolute;top:18px;left:18px;max-width:340px;background:var(--studio-panel);border-left:3px solid var(--mustard);border-radius:6px;padding:10px 14px;backdrop-filter:blur(4px)}.hud-quest .q-title{font-size:.8em;letter-spacing:.18em;color:var(--amber);text-transform:uppercase}.hud-quest .q-obj{margin-top:4px;line-height:1.35}.hud-quest .q-lead{display:none;margin-top:8px;padding:6px 8px;border-radius:5px;background:#ffb02024;color:var(--pastel-cream);font-size:.8em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.hud-quest .q-sub{margin-top:4px;font-size:.85em;opacity:.75}.hud-quest .q-side{display:none;margin-top:7px;padding-top:6px;border-top:1px solid rgba(168,224,198,.25);color:var(--pastel-mint);font-size:.76em;line-height:1.35;letter-spacing:.04em}.hud-quest.updated{animation:quest-update .7s ease-out 2}@keyframes quest-update{0%,to{border-left-color:var(--mustard);box-shadow:none}50%{border-left-color:var(--pastel-mint);box-shadow:0 0 18px #a8e0c66b}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hud-sus{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:10px;background:var(--studio-panel);border-radius:999px;padding:8px 16px 8px 10px;pointer-events:auto;cursor:help}.hud-sus .sus-col{display:flex;flex-direction:column;gap:3px}.hud-sus .sus-label{font-size:.62em;letter-spacing:.22em;opacity:.75;text-align:center}.hud-sus.band-1 .sus-label{color:var(--amber);opacity:1}.hud-sus.band-2 .sus-label{color:#ff8c42;opacity:1}.hud-sus.band-3 .sus-label{color:#ff5040;opacity:1}.hud-sus .eye{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff 0 18%,#86c5e8 19% 55%,#16161a 56% 100%);transition:box-shadow .4s,transform .3s}.hud-sus.band-1 .eye{box-shadow:0 0 8px 2px #ffb0208c}.hud-sus.band-2 .eye{box-shadow:0 0 12px 3px #ff8c28cc}.hud-sus.band-3 .eye{box-shadow:0 0 16px 5px #ff4628f2;animation:pulse 1.1s infinite}@keyframes pulse{50%{transform:scale(1.15)}}.hud-sus .bar{width:110px;height:7px;background:#ffffff29;border-radius:4px;overflow:hidden}.hud-sus .fill{height:100%;width:0%;background:linear-gradient(90deg,var(--pastel-mint),var(--amber),#ff5040);transition:width .25s}.hud-prompt{position:absolute;left:50%;bottom:15%;transform:translate(-50%);text-align:center}.hud-prompt .key{display:inline-block;min-width:1.5em;padding:2px 7px;margin-right:7px;border-radius:5px;background:var(--text);color:var(--studio-black);font-weight:700}.hud-prompt .line{background:var(--studio-panel);padding:8px 14px;border-radius:8px;display:inline-block;margin:3px}.hud-toasts{position:absolute;right:18px;top:72px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{background:var(--studio-panel);border-right:3px solid var(--pastel-mint);padding:9px 14px;border-radius:6px;max-width:320px;animation:slidein .35s ease-out}.toast.secret{border-right-color:var(--amber)}.toast.warn{border-right-color:#ff5040}@keyframes slidein{0%{transform:translate(40px);opacity:0}}.hud-progress{position:absolute;left:50%;bottom:22%;transform:translate(-50%);width:260px;background:var(--studio-panel);border-radius:8px;padding:8px 12px;text-align:center}.hud-progress .pbar{margin-top:6px;height:6px;background:#ffffff26;border-radius:3px;overflow:hidden}.hud-progress .pfill{height:100%;background:var(--amber);width:0%}.letterbox{position:absolute;left:0;right:0;height:0;background:#000;transition:height .7s ease;z-index:30}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.letterbox.on{height:11vh}.pip{position:absolute;left:18px;bottom:18px;border:2px solid var(--amber);border-radius:4px;padding:4px 8px 6px;background:var(--studio-black);display:none}.pip.on{display:block}.pip .pip-label{font-size:.72em;letter-spacing:.2em;color:var(--amber)}.pip .rec{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4040;margin-right:6px;animation:pulse 1s infinite}.vignette{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;transition:opacity 1.2s;background:radial-gradient(ellipse at center,transparent 55%,rgba(120,20,10,.35) 100%)}.vignette.on{opacity:1}.voice-ind{position:absolute;left:50%;bottom:3.2%;transform:translate(-50%);background:var(--studio-panel);border-radius:999px;padding:6px 14px;font-size:.82em;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.voice-ind.on{display:block}.voice-ind .vdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pastel-mint);margin-right:8px;animation:pulse .9s infinite}.voice-ind .vwho{color:var(--amber);font-weight:700;letter-spacing:.06em}.dlg{position:absolute;left:50%;bottom:7%;transform:translate(-50%);width:min(680px,86vw);background:var(--studio-panel);border-radius:12px;padding:16px 20px;pointer-events:auto;backdrop-filter:blur(6px)}.dlg .dlg-name{color:var(--amber);font-weight:700;letter-spacing:.08em;margin-bottom:6px}.dlg .dlg-text{line-height:1.45;min-height:2.7em}.dlg .dlg-hint{text-align:right;opacity:.55;font-size:.8em;margin-top:8px}.dlg .dlg-opts{margin-top:10px;display:flex;flex-direction:column;gap:6px}.dlg .dlg-opt{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:7px;padding:8px 12px;text-align:left;cursor:pointer;font:inherit}.dlg .dlg-opt:hover,.dlg .dlg-opt.sel{background:var(--mustard);color:var(--studio-black)}.dlg .dlg-nav{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.dlg .dlg-nav button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:7px;min-width:40px;padding:6px 10px;cursor:pointer;font:inherit;font-size:.85em}.dlg .dlg-nav button:hover{background:var(--mustard);color:var(--studio-black)}.dlg .dlg-nav button.ok{min-width:56px;font-weight:700;letter-spacing:.08em}.npc-label{position:absolute;transform:translate(-50%,-100%);background:var(--studio-panel);border-radius:999px;padding:3px 11px;font-size:.74em;letter-spacing:.06em;color:var(--pastel-cream);border:1px solid rgba(255,176,32,.35);white-space:nowrap;pointer-events:none}.officer-meter{position:absolute;transform:translate(-50%,-100%);pointer-events:none}.officer-meter .om-bar{width:54px;height:6px;background:#16161ab8;border:1px solid rgba(255,255,255,.28);border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #00000073}.officer-meter .om-fill{height:100%;width:0%;transition:width .25s,background .3s}.officer-meter.hot .om-bar{border-color:#ff5040;box-shadow:0 0 8px 2px #ff462899;animation:pulse .9s infinite}.hud-clock{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--studio-panel);border-radius:10px;padding:6px 16px;pointer-events:auto;cursor:help}.hud-clock .clock-time{font-size:.95em;letter-spacing:.18em;font-variant-numeric:tabular-nums;opacity:.9}.hud-clock .curfew-badge{display:none;font-size:.6em;letter-spacing:.3em;color:#ff5040;font-weight:700}.hud-clock.curfew-on{border:1px solid rgba(255,70,40,.5)}.hud-clock.curfew-on .clock-time{color:#ff8c42}.hud-clock.curfew-on .curfew-badge{display:block;animation:pulse 1.3s infinite}.menu-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0c12b8;pointer-events:auto;z-index:40}.menu-root.title-screen{background:linear-gradient(180deg,#1e283c59,#0a0c12d9)}.menu-card{background:var(--studio-panel);border-radius:14px;padding:28px 34px;min-width:340px;max-width:92vw;max-height:84vh;overflow-y:auto;backdrop-filter:blur(8px)}.menu-card h1{margin:0 0 4px;font-size:26px;letter-spacing:.28em}.menu-card h2{margin:0 0 14px;font-size:15px;letter-spacing:.12em;opacity:.6;font-weight:400}.menu-btn{display:block;width:100%;margin:8px 0;padding:11px 16px;border-radius:8px;border:none;background:#ffffff17;color:var(--text);font:inherit;font-size:1.02em;letter-spacing:.06em;cursor:pointer;text-align:left}.menu-btn:hover,.menu-btn.sel{background:var(--mustard);color:var(--studio-black)}.menu-btn.save-error{background:#ff504033;color:#ffb0a6}.menu-btn:disabled{opacity:.35;cursor:default}.menu-btn:disabled:hover{background:#ffffff17;color:var(--text)}.slot-grid{display:grid;gap:8px;margin:14px 0;min-width:min(440px,78vw)}.slot-btn{display:flex;flex-direction:column;gap:4px}.slot-name{font-weight:700;letter-spacing:.12em}.slot-meta{font-size:.76em;letter-spacing:.02em;opacity:.7;line-height:1.35}.slot-btn:hover .slot-meta{opacity:.9}.menu-error{margin:12px 0;padding:9px 11px;border:1px solid rgba(255,80,64,.6);border-radius:7px;color:#ff9b8f;font-size:.82em;line-height:1.4}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px 0}.menu-row label{opacity:.85}.menu-row input[type=range]{width:150px;accent-color:var(--mustard)}.menu-row .bindkey{min-width:74px;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:6px;padding:5px 8px;font:inherit;cursor:pointer}.menu-row .bindkey.listening{background:var(--amber);color:var(--studio-black)}.menu-note{font-size:.8em;opacity:.55;margin-top:12px;line-height:1.4}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px;width:min(720px,80vw)}.ev-card{background:#fff6e80f;border:1px solid rgba(255,176,32,.35);border-radius:8px;padding:10px 12px}.ev-card .ev-t{color:var(--amber);font-weight:700;font-size:.9em}.ev-card .ev-d{font-size:.82em;opacity:.8;margin-top:5px;line-height:1.35}.ev-card.major{border-color:#ff5040}.ev-empty{opacity:.5;font-style:italic;margin-top:14px}.ending-root{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity 2.2s;pointer-events:auto}.ending-root.on{opacity:1}.ending-root.white{background:#f4f9fc;color:#1c2530}.ending-inner{max-width:640px;text-align:center;padding:20px}.ending-inner h1{letter-spacing:.3em;font-size:24px}.ending-inner p{line-height:1.6;opacity:.85}#dev{position:fixed;top:4px;left:4px;color:#0f0;font:12px monospace;display:none;z-index:70;background:#0000008c;padding:4px 6px;border-radius:4px;white-space:pre}.fader{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1.4s;z-index:45}.fader.on{opacity:1}@media(max-width:640px){.hud-quest{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;max-width:none;padding:8px 10px}.hud-quest .q-title{font-size:.68em}.hud-quest .q-obj{font-size:.9em}.hud-quest .q-sub,.hud-quest .q-lead{font-size:.72em}.hud-clock{top:auto;bottom:calc(8px + env(safe-area-inset-bottom));left:8px;transform:none;padding:5px 10px}.hud-sus{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));padding:6px 10px 6px 7px}.hud-sus .bar{width:82px}.hud-toasts{top:calc(154px + env(safe-area-inset-top));right:8px;left:8px;align-items:stretch}.toast{max-width:none;font-size:.82em}.hud-prompt{bottom:20%;width:92vw}.hud-prompt .line{font-size:.84em}}@media(prefers-reduced-motion:reduce){.hud-quest.updated,.hud-sus.band-3 .eye,.hud-clock.curfew-on .curfew-badge,.officer-meter.hot .om-bar{animation:none!important}}