:root{color-scheme:dark;--bg: #07080a;--surface: #12141a;--surface-2: #1a1d26;--border: rgba(255, 255, 255, .1);--text: #f4f4f5;--muted: #a1a1aa;--accent: #0ea5e9;--accent-soft: rgba(14, 165, 233, .22);--accent-glow: rgba(14, 165, 233, .42);--accent-on: #ffffff;--danger: #ef4444;--bottom-h: 64px;--chat-col: min(380px, 36vw);--chat-bg: #07080a;--ease-out: cubic-bezier(.22, 1, .36, 1);font-family:Outfit,Segoe UI,system-ui,sans-serif;line-height:1.45;background:#000;color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;min-height:100dvh;background:#000}body{overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.viewer-shell{width:100%;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:0;margin:0;background:#000;overflow:hidden}.viewer-loading{margin:auto;padding:24px 16px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:500}.viewer-main{flex:1;display:grid;grid-template-columns:1fr;min-height:0;min-width:0;width:100%;margin:0;padding:0;background:#000}@media(min-width:960px){.viewer-main.with-chat-open{grid-template-columns:1fr var(--chat-col)}.viewer-shell.chat-open .viewer-bottom-bar{right:var(--chat-col)}}.viewer-stage{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1;width:100%;height:100%;margin:0;padding:0 0 var(--bottom-h);background:#000;border-radius:0;overflow:hidden}.player-wrap{position:relative;background:#000;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;margin:0;padding:0;overflow:hidden;border-radius:0}.player-wrap.has-poster,.player-wrap.is-live{height:100%;min-height:0}.player-wrap iframe{border:0;display:block;background:#000;border-radius:0}.player-placeholder{position:absolute;inset:0;overflow:hidden;background:#0a0b0d}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.player-poster-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 18%,var(--accent-soft),transparent 52%),radial-gradient(ellipse at 80% 80%,rgba(255,255,255,.04),transparent 40%),linear-gradient(165deg,#151821,#07080a 72%)}.player-placeholder-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px calc(var(--bottom-h) + 20px);text-align:center;background:linear-gradient(180deg,#00000047,#00000073 42%,#000000c7);gap:14px}.player-event-label{margin:0;max-width:min(92%,28rem);padding:0 4px;font-size:clamp(.72rem,3.2vw,.9rem);font-weight:600;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;color:#ffffffc7;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-wrap:balance}@media(max-width:640px){.player-event-label{letter-spacing:.02em;-webkit-line-clamp:4;max-width:94%}}.player-status{margin:0;font-size:clamp(1rem,2.6vw,1.2rem);font-weight:600;letter-spacing:.01em;color:#fffffff0}.scene-tabs{display:none}.viewer-bottom-bar{position:fixed;left:0;right:0;bottom:0;min-height:var(--bottom-h);z-index:40;display:flex;flex-direction:column;justify-content:center;gap:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#08090cd1;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-shadow:0 -16px 48px #00000073}.viewer-bottom-title{display:none;margin:0;min-width:0;font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bottom-main{display:flex;align-items:center;gap:10px;min-width:0;width:100%}.viewer-bottom-scenes{display:flex;gap:8px;justify-content:flex-start;align-items:center;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.viewer-bottom-scenes--empty{flex:1 1 auto;-webkit-mask-image:none;mask-image:none}.viewer-bottom-scenes::-webkit-scrollbar{display:none}.scene-tab{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;border-radius:999px;padding:8px 14px;white-space:nowrap;font-size:.82rem;font-weight:500;flex-shrink:0;max-width:42vw;overflow:hidden;text-overflow:ellipsis;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .16s var(--ease-out)}.scene-tab:hover:not(:disabled):not(.active){background:#ffffff1a;border-color:#fff3;color:#fff}.scene-tab.active{border-color:transparent;background:var(--accent);color:var(--accent-on);font-weight:600;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 8px 20px var(--accent-glow)}.scene-tab:active:not(:disabled){transform:scale(.98)}.viewer-bottom-actions{display:flex;gap:8px;flex:0 0 auto;justify-content:flex-end;align-items:center}.bottom-btn-label-full{display:none}.bottom-btn-label-short{display:inline}@media(min-width:720px){:root{--bottom-h: 72px}.viewer-bottom-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.viewer-bottom-title{display:block}.viewer-bottom-main{display:contents}.viewer-bottom-scenes{justify-content:center;flex:0 1 auto;-webkit-mask-image:none;mask-image:none;padding:0 8px}.viewer-bottom-actions{justify-self:end}.scene-tab{max-width:none;font-size:.88rem;padding:9px 18px}.bottom-btn-label-full{display:inline}.bottom-btn-label-short{display:none}}.chat-backdrop{display:none}.chat-panel{position:relative;background:var(--chat-bg);display:flex;flex-direction:column;min-height:0;height:100%;align-self:stretch;border-radius:0;overflow:hidden}.chat-panel.is-closed{display:none!important}.chat-panel iframe{position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border:0;border-radius:0;background:var(--chat-bg)}@media(min-width:960px){.chat-panel{border-left:1px solid rgba(255,255,255,.08);max-height:100dvh}}@media(max-width:959px){.chat-backdrop{display:block;position:fixed;inset:0;background:#0000008c;border:0;z-index:25;cursor:pointer}.chat-panel.is-open{display:flex;position:fixed;left:0;right:0;bottom:var(--bottom-h);height:min(55vh,480px);max-height:min(55vh,480px);border-top:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;z-index:30;box-shadow:0 -12px 40px #0006}}.bottom-btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe0;border-radius:999px;padding:9px 16px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.bottom-btn:hover:not(:disabled):not(.active){background:#ffffff1a;border-color:#fff3;color:#fff}.bottom-btn.active{border-color:transparent;background:var(--accent);color:var(--accent-on);font-weight:600;box-shadow:0 8px 22px var(--accent-glow)}.toolbar{display:flex;gap:8px;padding:12px 16px;align-items:center;justify-content:space-between}.btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);border-radius:12px;padding:11px 18px;font-weight:500;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out)}.btn:hover:not(:disabled){background:#ffffff1a}.btn-primary{background:var(--accent);border-color:transparent;color:var(--accent-on);font-weight:600;box-shadow:0 10px 28px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.ops-banner{margin:10px 12px 0;padding:10px 14px;border-radius:12px;background:#ffc1071f;border:1px solid rgba(255,193,7,.35);text-align:center;font-size:.875rem;font-weight:500;position:relative;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:fade-in .18s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay-card{background:linear-gradient(165deg,#1a1d26,#12141a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 28px 80px #0000008c}.overlay-card h2{margin:0 0 10px;font-size:1.25rem;font-weight:650;letter-spacing:-.01em}.overlay-card p{margin:0 0 18px;color:var(--muted);font-size:.95rem}.overlay-card .btn{margin-top:4px}.countdown-block{display:flex;flex-direction:column;align-items:center;gap:16px}.countdown{display:flex;align-items:stretch;justify-content:center;gap:clamp(.45rem,2vw,.9rem)}.countdown-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(3.1rem,14vw,4.6rem);padding:14px 12px 12px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0f}.countdown-value{font-size:clamp(1.7rem,6.5vw,2.75rem);font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1;color:#fff}.countdown-label{margin-top:.5rem;font-size:clamp(.62rem,2vw,.72rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;line-height:1}.muted{color:var(--muted);margin:0}