:root{--void:#060407;--ember:#ff8a3d;--bone:rgba(245,243,242,.92);--ash:rgba(255,255,255,.55);--dust:rgba(255,255,255,.38);--hair:rgba(255,245,235,.09);--ember-edge:rgba(255,138,61,.3);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}html{background:var(--void)}body{overflow-x:hidden}#root{min-height:100svh}.page{position:relative;min-height:340svh}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.stage canvas{display:block}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.floor{position:fixed;inset:auto 0 0 0;height:45svh;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 100%,rgba(255,138,61,.12),transparent 65%)}.dom{position:relative;z-index:2}.hud{position:fixed;top:18px;left:18px;z-index:4;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ember)}.hud .dim{color:var(--dust)}.beat{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(22px,6vw,90px);max-width:60ch}.beat .k{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:16px}.beat h1{font-size:clamp(2.4rem,8vw,5rem);line-height:1.02;font-weight:800;letter-spacing:-.01em;color:var(--bone)}.beat p{margin-top:18px;font-size:15px;line-height:1.7;color:var(--ash);font-family:var(--mono)}.beat.end{align-items:flex-start}.fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:22px}.fallback .mark{width:min(58vw,300px);height:min(58vw,300px);border:2px solid var(--ember-edge);transform:rotate(45deg);position:relative;display:flex;align-items:center;justify-content:center}.fallback .mark:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid var(--ember-edge)}.fallback .mark span{transform:rotate(-45deg);font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}.fallback h2{font-size:clamp(1.6rem,5vw,2.6rem);font-weight:800;color:var(--bone);text-transform:uppercase;letter-spacing:.02em}.fallback p{font-family:var(--mono);font-size:13px;color:var(--ash);max-width:38ch;line-height:1.7}.enable{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a0508;background:var(--ember);border:none;padding:15px 28px;min-height:48px;cursor:pointer}.enable:hover{background:#ffa05e}.note{font-family:var(--mono);font-size:11px;color:var(--dust);letter-spacing:.06em}@media(prefers-reduced-motion:reduce){.grain{opacity:.3}}