*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}img,video{max-width:100%;display:block}:root{--color-arena-black:#050607;--color-arena-white:#f7f9fa;--color-arena-teal:#18a7a7;--color-arena-teal-strong:#0b6f73;--color-arena-cyan:#7ddde0;--color-arena-red:#d71920}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#050607;--color-surface:#101416;--color-surface-strong:#171d20;--color-border:#283237;--color-text:#f7f9fa;--color-text-muted:#aab5bb;--color-primary:#18a7a7;--color-primary-strong:#7ddde0;--color-success:#35c486;--color-danger:#d71920;--shadow-soft:0 24px 80px #00000059}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f4f7f8;--color-surface:#fff;--color-surface-strong:#e8eef0;--color-border:#c9d4d8;--color-text:#111719;--color-text-muted:#536168;--color-primary:#0b8e93;--color-primary-strong:#08696d;--color-success:#35c486;--color-danger:#c4121a;--shadow-soft:0 20px 70px #061f2329}.client-screen{background:linear-gradient(90deg, #18a7a71f, transparent 32%), var(--color-background);width:100vw;height:100vh;min-height:520px;color:var(--color-text);grid-template-rows:auto 1fr auto;padding:clamp(20px,4vw,56px);display:grid;position:relative}.client-screen:after{background:linear-gradient(90deg, var(--color-primary), var(--color-danger));content:"";width:min(44vw,520px);height:10px;position:absolute;bottom:0;right:0}.client-screen--blocked,.client-screen--offline{background:linear-gradient(90deg, #d719201f, transparent 34%), var(--color-background)}.client-screen--allowed{background:linear-gradient(90deg, #18a7a729, transparent 34%), var(--color-background)}.client-screen__topbar{z-index:1;justify-content:space-between;align-items:center;gap:24px;display:flex}.client-screen__actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.arena-logo{color:var(--color-text);align-items:center;gap:14px;font-size:1rem;font-weight:700;display:inline-flex}.arena-logo img{width:150px;height:auto}.arena-logo--compact img{width:118px}.arena-logo--compact span{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.theme-switch{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-radius:8px;grid-template-columns:repeat(2,minmax(74px,1fr));gap:4px;padding:4px;display:inline-grid}.theme-switch__button{min-height:36px;color:var(--color-text-muted);background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:.84rem;font-weight:700}.theme-switch__button.is-active{background:var(--color-primary);color:#031012}.approval-hero{z-index:1;grid-template-columns:minmax(180px,.38fr) minmax(0,.62fr);align-items:center;gap:clamp(28px,6vw,96px);width:min(1180px,100%);margin:0 auto;display:grid}.approval-hero--single{grid-template-columns:1fr}.approval-hero__brand{place-items:center;min-height:240px;display:grid}.approval-hero__brand img{filter:drop-shadow(0 26px 50px #0000003d);width:min(360px,100%);height:auto}.approval-hero__content{max-width:720px}.approval-hero h1{max-width:780px;color:var(--color-text);margin:22px 0 18px;font-size:clamp(3rem,7vw,7.6rem);font-weight:850;line-height:.95}.approval-hero p{max-width:680px;color:var(--color-text-muted);margin:0;font-size:clamp(1.05rem,1.8vw,1.45rem)}.connection-status{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.connection-status__dot{background:var(--color-primary);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:50%}.connection-status--blocked .connection-status__dot,.connection-status--offline .connection-status__dot{background:var(--color-danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 22%, transparent)}.realtime-status{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);min-height:36px;color:var(--color-text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.realtime-status__dot{background:var(--color-text-muted);border-radius:50%;width:9px;height:9px}.realtime-status--connected{color:var(--color-text)}.realtime-status--connected .realtime-status__dot{background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 18%, transparent)}.realtime-status--warning .realtime-status__dot{background:var(--color-primary-strong)}.realtime-status--error .realtime-status__dot{background:var(--color-danger)}.realtime-status small{color:var(--color-text-muted);font-size:.76rem;font-weight:800}.device-summary{z-index:1;border:1px solid var(--color-border);background:var(--color-border);width:min(1180px,100%);box-shadow:var(--shadow-soft);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin:0 auto;display:grid;overflow:hidden}.device-summary div{background:color-mix(in srgb, var(--color-surface) 96%, transparent);min-width:0;padding:clamp(10px,1.8vw,12px)}.device-summary span{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:8px;font-size:.62rem;font-weight:600;display:block}.device-summary strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.8rem,1.2vw,1.05rem);font-weight:700;display:block;overflow:hidden}.primary-action{background:var(--color-primary);color:#031012;border:0;border-radius:8px;min-height:44px;margin-top:28px;padding:0 20px;font-weight:850}.status-screen{background:linear-gradient(135deg, #18a7a729, transparent 42%), var(--color-background);width:100vw;height:100vh;color:var(--color-text);place-items:center;padding:32px;display:grid}.status-panel{text-align:center;justify-items:center;gap:18px;max-width:640px;display:grid}.status-panel__eyebrow{color:var(--color-text-muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.status-panel h1{margin:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.98}.status-panel__loader{border:5px solid color-mix(in srgb, var(--color-primary) 20%, transparent);border-top-color:var(--color-primary);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.client-screen{min-height:640px;overflow-y:auto}.client-screen__topbar{flex-direction:column;align-items:flex-start}.client-screen__actions{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;width:100%}.realtime-status{flex:1;min-width:min(220px,100%)}.approval-hero{grid-template-columns:1fr;align-content:center;gap:20px;padding:40px 0}.approval-hero__brand{justify-items:start;min-height:auto}.approval-hero__brand img{width:min(260px,78vw)}.approval-hero h1{font-size:clamp(2.8rem,15vw,5.2rem)}.device-summary{grid-template-columns:1fr}}.player-stage{width:100vw;height:100vh;color:var(--color-text);-webkit-user-select:none;user-select:none;background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.player-stage--cursor-idle{cursor:none}.player-media{background:#000;width:100vw;height:100vh}.player-video{display:block}.player-video--active{z-index:1;position:relative}.player-video--prepared{z-index:0;opacity:0;pointer-events:none;position:absolute;inset:0}.player-media--contain{object-fit:contain}.player-media--cover{object-fit:cover}.player-media--stretch{object-fit:fill}.player-media--original{object-fit:none;width:auto;max-width:none;height:auto;max-height:none}.player-fallback{text-align:center;background:linear-gradient(135deg,#18a7a724,#0000 38%),#050607;justify-items:center;gap:42px;width:100%;min-height:100%;padding:clamp(28px,5vw,72px);display:grid}.player-fallback__logo{align-self:start;align-items:flex-start}.player-fallback__logo img{width:min(320px,72vw)}.player-fallback__content{align-self:start;justify-items:center;gap:22px;display:grid}.player-fallback h1{color:#f7f9fa;max-width:880px;margin:0;font-size:clamp(2.6rem,6vw,6.8rem);font-weight:850;line-height:.96}.player-connection-overlay{z-index:3;color:#f7f9fa;letter-spacing:0;background:#050607b8;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:8px 12px;font-size:.82rem;font-weight:850;display:inline-flex;position:absolute;bottom:clamp(16px,2.5vw,32px);right:clamp(16px,2.5vw,32px)}.player-connection-overlay__dot{background:var(--color-danger);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #d719202e}.queue-warmup{z-index:5;color:#f7f9fa;background:#050607;place-items:center;padding:clamp(24px,5vw,72px);display:grid;position:absolute;inset:0}.queue-warmup__panel{text-align:center;justify-items:center;gap:14px;width:min(620px,100%);display:grid}.queue-warmup__panel span{color:var(--color-primary-strong);text-transform:uppercase;font-size:.82rem;font-weight:900}.queue-warmup__panel h1{margin:0;font-size:clamp(2rem,5vw,4.6rem);line-height:1}.queue-warmup__bar{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;width:min(520px,100%);height:12px;overflow:hidden}.queue-warmup__bar div{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), var(--color-success));height:100%;transition:width .22s}.queue-warmup__panel strong{font-size:.92rem}.queue-warmup__panel small{color:#f7f9fab3;font-size:.78rem;font-weight:800}