:root{color-scheme:dark;--void: #070707;--type: #efe7d8;--mute: #8d867a;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--void);color:var(--type)}body{overflow:hidden;user-select:none;-webkit-user-select:none}.theater{height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;padding:14px 14px 22px;gap:10px}.chrome{width:min(100%,420px);display:flex;justify-content:space-between;align-items:baseline}.chrome.top{display:grid;grid-template-columns:1fr auto 1fr}.chrome.top .studio{justify-self:start}.chrome.top .count{justify-self:center}.chrome.top .swap{justify-self:end}.chrome.bottom{display:block}.studio{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif}.count,.place,.swap{font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;color:var(--mute)}.swap{text-decoration:none;letter-spacing:.08em;text-transform:uppercase}.logline{margin:8px 0 4px;font-size:18px;line-height:1.25;letter-spacing:-.02em}.place{margin:0}.stage{width:min(100%,420px);aspect-ratio:9 / 16;max-height:calc(100dvh - 150px);position:relative;overflow:hidden;border-radius:18px;box-shadow:0 0 0 1px #ffffff14}.paper,.stage-media{display:block;width:100%;height:100%;object-fit:cover}.caption{position:absolute;left:16px;right:16px;bottom:18px;margin:0;padding:8px 12px;text-align:center;font-size:20px;line-height:1.2;letter-spacing:-.03em;text-shadow:0 1px 12px rgb(0 0 0 / 55%);background:#0000006b;border-radius:10px}.beats{width:min(100%,420px);display:grid;grid-template-columns:2fr 1.2fr 1.8fr;gap:4px}.beat{display:block;height:2px;background:#ffffff24;border-radius:2px;overflow:hidden}.beat span{display:block;height:100%;background:var(--type);width:0}.hint{position:fixed;right:18px;top:50%;margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);writing-mode:vertical-rl}.weather{pointer-events:none;position:absolute;inset:0}.rain{background-image:repeating-linear-gradient(-18deg,transparent,transparent 8px,rgb(255 255 255 / 18%) 8px,rgb(255 255 255 / 18%) 9px);animation:fall .7s linear infinite}.stage.wind .paper{animation:gust 1.1s ease-in-out infinite}@keyframes fall{0%{background-position:0 0}to{background-position:12px 28px}}@keyframes gust{50%{transform:translate(1.5%) rotate(-.4deg)}}.empty{display:grid;place-items:center;height:100dvh}@media(prefers-reduced-motion:reduce){.rain,.stage.wind .paper{animation:none}}