:root{--bg: #0e0e10;--fg: #f2f0eb;--muted: #6b6862;--accent: #ff7a5c}@media(prefers-color-scheme:light){:root{--bg: #f2f0eb;--fg: #1a1a1a;--muted: #8a867e;--accent: #ff5a36}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#stage canvas{display:block;width:100%;height:100%}.hud{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:24px;font-size:12px;letter-spacing:.08em;pointer-events:none}.mark{color:var(--fg)}.hud-top{position:fixed;top:0;left:0;padding:24px;font-size:12px;letter-spacing:.08em}.date{font-weight:600;color:var(--fg)}.scene-picker-rail{position:fixed;left:0;top:50%;transform:translateY(-50%);padding-left:24px;font-size:12px;letter-spacing:.08em}.scene-picker{position:relative;width:70px;height:14px;cursor:pointer;pointer-events:auto}.scene-picker-viewport{position:absolute;left:0;right:0;top:50%;height:100px;transform:translateY(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 38%,black 62%,transparent);mask-image:linear-gradient(to bottom,transparent,black 38%,black 62%,transparent)}.scene-picker-track{position:absolute;left:0;right:0;top:50%}.scene-picker-item{position:absolute;left:0;right:0;top:0;text-align:left;color:var(--fg);text-transform:uppercase;white-space:nowrap;opacity:0;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1),color .2s}.scene-picker-item.is-active{opacity:.92}.scene-picker:hover .scene-picker-item{opacity:var(--op, 1)}.links{display:flex;gap:8px;pointer-events:auto}.links a{color:var(--muted);text-decoration:none;transition:color .2s cubic-bezier(.22,1,.36,1)}.links a:hover{color:var(--accent)}.icon-link{display:inline-flex;align-items:center}.icon-link svg{width:14px;height:14px;display:block}.fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:14px;letter-spacing:.1em}@media(max-width:480px){.hud,.hud-top{padding:16px}.scene-picker-rail{left:auto;right:0;top:0;transform:none;padding-top:16px;padding-right:16px}.scene-picker-item{text-align:right}}