:root{color-scheme:light dark;--bg: #ffffff;--fg: #000000}@media (prefers-color-scheme: dark){:root{--bg: #000000;--fg: #ffffff}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg)}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.stage{position:fixed;inset:0;z-index:0;background:var(--bg);touch-action:none}.stage canvas{image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.scroller{position:fixed;inset:0;z-index:1;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;background:transparent}.page{width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}.hud{position:fixed;inset:0;z-index:3;pointer-events:none;color:var(--fg);font-family:Silkscreen,monospace;text-transform:uppercase}.hud-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 20px);left:calc(env(safe-area-inset-left,0px) + 20px);font-size:9px;font-weight:700;letter-spacing:.4em;opacity:.45}.hud-bottom{position:absolute;left:calc(env(safe-area-inset-left,0px) + 20px);bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.hud-idx{font-size:10px;font-weight:400;letter-spacing:.25em;opacity:.5;margin-bottom:9px}.hud-idx span{opacity:.6}.hud-name{font-size:30px;font-weight:700;line-height:.92;letter-spacing:.01em;opacity:.92}.veil{position:fixed;inset:0;z-index:2;background:var(--bg);display:grid;place-items:center;transition:opacity .8s ease}.veil.hidden{opacity:0;pointer-events:none}.veil .dot{width:7px;height:7px;border-radius:50%;background:var(--fg);opacity:.35;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.7);opacity:.2}50%{transform:scale(1);opacity:.5}}