:root{--ink:#07143a;--gold:#facc15;--cyan:#22d3ee}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:'Poppins',system-ui,sans-serif;color:#fff;background:radial-gradient(circle at 50% -10%,#1d4a9d,#081744 50%,#03091f);overflow-x:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:1000;color:#8eeafa}.join-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.join-screen h1,.audience-stage h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3rem,9vw,6.5rem);margin:.15rem;text-shadow:0 0 30px #22d3ee77}.join-screen p{max-width:650px;color:#dbeafe}.join-screen form{display:grid;gap:.6rem;width:min(360px,100%);background:#07163f;border:2px solid var(--cyan);border-radius:20px;padding:1.2rem}.join-screen label{font-weight:900}.join-screen input{text-align:center;text-transform:uppercase;letter-spacing:.28em;font-size:2rem;font-weight:1000;padding:.6rem;border-radius:10px;border:0}.join-screen button{min-height:52px;border:0;border-radius:10px;background:#10b981;color:#04291d;font-weight:1000;font-size:1.05rem}.connection{font-weight:800}.audience-screen{min-height:100vh;padding:1rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:.8rem}.audience-header{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}.audience-team{min-height:94px;border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:.8rem 1.2rem;border:2px solid #ffffff66;box-shadow:0 14px 34px #0006}.audience-team--blue{background:linear-gradient(135deg,#0369a1,#06b6d4)}.audience-team--orange{background:linear-gradient(135deg,#ea580c,#ec4899)}.audience-team span{font-size:2.2rem}.audience-team b{font-size:clamp(1rem,2.5vw,1.6rem)}.audience-team strong{font-size:clamp(2.2rem,5vw,3.6rem)}.audience-round{align-self:center;background:#fff;color:var(--ink);border-radius:15px;padding:.7rem 1rem;text-align:center}.audience-round span,.audience-round b{display:block}.audience-round b{color:#075ea8;font-size:.75rem}.audience-status{text-align:center;background:var(--gold);color:var(--ink);border-radius:12px;padding:.65rem 1rem;font-weight:1000;font-size:clamp(1rem,2.2vw,1.35rem)}.audience-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;background:#041337aa;border:2px solid #315caa;border-radius:24px;padding:1.2rem;overflow:hidden}.audience-stage h1{font-size:clamp(2rem,6vw,4.5rem)}.audience-timer{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:7px solid var(--cyan);font-size:2rem;font-weight:1000;margin:.4rem}.audience-board{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:min(900px,100%)}.display-answer{min-height:68px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.8rem;border:2px solid #416cd1;background:#0c2a6b;border-radius:12px;padding:.5rem .8rem;font-size:1.3rem;font-weight:1000;text-align:left}.display-answer .num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#3a5ac0}.display-answer .blank{color:#7189d5;letter-spacing:.3rem;text-align:center}.display-answer.revealed{background:linear-gradient(135deg,#087f9b,#0e7490);border-color:#67e8f9;animation:reveal .55s ease}.display-answer .points{background:var(--gold);color:var(--ink);border-radius:8px;padding:.2rem .7rem}@keyframes reveal{from{transform:rotateX(90deg)}to{transform:none}}.audience-pot{font-size:1.4rem;color:var(--gold);font-weight:1000;margin:.8rem}.audience-strikes{display:flex;gap:1rem}.audience-strikes span{width:50px;height:50px;display:grid;place-items:center;border:3px solid #ef4444;border-radius:10px;color:#ef4444;opacity:.2;font-size:2rem;font-weight:1000}.audience-strikes span.on{opacity:1;background:#ef4444;color:#fff}.audience-fast{width:min(860px,100%)}.fast-meter{height:28px;border:2px solid #416cd1;border-radius:999px;background:#142c6b;overflow:hidden}.fast-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold))}.fast-total{font-size:clamp(3rem,10vw,7rem);font-weight:1000;color:var(--gold)}.fast-results{display:grid;gap:.6rem}.fast-result{display:grid;grid-template-columns:1fr auto;background:#0d2d72;border:2px solid #416cd1;border-radius:11px;padding:.8rem;text-align:left;font-size:1.2rem;font-weight:900}.fast-result strong{color:var(--gold)}.audience-screen footer{text-align:center;color:#bcd5ee;font-size:.8rem}@media(max-width:700px){.audience-header{gap:.4rem}.audience-team{grid-template-columns:1fr;padding:.5rem;text-align:center}.audience-team span{display:none}.audience-team b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audience-round{padding:.4rem}.audience-board{grid-template-columns:1fr}.audience-screen{padding:.5rem}.display-answer{min-height:58px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
[hidden]{display:none!important}
.projector-setup{width:min(620px,100%);background:#07163f;border:2px solid var(--cyan);border-radius:22px;padding:1.2rem}.projector-setup>span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#8eeafa;font-weight:900}.projector-setup>strong{display:block;font-size:clamp(4rem,15vw,8rem);line-height:1.1;letter-spacing:.14em;color:var(--gold)}.projector-setup button,.projector-setup>a{min-height:52px;border:0;border-radius:12px;background:#fff;color:var(--ink);font-weight:1000;padding:.7rem 1rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:.25rem}.projector-setup .private-note{font-size:.85rem;color:#fef3c7}
.transition-big{font-size:clamp(4rem,15vw,9rem);line-height:1;font-weight:1000;color:var(--gold);text-shadow:0 0 35px #facc1588}