:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,sans-serif;background:#07111d;color:#f4f0ea}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(235,91,42,.18),transparent 24rem),linear-gradient(180deg,#07111d,#0d1927 52%,#07111d)}button,input,textarea{font:inherit}button{cursor:pointer}.event-page{position:relative;min-height:100vh;overflow:hidden;background:var(--event-background-color, #07111d)}.event-backdrop{position:fixed;inset:0;background:linear-gradient(120deg,rgba(235,91,42,.1),transparent 32%),radial-gradient(circle at 82% 10%,rgba(17,118,157,.18),transparent 18rem);pointer-events:none}.event-shell{position:relative;z-index:1;width:min(1720px,calc(100% - 2.5rem));margin:0 auto;padding:1.25rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1.25rem}.brand-lockup,.topbar-actions,.auth-brand,.auth-field__control{display:flex;align-items:center;gap:.85rem}.brand-logo{width:120px;height:auto;filter:brightness(0) invert(1)}.brand-lockup h2,.stage-copy h1,.side-card h3,.auth-card h1,.player-placeholder h3,.question-card h3{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#f6aa8d}.status-badge,.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem .95rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#fff1e8}.status-badge.is-live{background:#eb5b2a29;border-color:#eb5b2a3d}.status-badge.is-ended{background:#c654492e;border-color:#c6544947}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#ef6842;box-shadow:0 0 #ef68428c;animation:pulse 1.6s infinite}.ghost-button,.primary-button,.auth-button{border:0;border-radius:.8rem;transition:transform .16s ease,opacity .16s ease,background .16s ease}.ghost-button,.primary-button{padding:.85rem 1.1rem}.ghost-button{background:#ffffff14;color:#f8f4ef}.primary-button,.auth-button--primary{background:linear-gradient(135deg,#eb5b2a,#f0834e);color:#fff;font-weight:700}.ghost-button:hover,.primary-button:hover,.auth-button:hover{transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled,.auth-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.content-grid{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(340px,.8fr);gap:1.25rem;align-items:start}.side-card,.auth-card{border:1px solid rgba(255,255,255,.08);background:#07111db8;box-shadow:0 24px 60px #00000042;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.stage-card{display:grid;gap:1.25rem}.stage-copy,.auth-brand-copy,.auth-field,.question-card,.waiting-overlay__content,.countdown-panel{display:grid;gap:.6rem}.stage-copy{max-width:60rem}.stage-copy p,.side-card p,.auth-card p,.player-placeholder p,.countdown-segment span{margin:0;color:#f8f4efc7;line-height:1.55}.video-shell{position:relative}.video-frame{position:relative;border-radius:.9rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0d1927,#060d16);aspect-ratio:16 / 9}.mux-player{width:100%;height:100%}.player-placeholder{display:grid;place-items:center;height:100%;text-align:center;padding:2rem}.stage-overlay,.waiting-overlay{position:absolute;inset:0}.stage-overlay{pointer-events:none}.stage-overlay__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.waiting-overlay{display:grid;place-items:center;padding:clamp(.8rem,4vw,2.5rem);background:linear-gradient(180deg,#050a1142,#050a11d1);text-align:center}.waiting-overlay__content{width:min(100%,52rem)}.waiting-overlay h3{margin:0;font-size:clamp(1.1rem,3vw,2.5rem)}.waiting-overlay p{margin:0;font-size:.8rem}.countdown-panel{justify-items:center;margin-top:.4rem}.countdown-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;width:min(100%,44rem);transform:scale(var(--countdown-scale, 1));transform-origin:center}.countdown-segment{display:grid;gap:.35rem;justify-items:center;padding:1rem .8rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.08);background:#07111dcc}.countdown-segment strong{font-size:clamp(1.5rem,3.6vw,2.35rem);line-height:1}.interaction-rail{display:grid;gap:1rem;align-self:end}.side-card{border-radius:.8rem;padding:.8rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pill{padding:.5rem .85rem;font-size:.88rem}.pill-open{background:#1a7b6729}.pill-closed{background:#8038382e}.question-input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:#ffffff0d;color:#fff;padding:.95rem 1rem;resize:vertical}.question-input::placeholder,.auth-field__control input::placeholder{color:#ffffff6b}.inline-error{border-radius:.85rem;padding:.9rem 1rem;line-height:1.45}.inline-error{background:#a644442e;color:#ffdede}.auth-shell{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03090f9e;z-index:5}.auth-card{width:min(100%,34rem);border-radius:1rem;padding:1.5rem;display:grid;gap:1rem}.auth-card--event{width:min(100%,30rem);padding:1.8rem;gap:1.15rem}.auth-form{display:grid;gap:1rem}.auth-brand-logo{width:3rem;height:3rem;object-fit:contain}.auth-brand-copy strong{margin:0}.auth-field__label{font-size:.84rem;font-weight:600;color:#f5f1ebc7}.auth-field__control{min-height:3.5rem;padding:0 1rem;border:1px solid rgba(255,255,255,.12);border-radius:.8rem;background:#ffffff0a;color:#f5f1eb8f}.auth-field__control:focus-within{border-color:#eb5b2a75;box-shadow:0 0 0 4px #eb5b2a1f;background:#ffffff0f}.auth-field__control input{flex:1 1 auto;width:100%;border:0;padding:8px;background:transparent;color:#fff;box-shadow:none}.auth-field__control input:focus{border-color:transparent;box-shadow:none}.auth-field-icon{width:1.1rem;height:1.1rem;flex:0 0 auto}.auth-button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1rem}.auth-form__submit{margin-top:.25rem}.toast-viewport{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20;width:min(100% - 2rem,24rem)}.toast-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:.85rem;box-shadow:0 18px 44px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.toast-card p{margin:0;line-height:1.45}.toast-card--success{background:#0c2c26f0;color:#dcfff4}.toast-card--error{background:#471919f0;color:#ffe4e4}.toast-close{border:0;background:transparent;color:inherit;font-size:1.15rem;line-height:1}@keyframes pulse{0%{box-shadow:0 0 #ef684273}70%{box-shadow:0 0 0 10px #ef684200}to{box-shadow:0 0 #ef684200}}@media(max-width:1180px){.content-grid,.interaction-rail{grid-template-columns:1fr}}@media(max-width:780px){.event-shell{width:min(100%,calc(100% - 1rem))}h1{font-size:1.5em}.primary-button{margin:0 40px}.topbar,.brand-lockup,.topbar-actions,.section-head{align-items:stretch;align-items:center}.brand-logo{width:100px}.stage-card,.side-card,.auth-card{border-radius:.8rem}.stage-card{padding:0rem;border-radius:0;padding:0;border:0px;Background:none;box-shadow:none}.video-frame{aspect-ratio:16 / 9}.countdown-display{gap:5px;width:80%}.countdown-segment{font-size:10px;gap:0px;padding:10px}.countdown-segment strong{font-size:18px}}