@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d21;--panel:#11182f;--gold:#f7c75b;--muted:#8b96b4;--line:#28324c;--blue:#4489ff;--red:#ff5771;--heading:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 28% 30%,#14265c 0,transparent 50%),var(--bg);color:#f5f6ff;font:13px var(--body);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#19233c;color:#dce5fb;border-radius:7px;padding:11px 13px;transition:background .2s,border-color .2s,transform .2s}button:hover{background:#263454;border-color:#647696}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}input,select,textarea{background:#090f22;color:#f2f4ff;border:1px solid var(--line);border-radius:6px;padding:11px;width:100%}select{text-overflow:ellipsis}h1,h2,h3,p{margin-top:0}h2{font:700 26px var(--heading);margin:4px 0 0;letter-spacing:.3px}h3{font:600 22px var(--heading)}[hidden]{display:none!important}.topbar{height:88px;max-width:1640px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:relative;z-index:2}.brand{display:flex;gap:8px;align-items:center;font:800 16px/1 var(--heading);letter-spacing:1px;color:#f6d87b}.brand b{color:white;letter-spacing:4px}.brand-number{font:900 49px/.9 var(--heading);letter-spacing:-2px;text-shadow:0 3px #7f531c}.show-label{letter-spacing:3px;font-size:10px;color:#9da9c6}.top-actions{display:flex;gap:8px;align-items:center}.live{font-size:9px;letter-spacing:1.4px;display:flex;gap:8px;align-items:center;margin-right:14px}.live i,.console-dot,.console-footer i{width:6px;height:6px;background:#64dfbb;border-radius:50%;box-shadow:0 0 10px #64dfbb70}.live i{background:#ff4b69;box-shadow:0 0 10px #ff4b6970}.icon-button{padding:7px;width:33px;font-size:18px;background:transparent}.studio-lights{pointer-events:none;position:fixed;inset:0;overflow:hidden;opacity:.3}.studio-lights i{position:absolute;top:-200px;left:10%;width:300px;height:950px;background:linear-gradient(#4574f430,transparent);transform:rotate(24deg);filter:blur(30px)}.studio-lights i:nth-child(2){left:35%;transform:rotate(-30deg)}.studio-lights i:nth-child(3){left:70%;transform:rotate(15deg)}.studio-lights i:nth-child(4){left:90%;transform:rotate(-25deg)}main{position:relative;max-width:1640px;margin:auto;padding:28px 36px 16px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch}.stage{position:relative;min-height:660px;overflow:hidden;border:1px solid #40578c;border-radius:16px;background:radial-gradient(ellipse at 50% 10%,#163c86 0,#0d2049 46%,#080f25 90%);box-shadow:0 20px 70px #0005,inset 0 1px 1px #8eb3ff40}.stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#77a1f530 1px,transparent 1px);background-size:7px 7px;mask-image:linear-gradient(#000,transparent 90%);pointer-events:none}.stage:after{content:'';position:absolute;inset:10px;border:1px solid #6b8dc124;border-radius:10px;pointer-events:none}.stage-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#91a4c9}.multiplier{font:700 12px var(--heading);letter-spacing:1.5px;color:var(--gold);border:1px solid #f7c75b50;padding:6px 12px;border-radius:30px;background:#e8ac2510}.welcome{text-align:center;position:relative;z-index:1;padding:20px 20px 64px}.small-stars{font-size:9px;letter-spacing:4px;color:#d4b779}.hero-logo{width:min(88%,520px);height:260px;object-fit:contain;margin:15px auto 0;display:block;filter:drop-shadow(0 12px 28px #0008);animation:logoIn 1.5s ease-out}.welcome p{font-size:17px;line-height:1.7;color:#b6c7e8;margin:12px 0 25px}.gold-button{background:linear-gradient(135deg,#ffe4a1,#f1bf51 65%,#d49a32);border:1px solid #ffe9b5;color:#33230c;padding:15px 25px;font-weight:800;letter-spacing:1px;font-size:11px;box-shadow:0 3px 0 #9d6b1d,0 5px 20px #e8ba4715}.gold-button:hover{background:#ffdfa0;border-color:#fff0c8}.welcome-foot{display:block;color:#6f82a5;letter-spacing:2.3px;font-size:8px;margin-top:28px}.stage-floor{position:absolute;bottom:-70px;left:-30%;width:160%;height:170px;border-top:2px solid #4a87ff50;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#3870d52b,transparent 65%);box-shadow:0 -4px 50px #3477ff10;pointer-events:none}.console{border:1px solid var(--line);background:linear-gradient(150deg,#161e35,#10172b);border-radius:14px;padding:21px 20px 12px;position:relative;z-index:2}.console-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.console-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.console-heading h2{font-size:24px}.console-dot{display:block}.audience-button{width:100%;background:#25417270;border-color:#43679f;color:#dce9ff;font-size:11px;font-weight:700}.console-hint{font-size:9px;color:#8795b3;text-align:center;margin:9px 0 0}.divider{height:1px;background:var(--line);margin:18px 0}.control-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0 9px;font-size:8px;letter-spacing:1px;color:#9eabc5;font-weight:700}.control-label b{color:white;margin-left:8px;font-weight:600}.control-label small{font-size:8px;color:#697997}.text-button{padding:0;border:0;background:none!important;color:#e2bc66;font-size:9px;letter-spacing:0}.question-nav{display:flex;gap:6px}.question-nav button{padding:8px 10px}.question-nav select{min-width:0;font-size:10px;padding:8px}.reveal-controls{display:grid;gap:5px}.reveal-controls button{display:flex;align-items:center;gap:9px;padding:7px 9px;text-align:left;font-size:10px;background:#111b32;min-height:32px}.reveal-controls button .key{width:19px;height:19px;display:grid;place-items:center;border:1px solid #475575;border-radius:4px;font:600 13px var(--heading);color:#a9b8d7}.reveal-controls button .answer-name{flex:1}.reveal-controls button b{color:var(--gold);font-size:11px}.reveal-controls button.revealed{background:#28513830;border-color:#4e866a;color:#8bd3b2}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.action-grid button{font-size:10px;padding:10px 7px}.error-button{background:#f1536e13!important;border-color:#8b3c54!important;color:#ff8ca1}kbd{font:9px var(--body);padding:2px 4px;background:#ffffff0c;margin-left:10px;border:1px solid #ffffff18;border-radius:3px}.timer-controls{display:flex;gap:6px}.timer-controls button{padding:8px;font-size:10px}.timer-controls select{width:117px;font-size:9px;padding:7px}.timer-controls button:first-child{flex:1}.segments{display:flex;gap:5px}.segments button{flex:1;padding:8px 0;font-size:9px}.segments .selected{background:#f7c75b17;border-color:#d2a64d;color:var(--gold)}.award-buttons{display:flex;gap:7px}.award-buttons button{flex:1;padding:10px 3px;font-size:10px}.award-buttons button:first-child{background:#3e83f025;border-color:#345f9f;color:#9fc3ff}.award-buttons button:last-child{background:#ef456925;border-color:#8b3955;color:#ffacbd}.utility-row{display:flex;justify-content:space-between;gap:5px;margin:10px 0}.utility-row button{border:0;background:transparent;font-size:9px;color:#9caacc;padding:9px 0}.console-footer{border-top:1px solid var(--line);display:flex;gap:7px;align-items:center;padding-top:12px;font-size:8px;color:#637894}.console-footer i{height:4px;width:4px;flex:none}.scoreboard{display:grid;grid-template-columns:1fr 100px 1fr;gap:12px;margin-top:24px}.team{display:flex;align-items:center;gap:17px;position:relative;overflow:hidden;background:linear-gradient(110deg,#172b55,#0d1831);border:1px solid #345f9b;padding:19px 23px;min-width:0;text-align:left}.team:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#4b92ff}.team-red{background:linear-gradient(110deg,#271b33,#391d31);border-color:#754057}.team-red:before{background:#ff5b79}.team.active{box-shadow:0 0 24px #3a86fb20;border-color:#6eaeff}.team-red.active{box-shadow:0 0 24px #ff557920;border-color:#ff829a}.team-symbol{font:800 28px var(--heading);background:#4489ff1c;color:#75a8ff;border:1px solid #4489ff50;border-radius:50%;height:44px;width:44px;display:grid;place-items:center;flex:none}.team-red .team-symbol{background:#ff57711c;color:#ff8fa2;border-color:#ff577150}.team-details{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.team-details small{font-size:7px;letter-spacing:2px;color:#8a9fbc}.team-details strong{font:700 26px/1.1 var(--heading);letter-spacing:.8px;overflow-wrap:anywhere}.team-details em{font-style:normal;font-size:7px;color:#6d87ad;letter-spacing:1.5px}.team.active .team-details em{color:#8cbfff}.team-red.active .team-details em{color:#ff9fb0}.team>b{font:700 53px/.9 var(--heading);color:#eaf4ff;letter-spacing:1px}.score-center{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d3ae5f}.score-center span{font:900 43px/.9 var(--heading)}.score-center small{font:700 9px var(--heading);letter-spacing:1px;margin-top:7px}.page-footer{display:flex;justify-content:space-between;gap:10px;padding-top:20px;color:#576786;font-size:7px;letter-spacing:1px}.page-footer i{color:#c79b45;font-style:normal;margin:0 8px}.page-footer b{margin:0 5px}.game{position:relative;z-index:1;padding:0 8% 40px}.question-label{color:var(--gold);font:600 11px var(--heading);letter-spacing:3px;text-align:center;margin-top:6px}h1#question{font:700 clamp(25px,2.6vw,43px)/1.13 var(--heading);text-align:center;margin:13px auto 25px;min-height:70px;max-width:760px;text-wrap:balance}.answers{display:grid;gap:8px;max-width:740px;margin:auto}.answer{height:62px;display:flex;align-items:center;position:relative;border:2px solid #b18a39;border-radius:8px;background:linear-gradient(#144c9d,#0c2c65);box-shadow:0 2px 0 #0008,inset 0 1px 0 #ffffff28;overflow:hidden}.answer .answer-number{height:41px;width:52px;margin:0 auto;border:1px solid #6299dd;border-radius:50%;background:radial-gradient(ellipse,#256ac1,#113878);box-shadow:inset 0 0 10px #001132;font:800 29px var(--heading);display:grid;place-items:center;color:#cce0ff}.answer.visible{background:linear-gradient(#ffedb7,#e5b852);border-color:#ffe2a2;animation:flip .5s ease-out}.answer .revealed-text{color:#17224a;font:700 clamp(19px,2.1vw,30px)/1 var(--heading);text-transform:uppercase;padding:0 18px;flex:1}.answer .revealed-score{background:#0a2456;color:#fff3c7;min-width:76px;align-self:stretch;display:grid;place-items:center;font:700 36px var(--heading);border-left:2px solid #ab822d}.answer.long .revealed-text{font-size:clamp(17px,1.6vw,24px)}.round-bottom{display:flex;justify-content:space-between;align-items:center;max-width:740px;margin:22px auto 0}.strikes{display:flex;gap:7px;width:130px}.strike{width:35px;height:37px;border:1px solid #51608744;border-radius:5px;display:grid;place-items:center;font:600 32px var(--heading);color:#45557066}.strike.on{color:#ff566d;border-color:#ff657d;box-shadow:0 0 15px #ef334b20;background:#e52b4d13}.bank{display:flex;flex-direction:column;align-items:center}.bank span,.timer span{font-size:8px;letter-spacing:2px;color:#a4b4d5}.bank b{font:700 53px/.95 var(--heading);color:#ffdb86;margin:5px 0}.bank small{font:600 10px var(--heading);letter-spacing:3px;color:#ad8d55}.timer{width:130px;text-align:right;display:flex;flex-direction:column;gap:8px}.timer b{font:600 35px/.9 var(--heading);font-variant-numeric:tabular-nums;letter-spacing:1px;color:#dce7ff}.timer.urgent b{color:#ff6f82}.round-status{text-align:center;color:#8b9cbe;font-size:10px;letter-spacing:.5px;margin-top:14px}.victory{position:relative;z-index:1;text-align:center;padding:50px 20px}.trophy{font-size:140px;color:var(--gold);line-height:1.2;text-shadow:0 0 80px #f9bb51aa}.victory p{color:#ccab65;font-size:12px;letter-spacing:3px;margin:18px}.victory h1{font:800 clamp(45px,5vw,80px) var(--heading);margin:0;color:#fff3cc}.victory #winnerScore{font:600 33px var(--heading);margin:8px 0 28px;color:#a3badf}.effect-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none}.effect-overlay.show{animation:impact 1s both;color:#ff345c;font:800 260px var(--heading);text-shadow:0 5px 0 #7f1630,0 0 60px #ff1a5a;backdrop-filter:blur(2px);background:#080e2588}.effect-overlay.good{font-size:110px;color:#ffe09b;text-shadow:0 0 50px #ffcc58}.effect-overlay span{display:block}.audience-only{display:none}.audience .director-only{display:none!important}.audience .workspace{display:block}.audience .stage{min-height:calc(100vh - 245px)}.audience .game{max-width:1150px;margin:auto}.audience .answers{max-width:960px}.audience .answer{height:clamp(54px,7.2vh,85px)}.audience .hero-logo{height:36vh;width:650px;max-width:90%}.audience .welcome{padding-top:4vh}.audience .audience-only{display:block}.audience .scoreboard{margin-top:15px}.audience .topbar{height:70px}.audience main{padding-top:18px}.audience .welcome p{font-size:24px}.waiting{font:600 15px var(--heading);letter-spacing:4px;color:var(--gold)}.audience .team{cursor:default}.audience .show-label{display:block}.audience .stage-top{padding-bottom:15px}dialog{background:#111b31;color:#e4eafb;border:1px solid #3c4d70;border-radius:14px;padding:28px;width:640px;max-width:94vw;max-height:90vh;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020615b8;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.dialog-head button{background:transparent;border:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}label{font-size:11px;color:#a5b4cd;display:block}label input,label select,label textarea{display:block;margin-top:7px}label.wide{grid-column:1/-1}.sound-tests,.backup-row{display:flex;gap:8px;flex-wrap:wrap}.sound-tests button,.backup-row button,.file-button{font-size:11px}.muted{font-size:11px;color:#8b9dbb;line-height:1.7;margin:17px 0}.backup-row{align-items:center}.backup-row a{font-size:10px;padding:7px}.file-button{border:1px solid var(--line);border-radius:7px;padding:11px 12px;cursor:pointer}.danger-link{color:#ff7f96;background:transparent;border:0;font-size:11px;padding-left:0}.library-item{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.library-item>span{font:600 28px var(--heading);color:var(--gold);width:30px;flex:none}.library-item>div{flex:1;min-width:0}.library-item p{font-size:12px;margin:0 0 5px}.library-item small{color:#778db0;font-size:9px}.library-item button{font-size:10px;padding:8px}.edit-answer{display:grid;grid-template-columns:1fr 90px;gap:10px;margin:12px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:#e5d099;color:#201b11;padding:14px 24px;border-radius:7px;font-size:12px;box-shadow:0 5px 30px #0007;z-index:50;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.confetto{position:absolute;top:-20px;width:8px;height:16px;animation:fall 4s linear forwards}@keyframes fall{to{transform:translateY(950px) rotate(900deg)}}@keyframes logoIn{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}@keyframes flip{0%{transform:scaleY(.2);filter:brightness(2)}60%{transform:scaleY(1.05)}100%{transform:scaleY(1)}}@keyframes impact{0%{opacity:0;transform:scale(1.5)}15%,70%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.95)}}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 365px}.console{padding:24px}.stage{min-height:720px}.welcome{padding-top:40px}.hero-logo{height:290px}.reveal-controls button{padding:9px}.game{padding-top:20px}.answer{height:68px}}
@media(max-width:1100px){main{padding:20px}.topbar{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:15px}.console{padding:17px 14px}.show-label{display:none}.stage-top{padding:22px 20px}.eyebrow{letter-spacing:1px}.game{padding-left:5%;padding-right:5%}.answer .revealed-text{padding:0 12px}.team-details strong{font-size:23px}.team{padding:17px}.stage{min-height:680px}.hero-logo{height:240px}.welcome{padding-top:50px}}
@media(max-width:800px){.workspace{display:flex;flex-direction:column}.stage{min-height:610px}.console{padding:22px}.reveal-controls{grid-template-columns:1fr 1fr}.hero-logo{height:220px}.welcome{padding-top:10px}.scoreboard{grid-template-columns:1fr 1fr;gap:10px}.score-center{display:none}.team{gap:10px;padding:15px}.team-symbol{width:32px;height:32px;font-size:23px}.team>b{font-size:40px}.team-details strong{font-size:20px}.team-details small{font-size:6px}.live{font-size:7px;margin:0}.topbar{height:72px;padding:0 16px}.top-actions{gap:5px}.brand-number{font-size:39px}.brand{font-size:12px}.brand b{letter-spacing:3px}main{padding:15px}.page-footer{font-size:6px;flex-wrap:wrap;line-height:1.8}.game h1#question{font-size:31px;min-height:60px}.answer{height:56px}.answer .revealed-text{font-size:24px}.answer.long .revealed-text{font-size:19px}.stage-top{padding:20px 19px}.stage-top .eyebrow{font-size:7px}.stage-top .multiplier{font-size:10px}.audience .stage{min-height:600px}.audience .topbar .show-label{display:none}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.sound-tests button{flex:1}.library-item{gap:8px}.library-item button{padding:8px 6px}.timer,.strikes{width:105px}.strike{width:30px}.audience .hero-logo{height:260px}.audience .welcome p{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.mode-controls{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 10px}.mode-controls button{font-size:9px;padding:7px 8px;flex:1}.mode-controls button:first-child{color:#eac670;border-color:#806b3c}.mobile-connect{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:9px}.mobile-connect button{width:100%;font-size:10px;background:transparent;color:#d6bd7e;border-color:#675c3b}.mobile-connect small{font-size:7px;color:#7ba893;letter-spacing:1px}.correction{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.correction input{width:20px;margin:0;accent-color:#e8ba59}@media(max-width:800px){body:not(.audience) .workspace{flex-direction:column-reverse}body:not(.audience) .stage{min-height:440px}body:not(.audience) .reveal-controls{grid-template-columns:1fr}body:not(.audience) .reveal-controls button{font-size:14px;min-height:49px}body:not(.audience) .action-grid button{font-size:13px;padding:15px}body:not(.audience) .console-heading h2{font-size:28px}body:not(.audience) .console{position:relative}body:not(.audience) .welcome{padding-bottom:40px}body:not(.audience) .hero-logo{height:170px}body:not(.audience) .question-nav select{font-size:12px;padding:12px}body:not(.audience) .control-label{font-size:10px}body:not(.audience) .console-hint{font-size:10px}}

.mark-summary{color:#e2c47c;font-size:10px;margin:10px 0 0;letter-spacing:.5px}.answer.visible:nth-child(2){animation-delay:.06s}.answer.visible:nth-child(3){animation-delay:.12s}.answer.visible:nth-child(4){animation-delay:.18s}.answer.visible:nth-child(5){animation-delay:.24s}