:root{--pixel: "Geist Pixel", ui-monospace, monospace;--bg: #05070e;--frame: #0b1120;--line: #1d2740;--ink: #e7ecf7;--dim: #8b9ab8;--cyan: #22c9e0;--amber: #ffb545;--green: #3ddc84;--chip-border: #2b3a5c;--dot: rgba(139, 154, 184, .16);--dot-strong: rgba(34, 201, 224, .14);--vignette: rgba(0, 0, 0, .55)}:root[data-theme=day]{--bg: #dfe5f2;--frame: #eef2f9;--line: #c3ccdc;--ink: #2a3348;--dim: #697899;--cyan: #0d84cc;--amber: #b06f0c;--green: #1f9d55;--chip-border: #b3c0da;--dot: rgba(42, 51, 72, .16);--dot-strong: rgba(13, 132, 204, .12);--vignette: rgba(120, 134, 159, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;cursor:var(--cursor-arrow, default);background:var(--bg);color:var(--ink);font-family:var(--pixel);-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none;transition:background-color .4s ease}#cabinet{height:100%;display:grid;place-items:center;background-color:var(--bg);background-image:radial-gradient(circle,var(--dot-strong) 1px,transparent 1px),radial-gradient(circle,var(--dot) 1px,transparent 1px);background-size:48px 48px,8px 8px;background-position:center}#cabinet:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,var(--vignette) 100%)}#stage{position:relative;line-height:0;outline:2px solid var(--line)}canvas#scene{display:block;image-rendering:pixelated;background:var(--frame);touch-action:none}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{pointer-events:auto}#loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background-color:var(--bg);background-image:radial-gradient(circle,var(--dot-strong) 1px,transparent 1px),radial-gradient(circle,var(--dot) 1px,transparent 1px);background-size:48px 48px,8px 8px;background-position:center;transition:opacity .45s ease}#loading.done{opacity:0;pointer-events:none}#loading[hidden]{display:none}.load-box{width:min(18rem,calc(100% - 3rem));text-align:center;font-family:ui-monospace,monospace}.load-brand{margin:0 0 1.1rem;font-size:13px;letter-spacing:.42em;text-indent:.42em;color:var(--cyan)}.load-bar{height:10px;padding:2px;border:1px solid var(--chip-border);background:var(--frame)}.load-bar>i{display:block;width:0;height:100%;background:var(--cyan);transition:width .3s ease}.load-msg{margin:.7rem 0 0;font-size:10px;letter-spacing:.24em;color:var(--dim)}.hud{position:absolute;z-index:5;display:flex;gap:.35rem;align-items:flex-start;line-height:normal}.hud.tl{top:.5rem;left:.5rem}.hud.tr{top:.5rem;right:.5rem;flex-wrap:nowrap;align-items:stretch;justify-content:flex-end}.hud.tr>*{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.hud.tr>*[hidden]{display:none}#btn-hint{min-width:2.2rem}.mini.cta{color:var(--cyan);background:var(--frame)}.mini.cta:hover,.mini.cta:focus-visible{color:var(--bg);background:var(--cyan)}#ask{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#03050a99}:root[data-theme=day] #ask{background:#d2dcee9e}#ask[hidden]{display:none}.ask-panel{width:min(22rem,calc(100% - 2rem));padding:1rem;background:var(--frame);border:2px solid var(--cyan)}.ask-q{margin:0 0 .9rem;font-size:clamp(14px,4vw,16px);line-height:1.4;color:var(--ink)}.ask-options{display:flex;flex-direction:column;gap:.4rem}.choice{width:100%;font-family:var(--pixel);font-size:12px;line-height:1;padding:.53rem .7rem .47rem;color:var(--cyan);background:var(--frame);border:1px solid var(--cyan);cursor:var(--cursor-hand, pointer);text-align:left}.choice:hover,.choice:focus-visible{color:var(--bg);background:var(--cyan)}@media(max-width:560px){.choice{font-size:11px}}#pad{position:absolute;z-index:7;bottom:.45rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;align-items:center}#pad[hidden]{display:none}.padbtn{width:3rem;height:2.5rem;display:grid;place-items:center;font-family:var(--pixel);font-size:14px;line-height:1;color:var(--cyan);background:var(--frame);border:1px solid var(--chip-border);cursor:var(--cursor-hand, pointer);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.padbtn[hidden]{display:none}.padbtn.fire{width:4.2rem;color:var(--amber)}.padbtn.fire.go{width:5.4rem;font-size:11px;border-color:var(--amber)}.padbtn:active,.padbtn:focus-visible{color:var(--bg);background:var(--cyan)}.padbtn.fire:active{background:var(--amber)}@media(pointer:coarse){.padbtn{width:4.8rem;height:3.4rem;font-size:17px}.padbtn.fire{width:4rem}.padbtn.fire.go{width:6rem}}#settings{position:absolute;z-index:6;top:2.6rem;right:.5rem;display:flex;flex-direction:column;gap:.3rem;padding:.4rem;background:var(--frame);border:1px solid var(--cyan)}#settings[hidden]{display:none}.mini.wide{width:100%;justify-content:space-between;text-align:left}.mini.link{display:flex;align-items:center;text-decoration:none}.hotspot{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:var(--cursor-hand, pointer);-webkit-tap-highlight-color:transparent}.hotspot:focus{outline:none}.hotspot:focus-visible{outline:2px dashed var(--amber);outline-offset:2px}.mini{cursor:var(--cursor-hand, pointer);font-family:var(--pixel);font-size:11px;line-height:1;padding:.53rem .7rem .47rem;color:var(--dim);background:var(--frame);border:1px solid var(--chip-border);cursor:pointer}.mini:hover,.mini:focus-visible{color:var(--cyan);border-color:var(--cyan)}#btn-sound{min-width:8.5rem}.vol{display:inline-flex;align-items:center;gap:.5rem;cursor:default}.vol:hover{color:var(--dim);border-color:var(--line)}#vol-num{min-width:2.2ch;text-align:right;color:var(--ink)}#vol{-webkit-appearance:none;appearance:none;width:5.5rem;height:12px;background:transparent;cursor:pointer}#vol::-webkit-slider-runnable-track{height:4px;background:var(--line);border:0}#vol::-moz-range-track{height:4px;background:var(--line);border:0}#vol::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:12px;margin-top:-4px;background:var(--cyan);border:0;border-radius:0}#vol::-moz-range-thumb{width:10px;height:12px;background:var(--cyan);border:0;border-radius:0}#vol:focus-visible{outline:2px dashed var(--cyan);outline-offset:3px}#fps{font-family:var(--pixel);font-size:11px;line-height:1;padding:.53rem .7rem .47rem;color:var(--dim);background:var(--frame);border:1px dotted var(--chip-border);min-width:5rem;text-align:center;font-variant-numeric:tabular-nums}#overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#03050ac7}:root[data-theme=day] #overlay{background:#d2dceecc}#overlay[hidden]{display:none}#panel{width:min(32rem,100%);max-height:min(86vh,46rem);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--frame);border:2px solid var(--cyan);padding:clamp(1rem,4vw,1.75rem);box-shadow:0 0 40px -10px #22c9e080}.narrator{margin:0 0 1.1rem;padding:.5rem .7rem;font-size:15px;line-height:1.45;color:var(--dim);background:#22c9e00f;border-left:3px solid var(--cyan)}:root[data-theme=day] .narrator{background:#0d84cc12}.kicker{font-family:var(--pixel);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem}#panel h2{font-family:var(--pixel);font-size:clamp(16px,4.6vw,22px);line-height:1.6;margin:0 0 1rem}#panel h2 em{font-style:normal;color:var(--cyan)}#panel h3{font-family:var(--pixel);font-size:14px;line-height:1.6;margin:1.4rem 0 .5rem;color:var(--cyan)}#panel h4{font-family:var(--pixel);font-size:13px;line-height:1.6;margin:1.1rem 0 .4rem}#panel p{margin:0 0 .8rem;font-family:var(--pixel);font-size:clamp(15px,4vw,17px);line-height:1.5;color:var(--ink)}#panel p.dim{color:var(--dim)}#panel p.live{color:var(--green)}.tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .9rem}.tags span{font-family:var(--pixel);font-size:11px;line-height:1.4;padding:.4rem;color:var(--dim);border:1px solid var(--line)}.rows{margin:0 0 1rem;font-family:var(--pixel);font-size:15px}.rows div{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px dashed var(--line)}.rows dt{font-family:var(--pixel);font-size:11px;color:var(--dim);padding-top:.35rem}.rows dd{margin:0;text-align:right}.rows a,#panel p a{color:var(--cyan);text-decoration:none}#panel .actions,#panel .cta{display:flex;gap:.5rem;margin-top:1.2rem}.btn{cursor:var(--cursor-hand, pointer);flex:1 1 auto;font-family:var(--pixel);font-size:13px;line-height:1.5;padding:.9rem .8rem;text-align:center;text-decoration:none;color:var(--bg);background:var(--cyan);border:2px solid var(--cyan);cursor:pointer}.btn:hover,.btn:focus-visible{filter:brightness(1.15)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--dim) var(--frame);scrollbar-width:thin}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background-color:var(--frame);background-image:repeating-linear-gradient(to bottom,var(--chip-border) 0 1px,transparent 1px 4px);border-left:1px solid var(--chip-border)}::-webkit-scrollbar-track:horizontal{background-image:repeating-linear-gradient(to right,var(--chip-border) 0 1px,transparent 1px 4px);border-left:0;border-top:1px solid var(--chip-border)}::-webkit-scrollbar-thumb{background-color:var(--dim);border:1px solid var(--bg);background-image:linear-gradient(to bottom,transparent calc(50% - 4px),var(--bg) calc(50% - 4px) calc(50% - 3px),transparent calc(50% - 3px) calc(50% - 1px),var(--bg) calc(50% - 1px) 50%,transparent 50% calc(50% + 2px),var(--bg) calc(50% + 2px) calc(50% + 3px),transparent calc(50% + 3px))}::-webkit-scrollbar-thumb:hover{background-color:var(--cyan)}::-webkit-scrollbar-thumb:active{background-color:var(--cyan);border-color:var(--cyan)}::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment{display:block;height:14px;background-color:var(--frame);border:1px solid var(--chip-border);background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:vertical:start:decrement{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="5" shape-rendering="crispEdges"%3E%3Crect x="3" y="0" width="2" height="1" fill="%238b9ab8"/%3E%3Crect x="2" y="1" width="4" height="1" fill="%238b9ab8"/%3E%3Crect x="1" y="2" width="6" height="1" fill="%238b9ab8"/%3E%3Crect x="0" y="3" width="8" height="1" fill="%238b9ab8"/%3E%3C/svg%3E')}::-webkit-scrollbar-button:vertical:end:increment{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="5" shape-rendering="crispEdges"%3E%3Crect x="0" y="1" width="8" height="1" fill="%238b9ab8"/%3E%3Crect x="1" y="2" width="6" height="1" fill="%238b9ab8"/%3E%3Crect x="2" y="3" width="4" height="1" fill="%238b9ab8"/%3E%3Crect x="3" y="4" width="2" height="1" fill="%238b9ab8"/%3E%3C/svg%3E')}::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:horizontal{display:none}::-webkit-scrollbar-corner{background:var(--frame)}#static{max-width:44rem;margin:0 auto;padding:2rem 1.25rem;font-family:var(--pixel);font-size:16px;line-height:1.5}#static h1{font-family:var(--pixel);font-size:22px;line-height:1.6}@media(prefers-reduced-motion:reduce){html,body{transition:none}}@media(max-width:560px){.mini{font-size:10px;padding:.5rem}#btn-sound{min-width:0}.hud.tr{max-width:calc(100% - 5rem)}#vol{width:4.5rem}#overlay{align-items:flex-end;padding:0}#panel{width:100%;max-height:82vh;border-width:2px 0 0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}#panel .actions{position:sticky;bottom:0;background:var(--frame);padding-top:.6rem;margin-top:.8rem}}@media(max-height:420px){.hud.tl,.hud.tr{top:.3rem}}