:root{--gunmetal: #23272c;--gunmetal-2: #171a1e;--amber: #ffb020;--amber-dim: #8a5f12;--cold: #7fb4e6;--cold-dim: #2c4a66;--ink: #0b0d10;--panel-bg: rgba(14, 17, 20, .86);--panel-edge: rgba(255, 176, 32, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ink);color:#d7dde3;font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-user-select:none;user-select:none;touch-action:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.stencil{font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.22em}.mono{font-family:Courier New,ui-monospace,Menlo,monospace}.dim{opacity:.55}.hidden{display:none!important}.hud{position:fixed;z-index:10;pointer-events:none}.hud button,.hud a,#vignette-list li{pointer-events:auto}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}#boot.done{opacity:0;pointer-events:none}.boot-box{text-align:center}.boot-title{color:var(--amber);font-size:clamp(20px,4vw,34px);margin-bottom:14px}.boot-line{color:var(--cold);font-size:12px;letter-spacing:.15em;margin-bottom:12px}.boot-bar{width:260px;height:6px;margin:0 auto;border:1px solid var(--amber-dim)}#boot-fill{width:5%;height:100%;background:var(--amber);transition:width .25s ease}#masthead{top:14px;left:16px}#masthead .title{color:var(--amber);font-size:clamp(13px,1.8vw,18px);text-shadow:0 0 14px rgba(255,176,32,.35)}#masthead .readout{color:var(--cold);font-size:10px;letter-spacing:.14em;margin-top:4px}#mode-bar{top:14px;right:16px;display:flex;gap:8px;align-items:center}.hud-btn{background:var(--panel-bg);border:1px solid var(--panel-edge);color:var(--amber);padding:7px 12px;font-size:11px;letter-spacing:.16em;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.hud-btn:hover{background:#ffb02024;box-shadow:0 0 10px #ffb02040}.hud-btn.active{background:var(--amber);color:var(--ink)}.hint{color:#8b98a3;font-size:10px;letter-spacing:.12em}#tour-panel{top:76px;right:16px;width:240px;background:var(--panel-bg);border:1px solid var(--panel-edge);border-left:4px solid var(--amber);padding:10px 12px}.panel-head{color:var(--amber);font-size:11px;margin-bottom:8px}#vignette-list{list-style:none;counter-reset:v}#vignette-list li{counter-increment:v;color:#aeb9c2;font-size:11px;letter-spacing:.08em;padding:6px 4px 6px 30px;position:relative;cursor:pointer;border-left:2px solid transparent}#vignette-list li:before{content:counter(v,decimal-leading-zero);position:absolute;left:4px;color:var(--cold)}#vignette-list li:hover{background:#7fb4e614}#vignette-list li.current{color:var(--amber);border-left-color:var(--amber);background:#ffb02014}#vignette-list li.visited:after{content:"✓";position:absolute;right:6px;color:var(--cold-dim)}.tour-controls{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tour-controls .hud-btn{font-size:10px;padding:5px 8px}#spec-panel{top:76px;right:16px;width:280px;background:var(--panel-bg);border:1px solid rgba(127,180,230,.55);border-left:4px solid var(--cold);padding:12px 14px}#spec-panel .panel-head{color:var(--cold)}.spec-body{font-size:11px;line-height:1.65;color:#c4ced6;letter-spacing:.05em;white-space:pre-line}.spec-body .k{color:#7c8894}.spec-body .v{color:#e8eef3}.spec-body .amber{color:var(--amber)}.spec-body .cold{color:var(--cold)}.spec-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.spec-actions .hud-btn{border-color:#7fb4e68c;color:var(--cold);font-size:10px;padding:5px 8px}.spec-actions .hud-btn:hover{background:#7fb4e624;box-shadow:0 0 10px #7fb4e640}#controls-help{bottom:12px;left:50%;transform:translate(-50%);color:#9aa6b0;font-size:10px;letter-spacing:.1em;background:#0a0c0eb3;padding:6px 12px;border:1px solid rgba(255,255,255,.08);white-space:nowrap;max-width:96vw;overflow:hidden;text-overflow:ellipsis}#crosshair{top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffb020d9}#crosshair:before{left:6px;top:0;width:2px;height:14px}#crosshair:after{top:6px;left:0;height:2px;width:14px}#touch-pad{bottom:58px;left:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.pad-row{display:flex;gap:6px}.pad-btn{width:52px;height:52px;background:var(--panel-bg);border:1px solid var(--panel-edge);color:var(--amber);font-size:16px;pointer-events:auto;touch-action:none}.pad-btn:active{background:var(--amber);color:var(--ink)}#toast{position:fixed;z-index:40;bottom:64px;left:50%;transform:translate(-50%);color:var(--amber);background:var(--panel-bg);border:1px solid var(--panel-edge);font-size:11px;letter-spacing:.12em;padding:8px 14px}@media (max-width: 720px){#tour-panel{width:200px;top:96px;right:10px;padding:8px 10px}#spec-panel{width:min(260px,calc(100vw - 20px));top:auto;bottom:120px;right:10px}#masthead{left:10px;top:10px}#mode-bar{top:52px;left:10px;right:auto;flex-wrap:wrap}.hint{display:none}#controls-help{font-size:9px;bottom:8px}}