:root{color:#f4f1ea;background:#14181f;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;overflow:hidden}.app{position:relative;z-index:1}canvas{display:block;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}.overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.top h1,.top p{margin:0}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:#d7c4a2}.top h1{margin-top:4px;font-size:28px;font-weight:600;text-shadow:0 2px 16px rgba(0,0,0,.45)}.meta{margin-top:6px;display:flex;align-items:center;gap:8px;color:#e7edf5;font-size:14px;text-shadow:0 1px 8px rgba(0,0,0,.45)}.dot{width:8px;height:8px;border-radius:99px;background:#8b93a1}.dot.live{background:#3dd68c}.play{pointer-events:auto;align-self:center;border:0;border-radius:999px;padding:14px 22px;background:#f4f1ea;color:#1b140c;font-weight:650}.dock{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}.events,.actions{display:flex;gap:8px;flex-wrap:wrap}.chip,.actions button{pointer-events:auto;border:1px solid rgba(255,255,255,.16);background:#10141cb8;border-radius:999px;padding:10px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip.selected,.actions .vr{background:#f0d7a2;color:#241c10;border-color:transparent}@media(max-width:720px){.top h1{font-size:22px}.dock{flex-direction:column;align-items:stretch}}