.presenter-entry{display:flex!important;flex-direction:column;gap:5px}.presenter-entry small{font-size:11px;font-weight:400;opacity:.75}.presenter-shell{max-width:1180px;margin:0 auto;padding:20px 24px 52px}.presenter-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #bda4ed30;padding:0 0 18px;margin-bottom:24px}.presenter-header h1{font-size:23px;margin:5px 0 0}.presenter-header>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.presenter-header .link{font-size:12px}.presenter-header #roomConnection{font-size:10px;color:#8dd7ad;min-width:45px}.presenter-pairing{display:grid;grid-template-columns:1fr 135px;gap:15px 25px;background:linear-gradient(115deg,#bda4ed14,#f0cf770c);border:1px solid #bda4ed38;border-radius:22px;padding:25px;margin-bottom:24px}.presenter-pairing h2{font-size:24px;margin:8px 0}.presenter-pairing p{max-width:620px;font-size:13px;line-height:1.9;color:#c3b8cf}.presenter-qr{grid-column:2;grid-row:1/3;align-self:center;text-align:center;background:#fff8e6;padding:9px;border-radius:12px;color:#34283f}.presenter-qr img,.presenter-qr svg{width:112px;height:112px;display:block;margin:auto}.presenter-qr bdi{font:700 15px monospace;letter-spacing:3px}.presenter-pair-actions{display:flex;gap:10px;flex-wrap:wrap}.presenter-pairing>small{font-size:11px;color:#b8acc4}.display-presence{display:inline-flex;align-items:center;gap:6px;color:#c7bbd4;font-size:11px}.display-presence:before{content:'';display:inline-block;border-radius:50%;width:7px;height:7px;background:#a89caf}.display-presence.connected{color:#9bddb7}.display-presence.connected:before{background:#86d4a7}.presenter-setup{background:#bda4ed0d;border:1px solid #bda4ed30;border-radius:22px;padding:24px}.presenter-setup .small-setup-title{margin-bottom:20px}.presenter-setup #launchDrawBtn{margin-top:10px}.presenter-launch{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.presenter-standby{text-align:center;padding:40px 15px}.presenter-standby h2{font-size:clamp(23px,4vw,40px);margin:12px 0}.standby-cast{display:flex;justify-content:center;gap:35px;margin:25px 0}.standby-cast svg{height:170px;width:140px}.presenter-team-names{display:flex;justify-content:center;gap:25px;margin-top:25px}.presenter-team-names b{border:1px solid #bda4ed50;background:#bda4ed10;border-radius:12px;padding:14px 30px}.presenter-wait{text-align:center;color:#cbb9e2;padding:10px}.presenter-main.play-main{max-width:none;padding:0}.presenter-round-label{color:#bfaed4;font-size:12px;margin-bottom:15px}.presenter-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px;background:#282036;border:1px solid #bda4ed50;border-radius:16px;margin:18px 0}.presenter-controls>div:first-child{margin-left:auto;min-width:140px}.presenter-controls h2{font-size:20px;margin:4px 0}.presenter-controls small{font-size:11px;color:#bfaed4}.presenter-controls .btn{min-height:43px}.presenter-wrong{background:#8f3a4430;border:1px solid #d87e8780;color:#ffd6da}.presenter-clock{min-width:100px;flex-basis:100%}.presenter-controls .presenter-clock .turn-clock{max-width:100%;margin:0}.presenter-errors{color:#bfaed4;font-size:11px;margin:10px 0}.presenter-resources{display:flex;gap:8px;flex-wrap:wrap}.presenter-resources .btn{flex:1;min-width:120px;display:flex;flex-direction:column;gap:4px;font-size:12px}.presenter-resources .btn small{font-size:9px;font-weight:400;opacity:.7}.presenter-resource{display:flex;flex-direction:column;gap:3px;border:1px solid #bda4ed40;background:#bda4ed08;border-radius:10px;padding:8px 12px;flex:1}.presenter-resource b{font-size:12px}.presenter-resource small{font-size:9px;color:#bfaed4}.presenter-resource.used{opacity:.5}.presenter-turn{text-align:center;padding:20px;border:1px solid #f0cf7760;border-radius:16px;background:linear-gradient(110deg,#f0cf770b,#bda4ed0f);margin:20px 0}.presenter-turn h2{font-size:clamp(25px,3.5vw,42px);margin:7px 0;color:#f0d594}.presenter-turn small,.presenter-turn p{color:#c6b5da;font-size:12px}.presenter-turn .turn-clock{margin:10px auto 0;max-width:450px}.presenter-feedback{text-align:center;min-height:20px}.presenter-answer-panel{border:1px solid #bda4ed40;border-radius:18px;padding:20px;background:#1d1728}.presenter-board-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.presenter-board-title h2{font-size:17px;margin:0}.presenter-board-title small{font-size:10px;color:#bfaed4}.presenter-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.presenter-answer{display:flex;align-items:center;gap:14px;text-align:right;border:1px solid #bda4ed50;background:#bda4ed0b;color:#f8f0e4;border-radius:13px;padding:16px;min-height:84px;cursor:pointer;transition:border-color .18s,background .18s}.presenter-answer:not(:disabled):hover{border-color:#f0cf77;background:#f0cf7712}.presenter-answer:focus-visible{outline:3px solid #f0cf77;outline-offset:3px}.presenter-answer:disabled{cursor:default;opacity:.65}.presenter-answer .presenter-rank{border-radius:10px;width:36px;height:36px;display:grid;place-items:center;background:#bda4ed20;color:#cbb6ec;font-size:20px;flex-shrink:0}.presenter-answer>span{display:flex;flex-direction:column;gap:4px}.presenter-answer strong{font-size:17px}.presenter-answer small{font-size:10px;color:#bfaed4}.presenter-answer em{font-style:normal;margin-right:auto;color:#f0d594;font-size:20px;font-weight:800}.presenter-answer.awarded{background:#82cfa415;border-color:#82cfa465}.presenter-answer.awarded small{color:#9addb4}.presenter-answer.selected{border-color:#f0cf77;background:#f0cf7720;opacity:1}.presenter-twin{border:1px solid #f0cf7760;padding:12px;border-radius:10px;font-size:13px;color:#f6dda5}.presenter-twin .link{margin-right:15px}.presenter-final{text-align:center;padding:30px 0}.presenter-final h2{font-size:clamp(28px,5vw,55px);margin:10px 0 28px}.final-cast{width:170px;height:200px;margin:auto}.final-cast svg{width:100%;height:100%}.presenter-final .play-scores{max-width:750px;margin:0 auto 30px}.presenter-final .presenter-resources,.presenter-final .presenter-errors{display:none}.is-display .play-question h1{font-size:clamp(25px,3.4vw,44px)}.is-display .ranking-grid{gap:12px}.is-display .presenter-header h1{font-size:19px}.is-display .presenter-header .kicker{color:#f0d594}.is-display .play-team.active{border-color:#f0cf77}.is-display .play-team strong{font-size:36px}.play-mode-options:has([data-action="presenter-create"]){grid-template-columns:repeat(3,minmax(0,1fr))}
.presenter-answer:disabled{opacity:1}.presenter-answer.awarded{opacity:.8}
@media(min-width:900px){.is-display.presenter-shell{padding-top:12px;padding-bottom:20px}.is-display .presenter-header{padding-bottom:10px;margin-bottom:10px}.is-display .presenter-main{gap:10px}.is-display .presenter-round-label{font-size:10px;margin:0;order:-3}.playing .is-display .play-question{padding:8px 20px!important;min-height:72px;order:-2}.is-display .play-question h1{font-size:clamp(25px,2.7vw,38px)}.is-display .play-scores{order:-1;gap:12px}.is-display .play-team{padding:10px 14px}.is-display .play-portrait{height:40px;width:34px}.is-display .team-topline h2{font-size:17px}.is-display .team-topline small{font-size:9px}.is-display .presenter-errors{margin:3px 0;font-size:10px}.is-display .presenter-resource{padding:5px 10px}.is-display .presenter-turn{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;margin:0}.is-display .presenter-turn h2{font-size:28px;margin:0}.is-display .presenter-turn p{margin:0}.is-display .presenter-turn .turn-clock{flex:1;max-width:220px;margin:0}.is-display .presenter-feedback{min-height:0;margin:0;font-size:12px}.is-display .quick-board{margin:0;padding:10px!important}.is-display .quick-board .rank-card.answer-tile{min-height:136px}.is-display .answer-card-front,.is-display .answer-card-back{min-height:134px;padding:9px}.is-display .answer-card-front .answer-character{width:70px;height:86px}.is-display .answer-card-back strong{font-size:18px;line-height:1.5}.is-display .ranking-grid{gap:9px}}
@media(min-width:1500px){.presenter-shell.is-display{max-width:1450px}.is-display .answer-card-back strong{font-size:21px}}
@media(max-width:700px){.presenter-shell{padding:15px 12px 35px}.presenter-header{gap:10px;align-items:flex-start}.presenter-header h1{font-size:19px}.presenter-header>div:last-child{gap:7px;max-width:58%}.presenter-header .btn{font-size:10px;padding:8px;min-height:36px}.presenter-header .link{font-size:10px}.presenter-pairing{padding:16px;grid-template-columns:1fr 95px;gap:12px}.presenter-pairing h2{font-size:19px}.presenter-pairing p{font-size:11px}.presenter-qr{padding:6px}.presenter-qr svg,.presenter-qr img{width:80px;height:80px}.presenter-qr bdi{font-size:12px;letter-spacing:1px}.presenter-pair-actions{grid-column:1/-1}.presenter-pairing>small{grid-column:1/-1;font-size:10px}.presenter-setup{padding:15px}.presenter-answer-grid{grid-template-columns:1fr}.presenter-answer{padding:13px;min-height:72px}.presenter-answer strong{font-size:16px}.presenter-board-title{align-items:flex-start;flex-direction:column;gap:5px}.presenter-controls{gap:8px;padding:13px}.presenter-controls>div:first-child{flex-basis:100%}.presenter-controls>.btn{font-size:12px;padding:10px 12px;flex:1}.presenter-standby{padding:20px 5px}.standby-cast{gap:15px}.standby-cast svg{height:130px;width:110px}.presenter-team-names{gap:10px}.presenter-team-names b{padding:12px 15px;font-size:13px}.presenter-resources{gap:5px}.presenter-resource{padding:6px}.presenter-resource b{font-size:10px}.presenter-resources .btn{font-size:10px;min-width:90px;padding:8px}.play-mode-options:has([data-action="presenter-create"]){grid-template-columns:1fr}.is-display .play-team strong{font-size:27px}}
.presenter-role-note{font-size:11px;line-height:1.7;color:#d8c498;margin:5px 0 0}.is-display .presenter-role-note{color:#c6b4db}.screen-role-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.screen-role-guide section{padding:13px;border-radius:12px;border:1px solid #bda4ed40;background:#bda4ed08}.screen-role-guide .controller-role{border-color:#f0cf7750;background:#f0cf7707}.screen-role-guide b{font-size:13px;display:flex;align-items:center;gap:8px;color:#f2e8fa}.screen-role-guide b>span{width:24px;height:24px;display:grid;place-items:center;background:#bda4ed25;border-radius:7px;color:#e0cdf8;flex-shrink:0}.screen-role-guide .controller-role b>span{background:#f0cf7720;color:#f0d594}.screen-role-guide p{font-size:11px;line-height:1.9;margin:8px 0 0}.presenter-qr>small{display:block;font-size:9px;line-height:1.6;margin:5px 0;color:#52415c}@media(max-width:700px){.screen-role-guide{grid-template-columns:1fr}.screen-role-guide section{padding:11px}.screen-role-guide b{font-size:12px}.screen-role-guide p{font-size:10px}.presenter-pairing:has(.screen-role-guide){grid-template-columns:1fr}.presenter-pairing:has(.screen-role-guide) .presenter-qr{grid-column:1;grid-row:auto;justify-self:center;width:135px}.presenter-pairing:has(.screen-role-guide) .presenter-qr img,.presenter-pairing:has(.screen-role-guide) .presenter-qr svg{width:112px;height:112px}.presenter-role-note{font-size:9px;max-width:240px}.presenter-header{flex-wrap:wrap}.presenter-header>div:last-child{max-width:100%}}