:root{--bg: #0a0908;--accent: #c9a227;--accent-dim: #6b5618;--signal: #5fdb7f;--critical: #d04545;--text: #d8d2c4;--text-dim: #6a6258}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden;height:100vh;width:100vw;position:fixed;inset:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.79 0 0 0 0 0.64 0 0 0 0 0.15 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.06;mix-blend-mode:overlay}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 3px)}canvas{display:block;width:100vw;height:100vh;cursor:crosshair}.hud{position:fixed;pointer-events:none;z-index:10;font-size:11px;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}.hud .label{color:var(--text-dim)}.hud .value{color:var(--accent);font-weight:500}.corner{position:fixed;width:20px;height:20px;border:1px solid var(--accent);z-index:11;pointer-events:none}.corner.tl{top:12px;left:12px;border-right:none;border-bottom:none}.corner.tr{top:12px;right:12px;border-left:none;border-bottom:none}.corner.bl{bottom:12px;left:12px;border-right:none;border-top:none}.corner.br{bottom:12px;right:12px;border-left:none;border-top:none}.hud-header{top:24px;left:24px;max-width:360px}.hud-header .title{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:.15em;margin-bottom:4px}.hud-header .subtitle{color:var(--text-dim);font-size:10px;margin-bottom:12px}.hud-header .scene-name{color:var(--signal);font-weight:500;font-size:11px;margin-bottom:8px}.hud-header .desc{color:var(--text);font-size:10px;text-transform:none;letter-spacing:0;line-height:1.5;opacity:.7}.hud-stats{top:24px;right:24px;text-align:right;min-width:220px}.hud-stats .row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}.hud-stats .divider{height:1px;background:var(--accent-dim);margin:8px 0;opacity:.4}.hud-controls{bottom:24px;left:24px}.hud-controls .key{display:inline-block;border:1px solid var(--accent-dim);padding:1px 6px;margin-right:4px;color:var(--accent);font-size:10px}.hud-controls .row{padding:3px 0;color:var(--text-dim)}.hud-tag{bottom:24px;right:24px;text-align:right;color:var(--text-dim)}.hud-tag .v{color:var(--accent)}.scene-selector{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:12;display:flex;gap:6px;padding:8px 10px;background:#0a0908b3;border:1px solid var(--accent-dim);backdrop-filter:blur(6px);pointer-events:auto}.scene-selector button{background:transparent;border:1px solid var(--accent-dim);color:var(--text-dim);padding:6px 12px;font-family:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;min-width:100px}.scene-selector button:hover{color:var(--accent);border-color:var(--accent)}.scene-selector button.active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.scene-selector .num{display:inline-block;margin-right:6px;opacity:.6}.scene-selector button.active .num{opacity:.7}.click-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none;transition:opacity .3s;text-transform:uppercase;letter-spacing:.2em}.click-prompt.hidden{opacity:0}.click-prompt .box{border:1px solid var(--accent);padding:18px 28px;background:#0a0908b3;backdrop-filter:blur(4px)}.click-prompt .main{font-size:13px;color:var(--accent);font-weight:500;margin-bottom:6px}.click-prompt .sub{font-size:10px;color:var(--text-dim);letter-spacing:.1em}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;z-index:15;pointer-events:none;opacity:0;transition:opacity .2s}.crosshair.active{opacity:.5}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--accent)}.crosshair:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.crosshair:after{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.error-screen{position:fixed;inset:0;background:var(--bg);z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.error-screen.show{display:flex}.error-screen .panel{border:1px solid var(--critical);padding:32px;max-width:720px;background:#d045450d}.error-screen h1{color:var(--critical);font-size:14px;font-weight:700;letter-spacing:.2em;margin-bottom:16px;text-transform:uppercase}.error-screen p{color:var(--text);font-size:12px;line-height:1.6;white-space:pre-wrap}.audio-status.active{color:var(--signal)!important}.qr-panel{position:fixed;bottom:16px;right:16px;z-index:30;padding:8px;background:#0a0908d9;border:1px solid var(--accent);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .2s,transform .2s;opacity:.75}.qr-panel:hover{opacity:1;transform:scale(1.04)}.qr-panel img{display:block;width:140px;height:140px;image-rendering:pixelated;background:#f5f1e8}.qr-caption{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--accent);text-transform:lowercase;font-weight:500}.qr-hint{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.18em;color:var(--text-dim);text-transform:uppercase;margin-top:2px}