:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1310;--text:#d9e2da;--dim:#8a978c;--accent:#7fc97f;--panel:#0e1310d1;--edge:#d9e2da29}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;touch-action:none;margin:0;font:14px/1.45 system-ui,sans-serif;overflow:hidden}#stage{width:100%;height:100%;display:block}#hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:fixed;inset:0}#hud button,#hud a,#hud input,#hud select{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px}.btn{font:inherit;color:var(--text);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:6px;padding:6px 11px}.btn:hover,.btn.accent{border-color:var(--accent);color:var(--accent)}.btn.accent:hover{background:var(--accent);color:var(--bg)}.btn[hidden]{display:none}.top-left{flex-direction:column;gap:6px;max-width:min(46vw,24rem);display:flex;position:absolute;top:14px;left:14px}.status{font-variant-numeric:tabular-nums;padding:7px 11px}.status .here{color:var(--accent);font-weight:600}.status .link{color:var(--dim)}.status .link.bad{color:#c98a7f}.top-right{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:14px;right:14px}.notices{flex-direction:column;gap:6px;max-width:min(70vw,34rem);display:flex;position:absolute;bottom:96px;left:14px}.notice{color:var(--dim);padding:6px 10px;font-size:12.5px}.notice b{color:var(--text);font-weight:600}.hint{color:var(--dim);text-align:center;padding:10px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrubber{align-items:center;gap:10px;width:min(92vw,40rem);padding:9px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scrubber[hidden]{display:none}.scrubber .time{color:var(--dim);font-variant-numeric:tabular-nums;min-width:8.5rem;font-size:12.5px}.scrubber input[type=range]{accent-color:var(--accent);background:0 0;flex:1;height:26px}.scrubber select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--edge);border-radius:6px;padding:5px 6px}.stick{border:1px solid var(--edge);pointer-events:auto;touch-action:none;background:#0e131073;border-radius:50%;width:132px;height:132px;position:absolute;bottom:26px;left:26px}.stick-knob{border:1px solid var(--accent);background:#7fc97f47;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.provenance{pointer-events:auto;width:min(90vw,24rem);max-height:62vh;padding:12px 14px;position:absolute;top:62px;right:14px;overflow:auto}.provenance[hidden]{display:none}.provenance h2{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 8px;font-size:13px;font-weight:600}.provenance dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;display:grid}.provenance dt{color:var(--dim)}.provenance dd{word-break:break-word;margin:0}.provenance pre{white-space:pre-wrap;word-break:break-word;color:var(--dim);margin:6px 0 0;font-size:12px}.perf{color:var(--dim);white-space:pre;padding:8px 10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:18px;right:14px}.perf[hidden]{display:none}@media (max-width:640px){.scrubber{gap:7px;width:calc(100vw - 28px);padding:8px;bottom:12px}.scrubber .time{min-width:0;font-size:11px}.notices{max-width:calc(100vw - 28px);bottom:196px}.top-left{max-width:calc(100vw - 28px);top:60px}.btn{padding:6px 9px;font-size:13px}.stick{width:116px;height:116px;bottom:84px;left:18px}.provenance{max-height:46vh;top:108px}.hint{display:none}}