@import url('/live.css');
:root{color-scheme:dark;--bg:#241627;--panel:#352035;--line:#694050;--gold:#ffd16f;--mint:#9dd9c9;--muted:#c2aebc}body{background:radial-gradient(ellipse at 70% 5%,#5b273c 0,transparent 50%),#241627;color:#fff5e6;font-family:Arial,Helvetica,sans-serif}.topbar{max-width:none;padding:18px 4%;background:#211324;border-bottom:1px solid #583444}.wordmark{color:#ffd16f;text-decoration:none;font:900 19px Impact,'Arial Black',sans-serif;letter-spacing:1.2px;flex-shrink:0}.wordmark small{display:block;color:#dbb8ab;font:10px Arial,sans-serif;letter-spacing:3.1px;margin-top:5px}nav,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}nav a{font-size:13px;color:#e6cabc;padding:8px}button,.button{background:#513345;color:#fff0dd;border:1px solid #8c5660;border-radius:7px;font-size:14px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#704055}.gold{background:#ffd16f;color:#381d28;border-color:#ffe4a4;box-shadow:0 4px 0 #a65d35}.gold:hover{background:#ffe2a3}.quiet{padding:8px 10px;background:transparent;font-size:12px;border-color:#5f3a4b}.ghost{background:transparent}.danger{color:#ffb4b2}.muted{color:#c2aebc;font-size:14px;line-height:1.6}button:disabled{opacity:.45;cursor:not-allowed}a{color:#ffd17e}input,textarea,select{background:#251624;color:#fff3de;border:1px solid #936071;border-radius:6px;padding:11px;font-size:16px;min-width:0}label{color:#e4c8c7;font-size:13px}label input{width:100%}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffdd94;outline-offset:3px}main{max-width:1550px;padding:20px 4%;margin:auto}.connection-line{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#c7a0ac;font:10px Arial,sans-serif;letter-spacing:1.5px}#codeBadge{color:var(--gold);font-size:14px}#error{color:#ffada8;margin:8px 0;min-height:18px;font-size:14px}.kicker{color:#efb55c;font-size:10px;font-weight:800;letter-spacing:2px}.landing{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:48px;margin:25px 0 46px}.landing h1{font-size:clamp(44px,5.5vw,77px);font-family:Impact,'Arial Black',sans-serif;font-weight:900;letter-spacing:-1px;line-height:1.02;margin:15px 0 20px}.landing p{max-width:380px;color:#dfbdc5;font-size:18px;line-height:1.6}.feature-strip{display:flex;gap:18px;font-size:11px;color:#cfacb3;margin:28px 0}.feature-strip span:before{content:'✦';color:#efb55c;margin-right:6px}.preview-board{transform:rotate(2deg);filter:drop-shadow(0 20px 20px #160b20aa)}.setup-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.panel{background:linear-gradient(135deg,#3c253b,#2c1d31);border:1px solid #785061;border-radius:12px;padding:26px;margin:0 0 22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:31px;margin:7px 0 22px}.pill{font-size:10px;color:#ffcc7d;white-space:nowrap;border:1px solid #97624d;border-radius:20px;padding:7px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.form-grid textarea{min-height:84px}.form-grid fieldset{margin:5px 0 0;border:1px solid #755060;border-radius:8px;padding:15px}.form-grid legend{font-size:12px;color:#e3c1bd;padding:0 5px}.checks label{background:#251a2a;font-size:12px;padding:8px}.checks input{accent-color:#ffd16f}.mascot{height:170px;float:right;margin:0 -8px 0 0}.how h2{font-size:31px;line-height:1.1;margin-top:16px}.how ol{padding-left:20px;line-height:1.7;font-size:15px;color:#dec4c7}.how li{padding-bottom:15px}.demo-controls{clear:both;border-top:1px solid #694050;padding-top:18px}.demo-controls .row{margin:12px 0}.demo-controls button{font-size:12px;padding:8px}.join-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:960px;margin:60px auto}.join-logo{width:100%;border:6px solid #f5bd63;border-radius:12px;box-shadow:0 10px 70px #da653744}.join-layout form{display:grid;gap:20px;margin-top:22px}.join-layout h1{font-size:50px;margin:10px 0}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 22px}.room-heading h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(28px,3.5vw,46px);margin:8px 0 0;letter-spacing:.1px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin-bottom:22px}.podium{background:#352134;border:1px solid #805066;border-top:4px solid var(--team-color,#ffd16f);border-radius:8px;padding:13px 16px;position:relative;min-width:0;overflow-wrap:anywhere}.podium.active{box-shadow:0 0 0 2px #ffdc8d,0 0 22px #e8983d44;background:#5b3340}.team-label{color:#dec1c8;font-size:12px}.points{font:36px Impact,'Arial Black',sans-serif;color:#ffe098;letter-spacing:1px;margin:6px 0}.spins{display:flex;gap:9px;flex-wrap:wrap;font-size:10px;color:#d8b9c4}.spins b{color:#fff2cc}.whammies{position:absolute;right:7px;top:7px;display:flex}.whammies img{height:23px;width:20px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start}.board-wrap{border:1px solid #ab783b;border-radius:16px;background:#9a4238;padding:14px;box-shadow:0 0 0 4px #512634,0 14px 30px #140d20;position:relative;overflow:hidden}.board-wrap:before{content:'';position:absolute;inset:3px;pointer-events:none;border:6px dotted #ffe78f;border-radius:12px}.big-board{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(49px,1fr));gap:7px;aspect-ratio:1.42;background:#2c132c;border:4px solid #592738;padding:8px;border-radius:8px}.board-center{grid-column:2/6;grid-row:2/5;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(#793a35,#371b2d);border:2px solid #a76839;border-radius:6px;text-align:center;overflow:hidden;min-height:0;padding:9px}.board-logo{width:80%;max-height:78%;object-fit:contain;filter:drop-shadow(0 4px 10px #200b20);border-radius:3px}.board-caption{font:10px Arial,sans-serif;letter-spacing:2px;color:#f2c178;margin:10px 0 0}.prize-tile{border:3px solid #fae2b3;background:#fff0d2;color:#4d2030;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #da9d61;min-width:0;padding:2px}.prize-tile:nth-of-type(3n){background:#6aacb3;color:#092d47}.prize-tile:nth-of-type(4n){background:#b997d3;color:#362057}.prize-tile.extra{background:#e87a45;color:#fff2c6}.prize-tile.bonus{background:#93c5b9;color:#193e48}.prize-tile.whammy{background:#912440;color:#ffe0a2}.prize-tile.whammy img{height:68%;max-width:80%;object-fit:contain}.prize-tile.whammy b{font:9px Impact,sans-serif;letter-spacing:1px}.prize-tile .value{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(15px,2.7vw,35px);letter-spacing:.5px;line-height:1}.prize-tile .tile-note{font-weight:900;font-size:clamp(6px,.7vw,10px);letter-spacing:.5px;margin-top:4px}.prize-tile.lit{border-color:#fffbd2;outline:4px solid #ffd453;z-index:1;box-shadow:0 0 25px #ffd16f, inset 0 0 0 3px #ffb032;filter:brightness(1.22)}.preview-board .prize-tile .value{font-size:clamp(16px,2vw,27px)}.preview-board .big-board{gap:5px}.turn-panel{padding:22px;background:#3e273b;border:1px solid #8b5a60;border-radius:10px}.turn-panel h2{font-size:25px;margin:9px 0;overflow-wrap:anywhere}.turn-panel p{font-size:14px;line-height:1.6;color:#e1c4c7}.turn-panel .button{width:100%;text-align:center}.stop-button{font:38px Impact,'Arial Black',sans-serif;background:#eb443f;border:4px solid #ffad75;color:#fff0b3;border-radius:50%;height:135px;width:135px;display:block;margin:20px auto;box-shadow:0 8px 0 #811f32,0 0 0 6px #3b162b}.stop-button:hover{background:#ff6150}.pass-controls{margin:16px 0;display:grid;gap:8px}.pass-controls select{font-size:13px}.event-line{margin:20px 0;color:#ffd16f;font-size:15px}.question-panel{max-width:940px;margin:25px auto;background:#fff0d9;color:#3c2033;border:7px solid #f3b75d;border-radius:12px;padding:35px;text-align:center;box-shadow:0 10px 40px #120a20}.question-panel .kicker{color:#904c40}.question-panel .question-text{font:clamp(35px,5vw,67px) Impact,'Arial Black',sans-serif;margin:18px 0;overflow-wrap:anywhere}.question-meta{font-size:14px;color:#795360}.question-panel .countdown{display:inline-block;background:#3e233c;color:#ffd67f;padding:8px 17px;border-radius:25px;font-weight:800;margin:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choice{display:flex;align-items:center;gap:13px;background:#ffffff;color:#342539;border:2px solid #cfb7a0;padding:15px;text-align:left;font-size:19px;min-height:65px}.choice:hover{background:#ffe0aa}.choice .letter{font-size:15px;border-radius:5px;background:#4c293b;color:#fff0ce;padding:7px 10px}.choice.picked{border-color:#a35430;background:#ffe6b0}.choice.correct{border-color:#2b7b62;background:#d2f0dd}.question-panel .input-answer{background:#fff;color:#352038;margin:15px 0;width:100%;font-size:24px;border-color:#a78685}.answer-reveal{font-size:32px;font-weight:800;color:#236e55;margin:20px}.question-panel .muted{color:#805868}.question-panel .status-message{font-weight:700;color:#713a49;margin:18px 0}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px}.review-team{background:#38233a;border:1px solid #82556a;border-radius:10px;padding:18px;min-width:0}.review-team h3{margin:0 0 10px}.student-answer{padding:10px 0;border-top:1px solid #654054;overflow-wrap:anywhere;font-size:14px}.student-answer b{display:block;margin-bottom:6px}.student-answer button{padding:5px 8px;font-size:11px;margin-top:7px}.earned-tag{color:#a0e4c5}.missed-tag{color:#e5a5ad}.host-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.lobby{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:24px 0}.code-display{font:clamp(54px,8vw,110px) Impact,'Arial Black',sans-serif;color:#ffd16f;letter-spacing:8px;margin:15px 0}.join-url{font-size:16px;overflow-wrap:anywhere}.roster-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.roster-person{display:flex;align-items:center;gap:8px;border:1px solid #855367;padding:7px 10px;border-radius:20px;font-size:13px}.roster-person button{padding:1px 5px;background:transparent;border:none}.paused{background:#ffd16f;color:#3e2435;padding:18px;border-radius:10px;text-align:center;font-weight:800;margin:18px 0}.summary-card{text-align:center;padding:45px;margin:25px 0;border:2px solid #c28a51;background:radial-gradient(#5f3546,#2f2036);border-radius:14px}.summary-card h2{font:clamp(30px,5vw,60px) Impact,'Arial Black',sans-serif;color:#ffdc83}.showtime{position:fixed;inset:0;background:#1a101fe8;z-index:50;display:grid;place-items:center;padding:20px}.showtime-frame{width:min(820px,95vw);border:7px solid #efb04f;box-shadow:0 0 0 5px #6b293d,0 0 90px #da70284d;border-radius:20px;background:radial-gradient(#8e3045,#3c1736);padding:35px;text-align:center;position:relative;overflow:hidden}.showtime-frame h2{font:clamp(50px,9vw,105px) Impact,'Arial Black',sans-serif;line-height:1;color:#ffdf77;text-shadow:4px 4px #521839;margin:12px 0}.showtime-frame p{font-size:22px;font-weight:800}.skip{position:absolute;right:12px;top:12px;z-index:4;padding:7px 10px;font-size:11px}.animation-stage{height:245px;position:relative;overflow:hidden;border-bottom:4px solid #edb44e;margin:15px 0}.animation-stage .actor{position:absolute;bottom:10px;left:25%;height:175px;z-index:2}.animation-stage .prop{position:absolute;bottom:0;left:47%;height:145px;z-index:3}.animation-stage .loot{position:absolute;left:75%;bottom:35px;font:34px Impact,sans-serif;color:#ffe1a0;background:#476751;border:4px solid #b8ce90;padding:10px;border-radius:6px}.animation-stage.vacuum .actor{animation:mischief 2.8s ease-in-out both}.animation-stage.vacuum .loot{animation:sucked 2.8s ease-in both}.animation-stage.vacuum .prop{animation:mischief 2.8s ease-in-out both}.animation-stage.bulldozer .actor{left:16%;bottom:95px;height:130px;animation:drive 3s ease-in both}.animation-stage.bulldozer .prop{left:12%;height:160px;animation:drive 3s ease-in both}.animation-stage.bulldozer .loot{animation:pushout 3s ease-in both}.animation-stage.rocket .prop{left:40%;height:220px;animation:blastoff 3.1s ease-in both}.animation-stage.rocket .actor{left:35%;bottom:60px;height:120px;animation:blastoff 3.1s ease-in both}.animation-stage.rocket .loot{left:52%;bottom:40px;animation:blastoff 3.1s ease-in both}.animation-stage.win .actor{left:40%;animation:celebrate 2.5s ease-in-out both}.animation-stage.win .loot{left:60%;animation:coins 2.5s ease-out both}.showtime.win .showtime-frame{background:radial-gradient(#476850,#243747)}.confetti{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffd577 3px,transparent 4px),radial-gradient(#de7281 3px,transparent 4px);background-size:44px 71px,65px 95px;animation:confetti 2.8s ease-out both}.reduced-motion *, .reduced-motion *:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}footer{max-width:none;text-align:center;color:#a7899c;font-size:11px;margin-top:35px;padding:24px 0;border-top:1px solid #5c394d}dialog{width:min(750px,94vw);max-height:90vh;overflow:auto;background:#382139;color:#f8e8d8;border:2px solid #c0945c;border-radius:12px;padding:30px}dialog::backdrop{background:#130c21ce}dialog li,dialog p{line-height:1.7;font-size:15px}.close{float:right}.credits{max-width:800px;margin:45px auto;line-height:1.7}details{border-color:#755168}.score-edit{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:10px;align-items:center;margin:12px 0}.score-edit input{width:100%}.projector .topbar nav a{display:none}.projector .studio{grid-template-columns:minmax(0,1fr) 240px}.projector main{max-width:1600px}.projector .board-caption{font-size:12px}.small{font-size:12px}.spinner-status{color:#ffc671}.selected{outline:2px solid #ffc969}
@keyframes mischief{0%{transform:translateX(-130px)}30%,65%{transform:translateX(0) rotate(-4deg)}100%{transform:translateX(-180px)}}@keyframes sucked{0%,30%{transform:none;opacity:1}70%,100%{transform:translateX(-210px) scale(.05) rotate(320deg);opacity:0}}@keyframes drive{0%{transform:translateX(-220px)}100%{transform:translateX(680px)}}@keyframes pushout{0%,40%{transform:none}100%{transform:translateX(450px) rotate(35deg)}}@keyframes blastoff{0%,28%{transform:translateY(0)}35%{transform:translateY(8px)}100%{transform:translateY(-450px)}}@keyframes celebrate{0%{transform:scale(.5)}30%{transform:scale(1.1) rotate(-8deg)}60%{transform:rotate(8deg)}100%{transform:none}}@keyframes coins{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(-20px)}}@keyframes confetti{from{background-position:0 -160px,0 -200px;opacity:1}to{background-position:10px 280px,30px 300px;opacity:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){.big-board{max-height:670px}.prize-tile .value{font-size:38px}}@media(max-width:1000px){.topbar{align-items:flex-start}.landing{gap:25px}.studio,.projector .studio{grid-template-columns:minmax(0,1fr) 220px}.turn-panel{padding:16px}.prize-tile .value{font-size:24px}.setup-layout{grid-template-columns:1.4fr 1fr}}@media(max-width:760px){.topbar{padding:16px}.topbar nav{gap:5px}.topbar nav a{padding:6px}.topbar .quiet{font-size:11px;padding:6px}main{padding:16px}.landing{grid-template-columns:1fr;gap:22px}.landing-copy h1{font-size:54px}.preview-board{max-width:560px;transform:none;margin:0 auto;width:100%}.setup-layout,.join-layout,.lobby{grid-template-columns:1fr}.join-layout{gap:25px;margin:22px auto;max-width:450px}.join-logo{max-width:240px;margin:auto}.studio,.projector .studio{grid-template-columns:1fr}.turn-panel .stop-button{margin:15px auto}.turn-panel .pass-controls{max-width:360px;margin:15px auto}.form-grid{gap:14px}.panel{padding:20px}.room-heading{align-items:flex-start;flex-direction:column}.scoreboard{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.points{font-size:30px}.podium{padding:11px}.big-board{gap:5px;padding:5px;grid-template-rows:repeat(5,minmax(40px,1fr))}.board-wrap{padding:11px}.prize-tile{border-width:2px}.prize-tile .value{font-size:clamp(16px,4.8vw,29px)}.prize-tile .tile-note{font-size:7px}.prize-tile.whammy b{font-size:7px}.board-caption{font-size:8px;letter-spacing:1px}.question-panel{padding:20px;border-width:4px}.choice{font-size:16px;padding:10px;gap:8px}.choices{gap:8px}.question-text{font-size:40px}.showtime-frame{padding:22px 10px}.showtime-frame p{font-size:17px}.animation-stage{height:215px}.animation-stage .actor{height:130px}.animation-stage .prop{height:110px}.animation-stage .loot{font-size:23px;left:70%}.section-head{align-items:flex-start}.section-head .pill{display:none}.score-edit{grid-template-columns:minmax(0,1fr) 85px auto}}
.checks input[type="checkbox"]{width:auto;flex:none}.board-logo{min-height:0;flex:1 1 0;height:0;max-height:none}.board-caption,.landing .board-caption{flex:none;font:9px Arial,sans-serif;letter-spacing:1.5px;color:#f2c178;line-height:1.4;margin:8px 0 0}.landing .board-caption{font-size:9px}.how{align-self:start}
.risk{font-size:10px;color:#d3adb5;margin-top:8px;line-height:1.5}.panel{display:flow-root}