:root{font-family:Inter,system-ui,sans-serif;color:#f8fafc;background:#050711}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#15233d,#050711 55%)}main{max-width:1100px;margin:auto;padding:28px}.activity-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.brand{color:#f0a500;font-weight:900;letter-spacing:.2em}.version{color:#94a3b8;font-size:.65em;letter-spacing:normal}h1{margin:.35rem 0;font-size:clamp(2rem,5vw,4rem)}#status,#title{color:#94a3b8}#fullscreen,#reduce{border:1px solid #f0a500;color:#050711;background:#f0a500;border-radius:12px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer}#fullscreen{margin-bottom:1rem}.player{position:relative;margin-top:24px;min-height:360px;display:grid;place-items:center;border:1px solid #26344c;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 70px #0008}.player-actions{position:absolute;z-index:3;top:10px;left:50%;transform:translate(-50%)}video{display:block;width:100%;max-height:72vh;background:#000;object-fit:contain}#empty{color:#64748b;padding:40px;text-align:center}.fullscreen-mode main{width:100%;max-width:none;min-height:100vh;padding:12px;display:flex;flex-direction:column}.fullscreen-mode .activity-heading{flex:0 0 auto}.fullscreen-mode h1{font-size:clamp(1.5rem,3vw,2.5rem)}.fullscreen-mode .player{flex:1;min-height:0;margin-top:8px;border-radius:8px}.fullscreen-mode video{width:100%;height:100%;max-height:none;object-fit:contain}.fullscreen-mode #title{margin:.4rem 0 0}.viewport-fullscreen{overflow:hidden}.viewport-fullscreen main{position:fixed;inset:0;z-index:9999;width:100%;max-width:none;height:100vh;padding:8px;background:#000;display:flex;flex-direction:column}.viewport-fullscreen .activity-heading,.viewport-fullscreen #title{display:none}.viewport-fullscreen .player{flex:1;width:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}.viewport-fullscreen video{width:100%;height:100%;max-height:none;object-fit:contain}.viewport-fullscreen #reduce{opacity:.72}.viewport-fullscreen #reduce:hover{opacity:1}@media(max-width:600px){main{padding:14px}.activity-heading{align-items:flex-start;flex-direction:column}#fullscreen{margin:0}.fullscreen-mode .brand,.fullscreen-mode h1,.fullscreen-mode #status{display:none}}