:root{color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;color:#ecf1f9;background:#101623;--muted:#a3aec2;--gold:#efc67b;--line:#2d384b;--panel:#192232}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{min-height:44px}button{padding:10px 16px;border:1px solid #42516a;border-radius:10px;color:inherit;background:#253249;cursor:pointer;font-weight:600}button:hover{background:#35455e}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--gold)}h1,h2,p{margin:0}h1,h2,p{overflow-wrap:anywhere}p{white-space:pre-line;line-height:1.5}h2{font-size:17px}select,input[type=number]{color:inherit;border:1px solid #42516a;border-radius:8px;background:#111b2d;padding:8px;max-width:100%}select{max-width:300px}input[type=range]{accent-color:var(--gold);min-height:32px;max-width:100%}input[type=number]{width:90px}label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}[hidden]{display:none!important}.primary{background:var(--gold);color:#182131;border-color:var(--gold)}.primary:hover{background:#ffdaa0}.answer-button{border-color:#5eac98;color:#ade9d7}.muted,.help{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:700}.back-link{text-decoration:none;font-size:13px}.host-shell{max-width:1700px;margin:auto;padding:24px 32px}.host-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.host-header h1{font-size:24px;margin-top:12px}.host-header h1 span{display:inline-block;font-size:13px;color:var(--muted);font-weight:400;margin-left:14px}.header-actions{display:flex;align-items:center;gap:16px}.connection{font-size:12px;color:#c6b5a3}.connection::before{content:'●';margin-right:7px}.connection.connected{color:#a0dcc4}.host-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px}.question-nav{border-right:1px solid var(--line);padding-right:20px}.question-nav section{margin-top:24px}.question-nav h2{font-size:12px;color:var(--muted);margin-bottom:10px}.number-grid{display:flex;flex-wrap:wrap;gap:7px}.number-grid button{padding:5px;min-width:35px;min-height:38px;font-size:13px}.number-grid button[aria-current=true]{background:var(--gold);color:#152034;border-color:var(--gold)}.host-main{min-width:0}.preview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;margin-bottom:18px}.preview{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel);min-width:0}.preview.current{border-top:3px solid var(--gold)}.preview.next{background:#141d2c}.preview h2{margin:14px 0;color:var(--muted);font-size:13px}.question-copy{font-size:23px;line-height:1.45}.preview.next>p:last-child{font-size:16px}.preview details{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:14px}.preview summary{cursor:pointer;color:var(--gold);padding:8px 0}.preview details p{margin-top:8px}.preview-media{height:auto;max-height:220px;margin-top:12px}.preview-media:empty{display:none}.preview-media .clue-image{height:200px;width:100%;object-fit:contain}.control-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.navigation{display:flex;flex-wrap:wrap;gap:9px}.on-air{font-size:12px;color:var(--gold);margin:12px 0}.timer-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}[data-clock]{font-variant-numeric:tabular-nums;font-size:36px;font-weight:650;min-width:112px;color:var(--gold)}[data-clock].expired{color:#ff9a88}.media-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:18px 0}.media-controls>div{display:flex;flex-wrap:wrap;gap:8px}.media-controls>[data-media-status]{width:100%}.music-panel{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.music-panel>div{width:100%}.music-panel h2{margin-bottom:4px}.notice{color:#f3ca87;font-size:13px;min-height:24px;margin-top:12px}.help{margin-top:10px;max-width:900px}.launcher,.loading{max-width:1040px;margin:8vh auto;padding:32px}.loading{display:grid;gap:20px}.launcher>.eyebrow{margin-top:60px}.launcher h1{font-size:clamp(38px,7vw,76px);margin:12px 0}.game-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:36px}.game-card{display:grid;gap:18px;padding:30px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--panel)}.game-card span{font-size:25px;color:#fff}.game-card small{color:var(--muted)}
body[data-quiz-mode=audience]{background:#03060c;overflow:hidden}.audience-shell{height:100dvh;display:grid;place-items:center}.screen-frame{width:100vw;height:100dvh;max-height:none;max-width:none;container-type:size;--su:min(1cqw,1.77778cqh);display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 15%,#344155 0,transparent 54%),linear-gradient(125deg,#172333,#10192b 64%,#202838)}.screen-header,.screen-footer{z-index:1;display:flex;justify-content:space-between;align-items:center;gap:calc(2 * var(--su,1cqw));margin:0 calc(4.5 * var(--su,1cqw));color:#b6c3d7;font-size:calc(1.15 * var(--su,1cqw))}.screen-header{padding-top:calc(2.5 * var(--su,1cqw));min-height:calc(5.5 * var(--su,1cqw));border-bottom:1px solid #5a698833;padding-bottom:calc(1.5 * var(--su,1cqw))}.screen-header strong{font-size:calc(1.35 * var(--su,1cqw));letter-spacing:.15em;color:var(--gold)}.screen-footer{padding:calc(1 * var(--su,1cqw)) 0 calc(1.8 * var(--su,1cqw));min-height:calc(5.5 * var(--su,1cqw));border-top:1px solid #5a698833}.screen-footer [data-clock]{font-size:calc(2.5 * var(--su,1cqw));min-width:calc(8 * var(--su,1cqw));text-align:right}.screen-content{flex:1;min-height:0;position:relative;padding:calc(3 * var(--su,1cqw)) calc(4.5 * var(--su,1cqw));display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--su,1cqw));animation:scene-in .65s cubic-bezier(.22,1,.36,1) both}.screen-content h1{font-weight:600;font-size:calc(3.5 * var(--su,1cqw));line-height:1.22;white-space:pre-line;letter-spacing:-.02em}.screen-content .eyebrow{font-size:calc(1 * var(--su,1cqw));margin-bottom:calc(1.4 * var(--su,1cqw))}.screen-content.has-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:calc(3.5 * var(--su,1cqw))}.screen-content.has-media h1{font-size:calc(2.65 * var(--su,1cqw))}.screen-content.long-copy h1{font-size:calc(2.65 * var(--su,1cqw))}.screen-content.has-media.long-copy h1{font-size:calc(2.1 * var(--su,1cqw))}.screen-content.very-long-copy h1{font-size:calc(1.9 * var(--su,1cqw))}.screen-content.has-media.very-long-copy h1{font-size:calc(1.65 * var(--su,1cqw))}.screen-copy{position:relative;z-index:1;min-width:0}.screen-content.scene-answer h1{color:#b6f0d7}.accepted{font-size:calc(1.2 * var(--su,1cqw));color:#b8c9dc;margin-top:calc(1.8 * var(--su,1cqw))}.screen-media{min-width:0;min-height:0;max-height:100%;height:100%;display:grid;place-items:center}.screen-media:empty{display:none}.live-media{margin:0;width:100%;height:100%;min-height:0;position:relative;display:grid;place-items:center}.clue-image,.live-media video{width:100%;height:100%;max-height:calc(36 * var(--su,1cqw));object-fit:contain;overflow:hidden}.live-media video{border-radius:calc(1 * var(--su,1cqw));background:#060b14}.live-media audio{display:none}.media-error{position:absolute;inset:0;display:grid;place-items:center;background:#162131;font-size:calc(1.3 * var(--su,1cqw));padding:calc(2 * var(--su,1cqw))}.sound-visual{text-align:center;color:var(--gold)}.sound-visual>span{font-size:calc(12 * var(--su,1cqw));line-height:1.3}.sound-visual p{font-size:calc(1.5 * var(--su,1cqw))}.scene-idle h1{font-size:calc(5.4 * var(--su,1cqw));max-width:70%;position:relative;z-index:1}.scene-idle>p:last-of-type{font-size:calc(1.5 * var(--su,1cqw));color:var(--muted);position:relative;z-index:1}.orb{position:absolute;width:calc(28 * var(--su,1cqw));height:calc(28 * var(--su,1cqw));border:1px solid #efc67b55;border-radius:50%;right:-calc(6 * var(--su,1cqw));top:calc(4 * var(--su,1cqw));box-shadow:0 0 0 calc(3 * var(--su,1cqw)) #efc67b08,0 0 0 calc(6 * var(--su,1cqw)) #efc67b05,0 0 0 calc(9 * var(--su,1cqw)) #efc67b03}.enable-overlay{position:fixed;inset:0;background:#070c16f2;display:grid;place-items:center;z-index:5;text-align:center;padding:24px}.enable-overlay h1{font-size:clamp(30px,5vw,60px);margin:12px 0}.enable-overlay p{color:var(--muted);margin-bottom:20px}.audience-tools{position:fixed;bottom:8px;left:8px;display:flex;align-items:center;gap:10px;z-index:6;opacity:.15;transition:opacity .2s}.audience-tools:hover,.audience-tools:focus-within{opacity:1}.audience-tools:has([data-notice]:not(:empty)){opacity:1}.audience-tools [data-notice]{background:#101827;color:var(--gold);font-size:12px;padding:6px;border-radius:5px}@keyframes scene-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1000px){.host-shell{padding:20px}.host-grid{grid-template-columns:160px minmax(0,1fr);gap:16px}.question-copy{font-size:20px}.preview-grid{grid-template-columns:1fr}.preview.next{padding:16px}.host-header{align-items:flex-start}.header-actions{flex-direction:column;gap:8px}}@media(max-width:620px){.host-shell{padding:14px}.host-header{flex-direction:column}.header-actions{flex-direction:row;flex-wrap:wrap}.host-grid{display:flex;flex-direction:column}.question-nav{border:0;padding:0}.question-nav nav{display:flex;overflow:auto;gap:20px;max-height:170px}.question-nav section{min-width:180px;margin:14px 0}.question-nav .number-grid{max-width:210px}.preview{padding:18px}.control-panel{padding:14px}.navigation button{flex:1 0 40%}.timer-row{gap:8px}.timer-row button{flex:1}.media-controls label,.music-panel label{width:100%;flex-wrap:wrap}.question-copy{font-size:20px}.host-header h1 span{display:block;margin:6px 0 0}.launcher{padding:22px}.media-controls input[type=range],.music-panel input[type=range]{flex:1}}
/* EWA stage: warm amber highlights and an uncluttered black canvas. */
:root{--gold:#ff9e24;--panel:#111d27;--line:#293540;background:#0a1118}.host-shell{background:linear-gradient(135deg,#111b25,#080e14)}.primary{box-shadow:0 0 18px #ff96171a;background:linear-gradient(110deg,#ffb14a,#ff881a)}.answer-button{background:#0d402a;border-color:#2dbb76;color:#c2ffdb}.preview.current{border-top-color:#ff9e24}.screen-frame{background:radial-gradient(ellipse at 82% 85%,#753e182e,transparent 62%),radial-gradient(ellipse at 20% 10%,#31374150,transparent 54%),#080a10}.screen-header{border-bottom-color:#ff9d2422}.screen-footer{border-top-color:#ff9d2422}.screen-header strong{color:#fff}.screen-header strong::before{content:'♧';color:var(--gold);font-size:calc(2 * var(--su,1cqw));margin-right:calc(.7 * var(--su,1cqw))}.scene-answer .screen-copy h1{color:#ffac42}.screen-footer [data-clock]{border: calc(.22 * var(--su,1cqw)) solid #ff9e24;border-radius:50%;width:calc(6.4 * var(--su,1cqw));height:calc(6.4 * var(--su,1cqw));min-width:0;display:grid;place-items:center;font-size:calc(1.65 * var(--su,1cqw));box-shadow:0 0 calc(1.3 * var(--su,1cqw)) #ff921b45;color:#fff}.screen-footer{min-height:calc(7 * var(--su,1cqw));padding-bottom:calc(1 * var(--su,1cqw))}.scene-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.scene-actions button{font-size:12px;min-height:36px;padding:8px 12px;background:transparent}.scene-timer{align-items:center;text-align:center;gap:calc(2 * var(--su,1cqw))}.timer-circle{width:calc(26 * var(--su,1cqw));height:calc(26 * var(--su,1cqw));border:calc(.65 * var(--su,1cqw)) solid #ffa132;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 calc(3 * var(--su,1cqw)) #ff8e1745,inset 0 0 calc(2 * var(--su,1cqw)) #ff961722;background:#080a10}.timer-circle output{font-size:calc(7 * var(--su,1cqw));font-variant-numeric:tabular-nums;font-weight:750;line-height:1.1}.timer-circle p{font-size:calc(.95 * var(--su,1cqw));letter-spacing:.2em;margin-top:calc(1 * var(--su,1cqw))}.scene-timer>p{font-size:calc(1.1 * var(--su,1cqw));letter-spacing:.2em;text-transform:uppercase;color:#c4b8ad}.orb{border-color:#ff971d88;box-shadow:0 0 0 calc(3 * var(--su,1cqw)) #ff971d09,0 0 0 calc(6 * var(--su,1cqw)) #ff971d06,0 0 0 calc(9 * var(--su,1cqw)) #ff971d04,0 0 calc(6 * var(--su,1cqw)) #ff971d22}.scene-idle>.eyebrow{font-size:calc(1.3 * var(--su,1cqw))}.screen-content{padding-top:calc(2 * var(--su,1cqw));padding-bottom:calc(2 * var(--su,1cqw))}.clue-image,.live-media video{max-height:calc(32 * var(--su,1cqw))}
/* Projector: quiet scenery, generous media area and a clear answer overlay. */
.screen-header strong::before{content:none}.screen-header strong{display:flex;align-items:center;gap:calc(.7 * var(--su,1cqw));letter-spacing:.025em}.screen-header strong img{width:calc(3 * var(--su,1cqw));height:calc(3 * var(--su,1cqw));object-fit:contain}.screen-content.scene-question.has-media{display:flex;flex-direction:column-reverse;gap:calc(1.1 * var(--su,1cqw));justify-content:flex-end;padding:calc(1.2 * var(--su,1cqw)) calc(4.5 * var(--su,1cqw))}.scene-question.has-media .screen-media{flex:1;width:100%;min-height:0}.scene-question.has-media .clue-image,.scene-question.has-media video{max-height:calc(27 * var(--su,1cqw))}.scene-question.has-media .screen-copy{width:100%}.scene-question.has-media .screen-copy h1{font-size:calc(2.45 * var(--su,1cqw))}.scene-question.has-media .screen-copy>.eyebrow{display:none}.scene-question.has-media.long-copy .screen-copy h1{font-size:calc(1.9 * var(--su,1cqw))}.scene-question.has-media.very-long-copy .screen-copy h1{font-size:calc(1.6 * var(--su,1cqw))}.scene-answer.has-media{display:flex;text-align:center;align-items:center}.scene-answer.has-media .screen-media{position:absolute;inset:0;width:100%;height:100%;opacity:.3;filter:blur(calc(.15 * var(--su,1cqw)))}.scene-answer.has-media .clue-image,.scene-answer.has-media video{max-height:100%}.scene-answer.has-media .screen-copy{z-index:2;width:90%;text-shadow:0 calc(.2 * var(--su,1cqw)) calc(1.5 * var(--su,1cqw)) #000}.scene-answer.has-media .screen-copy h1{font-size:calc(4.8 * var(--su,1cqw))}.scene-answer.long-copy .screen-copy h1{font-size:calc(2.8 * var(--su,1cqw))}.scene-answer.very-long-copy .screen-copy h1{font-size:calc(1.8 * var(--su,1cqw))}.scene-answer.media-playing .screen-media{opacity:1;filter:none}.scene-answer.media-playing .screen-copy{align-self:center;margin-top:auto;background:#05070be0;padding:calc(1 * var(--su,1cqw));border-radius:calc(1 * var(--su,1cqw))}.scene-answer.media-playing .screen-copy h1{font-size:calc(2 * var(--su,1cqw))}.scene-answer.media-playing .screen-copy .eyebrow{display:none}.scene-idle{align-items:center;text-align:center;background:radial-gradient(ellipse at 15% 95%,#ae601230,transparent 42%),radial-gradient(circle at 82% 12%,#ac652025,transparent 35%)}.scene-idle h1{max-width:85%;font-weight:800;font-size:calc(5.8 * var(--su,1cqw))}.scene-idle>.eyebrow{font-size:calc(1.5 * var(--su,1cqw))}.scene-idle>p:last-of-type{font-size:calc(1.7 * var(--su,1cqw))}.scene-background h1{font-size:calc(4.5 * var(--su,1cqw))}.scene-background .eyebrow{display:none}.scene-idle .orb{top:50%;right:36%;width:calc(28 * var(--su,1cqw));height:calc(28 * var(--su,1cqw));opacity:.35;transform:translateY(-50%)}.scene-idle .eyebrow{position:relative;z-index:1}.screen-header [data-round-label]{max-width:58%;text-align:right}.scene-welcome h1,.scene-end h1{color:#fff1da}
/* Persistent team scores; the table scrolls inside the host panel on narrow screens. */
.score-panel{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}.score-panel h2{font-size:21px;margin-bottom:10px}.score-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.score-panel input:not([type=number]){min-width:0;max-width:100%;width:220px;background:#111b2d;border:1px solid #42516a;border-radius:8px;color:inherit;padding:10px;font:inherit}.score-panel>label{flex-wrap:wrap}.scores-scroll{overflow-x:auto;max-width:100%;margin-top:14px}.scores-table{border-collapse:collapse;font-size:13px;width:100%}.scores-table th,.scores-table td{padding:10px;border-bottom:1px solid var(--line);text-align:center}.scores-table th:first-child{text-align:left}.scores-table th>span{display:block;max-width:130px;min-width:85px;overflow-wrap:anywhere}.scores-table small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.scores-table input[type=number]{width:70px}.scores-table [data-total]{font-size:20px;font-weight:750;color:var(--gold)}.score-panel .notice{min-height:24px}.score-panel[inert]{opacity:.65}.scene-scores{gap:calc(.7 * var(--su,1cqw));padding:calc(1.2 * var(--su,1cqw)) calc(7 * var(--su,1cqw))}.scene-scores>.eyebrow{margin-bottom:0;font-size:calc(1 * var(--su,1cqw))}.scene-scores>h1{font-size:calc(2.8 * var(--su,1cqw));margin-bottom:calc(.4 * var(--su,1cqw))}.audience-scores{display:grid;gap:calc(.5 * var(--su,1cqw));min-height:0}.audience-score{display:grid;grid-template-columns:calc(4 * var(--su,1cqw)) minmax(0,1fr) calc(8 * var(--su,1cqw));align-items:center;gap:calc(1.5 * var(--su,1cqw));border-bottom:1px solid #ff9e2433;padding:calc(.4 * var(--su,1cqw)) calc(.8 * var(--su,1cqw));font-size:calc(1.6 * var(--su,1cqw));line-height:1.1}.audience-score>b{color:var(--gold);font-size:calc(2.3 * var(--su,1cqw))}.audience-score>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-score small{display:block;font-size:calc(.8 * var(--su,1cqw));color:var(--muted);font-weight:400;margin-top:calc(.2 * var(--su,1cqw))}.audience-score strong{text-align:right;color:var(--gold);font-size:calc(2 * var(--su,1cqw))}.score-page{font-size:calc(1 * var(--su,1cqw));color:var(--muted);margin-top:calc(.4 * var(--su,1cqw));text-align:right}
.header-actions{flex-wrap:wrap;justify-content:flex-end}.screen-link{width:100%;min-width:0;background:#111b2d;border:1px solid #42516a;border-radius:8px;color:var(--gold);padding:10px;font:inherit}.header-actions .screen-link{max-width:480px}
.scene-scores{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-content:stretch;align-content:stretch;gap:calc(.5 * var(--su,1cqw))}.audience-scores{height:100%;grid-auto-rows:minmax(0,1fr)}.audience-score{min-height:0;padding:calc(.3 * var(--su,1cqw)) calc(.8 * var(--su,1cqw))}.scene-scores .score-page{margin:0}.scene-scores .eyebrow{line-height:1.2}

/* Audience 1.1.1: keep nearly all of the 16:9 canvas for the clue. */
.screen-frame{background:radial-gradient(ellipse at 96% 5%,#b76b1316,transparent 40%),radial-gradient(ellipse at 0 100%,#49527324,transparent 45%),#080b10}
.screen-header{min-height:calc(4.4 * var(--su,1cqw));margin:0 calc(3 * var(--su,1cqw));padding:calc(1 * var(--su,1cqw)) 0 calc(.7 * var(--su,1cqw));border-bottom:1px solid #ffffff0d;font-size:calc(1.05 * var(--su,1cqw))}.screen-header strong{font-size:calc(1.3 * var(--su,1cqw));gap:calc(.65 * var(--su,1cqw))}.screen-header strong img{width:calc(2.5 * var(--su,1cqw));height:calc(2.5 * var(--su,1cqw))}.screen-header [data-round-label]{color:#aab5c5}
.screen-footer{position:static;min-height:calc(2.3 * var(--su,1cqw));margin:0 calc(3 * var(--su,1cqw));padding:calc(.55 * var(--su,1cqw)) 0;border-top:1px solid #ffffff0a;font-size:calc(.9 * var(--su,1cqw));color:#83909f}.screen-footer [data-position]{color:#bec7d3}.screen-content{padding:calc(2.2 * var(--su,1cqw)) calc(3 * var(--su,1cqw));gap:calc(1.4 * var(--su,1cqw))}
.screen-content.scene-question{justify-content:center}.screen-content.scene-question .screen-copy h1{font-size:calc(4 * var(--su,1cqw));font-weight:650;line-height:1.24;letter-spacing:-.015em}.screen-content.scene-question.long-copy .screen-copy h1{font-size:calc(2.8 * var(--su,1cqw))}.screen-content.scene-question.very-long-copy .screen-copy h1{font-size:calc(2 * var(--su,1cqw))}
.screen-content.scene-question.has-media{padding:calc(1 * var(--su,1cqw)) calc(3 * var(--su,1cqw)) calc(1.2 * var(--su,1cqw));gap:calc(1.2 * var(--su,1cqw));justify-content:flex-end}.scene-question.has-media .screen-media{flex:1;min-height:0;width:100%;overflow:hidden;border-radius:calc(.55 * var(--su,1cqw));background:#00000025}.scene-question.has-media .clue-image,.scene-question.has-media video{max-height:100%;border-radius:0}.scene-question.has-media .screen-copy{flex:0 0 auto;min-height:calc(5.8 * var(--su,1cqw));display:flex;align-items:center}.screen-content.scene-question.has-media .screen-copy h1{font-size:calc(2.55 * var(--su,1cqw));line-height:1.2}.screen-content.scene-question.has-media.long-copy .screen-copy h1{font-size:calc(2 * var(--su,1cqw))}.screen-content.scene-question.has-media.very-long-copy .screen-copy h1{font-size:calc(1.55 * var(--su,1cqw));line-height:1.18}.timer-active .scene-question .screen-copy{padding-right:calc(9 * var(--su,1cqw))}
.stage-clock{position:absolute;right:calc(3 * var(--su,1cqw));bottom:calc(3.4 * var(--su,1cqw));width:calc(6.7 * var(--su,1cqw));height:calc(6.7 * var(--su,1cqw));z-index:3;border-radius:50%;background:#0a0d13;box-shadow:0 0 calc(2.5 * var(--su,1cqw)) #ff9d2412}.stage-clock svg{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.stage-clock circle{fill:none;stroke-width:4}.timer-track{stroke:#ffb04420}.timer-progress{stroke:#ffb044;stroke-linecap:round;transition:stroke-dashoffset .2s linear;filter:drop-shadow(0 0 3px #ff9e2470)}.screen-footer .stage-clock [data-clock]{position:absolute;inset:0;width:100%;height:100%;border:0;box-shadow:none;font-size:calc(1.85 * var(--su,1cqw));letter-spacing:-.03em;font-weight:750;color:#fff}.stage-clock:has(.expired){background:#30160e}.stage-clock:has(.expired) .timer-progress{stroke:#f47445}
.scene-idle{background:radial-gradient(ellipse at 50% 100%,#e7982320,transparent 48%),radial-gradient(ellipse at 12% 0,#733c271c,transparent 45%);gap:calc(1.8 * var(--su,1cqw))}.scene-idle::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 22%,#ffb75b22 0,calc(.16 * var(--su,1cqw)),transparent calc(.22 * var(--su,1cqw))),radial-gradient(circle at 86% 38%,#ffb75b18 0,calc(.2 * var(--su,1cqw)),transparent calc(.28 * var(--su,1cqw))),radial-gradient(circle at 76% 70%,#ffb75b28 0,calc(.12 * var(--su,1cqw)),transparent calc(.25 * var(--su,1cqw)))}.scene-idle .orb{width:calc(42 * var(--su,1cqw));height:calc(42 * var(--su,1cqw));right:29%;border-color:#ffa73228;box-shadow:0 0 0 calc(2.5 * var(--su,1cqw)) #ffc56805,0 0 0 calc(5.5 * var(--su,1cqw)) #ffc56804,0 0 calc(9 * var(--su,1cqw)) #ed8b1425;opacity:.8}.scene-idle h1{font-size:calc(6.4 * var(--su,1cqw));max-width:90%;font-weight:760;letter-spacing:-.035em;text-shadow:0 calc(.2 * var(--su,1cqw)) calc(2 * var(--su,1cqw)) #0006}.scene-idle>.eyebrow{font-size:calc(1.15 * var(--su,1cqw));letter-spacing:.28em;color:#ffc778}.scene-idle>p:last-of-type{font-size:calc(1.55 * var(--su,1cqw));color:#c3bdaf;max-width:75%}.scene-welcome h1,.scene-end h1{color:#fff5e4}.scene-background h1{font-size:calc(5.6 * var(--su,1cqw));color:#ffcf88}
.scene-answer.has-media .screen-media{opacity:.45;filter:blur(calc(.1 * var(--su,1cqw)))}.scene-answer.has-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05070dd9,#05070d50);pointer-events:none}.scene-answer .screen-copy h1{color:#ffc474;font-weight:750}.scene-answer.has-media .screen-copy h1{font-size:calc(5.6 * var(--su,1cqw))}.scene-answer.has-media.long-copy .screen-copy h1{font-size:calc(3 * var(--su,1cqw))}.scene-answer.has-media.very-long-copy .screen-copy h1{font-size:calc(2 * var(--su,1cqw))}.scene-answer.media-playing::after{display:none}.scene-answer.media-playing .screen-media{opacity:1;filter:none}.scene-answer.media-playing .screen-copy h1{font-size:calc(2 * var(--su,1cqw))}
.scene-timer .timer-circle{width:calc(30 * var(--su,1cqw));height:calc(30 * var(--su,1cqw));border-width:calc(.45 * var(--su,1cqw));background:radial-gradient(circle,#17171a,#07090e)}.scene-timer .timer-circle output{font-size:calc(8.4 * var(--su,1cqw));letter-spacing:-.045em}.scene-timer>p{color:#8e98a7;letter-spacing:.16em}
.scene-scores{padding:calc(1.4 * var(--su,1cqw)) calc(5 * var(--su,1cqw));gap:calc(.45 * var(--su,1cqw))}.scene-scores>h1{font-size:calc(3 * var(--su,1cqw))}.audience-score{font-size:calc(1.85 * var(--su,1cqw))}.audience-score>b{font-size:calc(2.6 * var(--su,1cqw))}.audience-score strong{font-size:calc(2.35 * var(--su,1cqw))}.audience-score small{font-size:calc(.85 * var(--su,1cqw))}.audience-tools{opacity:0}.audience-tools:focus-within,.audience-tools:hover{opacity:1}

/* A calm, animated break scene; reduced-motion is handled by the global rule. */
.break-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.break-controls>div{width:100%}.break-controls h2{margin-bottom:4px}.break-controls output{font-size:25px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}
.scene-break{overflow:hidden;gap:calc(.8 * var(--su,1cqw))}.scene-break>h1{font-size:calc(4.3 * var(--su,1cqw));line-height:1.08;max-width:90%}.scene-break>.eyebrow{font-size:calc(1.05 * var(--su,1cqw));margin-bottom:calc(.2 * var(--su,1cqw))}.break-timer{width:calc(27 * var(--su,1cqw));height:calc(27 * var(--su,1cqw));position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle,#181a1cf0,#090c11ec);box-shadow:0 0 calc(7 * var(--su,1cqw)) #e9941320,inset 0 0 calc(4 * var(--su,1cqw)) #f5b13808;flex-shrink:0}.break-timer svg{position:absolute;inset:0;transform:rotate(-90deg);width:100%;height:100%;overflow:visible}.break-timer circle{fill:none;stroke-width:1.4}.break-timer .timer-track{stroke:#f8b54d15}.break-timer .timer-progress{stroke:#ffc46b;stroke-width:2.3;filter:drop-shadow(0 0 .7px #ffd28d)}.break-timer output{font-size:calc(7.6 * var(--su,1cqw));line-height:1.1;font-weight:750;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff5e5}.break-timer>span{font-size:calc(.83 * var(--su,1cqw));letter-spacing:.17em;color:#bfaf99;margin-top:calc(.5 * var(--su,1cqw))}.scene-break>.break-message{font-size:calc(1.35 * var(--su,1cqw));max-width:90%;margin-top:calc(.4 * var(--su,1cqw))}.scene-break::after{content:'';position:absolute;width:160%;height:100%;left:-30%;top:34%;z-index:0;pointer-events:none;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 calc(1.05 * var(--su,1cqw)),#ffc57610 calc(1.1 * var(--su,1cqw)) calc(1.16 * var(--su,1cqw)),transparent calc(1.2 * var(--su,1cqw)) calc(1.9 * var(--su,1cqw)));transform:rotate(-8deg);animation:break-waves 16s ease-in-out infinite alternate;mask-image:linear-gradient(transparent,#000 40%);opacity:.8}.scene-break .break-timer{animation:break-glow 7s ease-in-out infinite alternate}.scene-break.break-paused::after,.scene-break.break-paused .break-timer{animation-play-state:paused}@keyframes break-waves{from{transform:translateX(-3%) rotate(-8deg)}to{transform:translateX(3%) rotate(7deg)}}@keyframes break-glow{from{box-shadow:0 0 calc(5 * var(--su,1cqw)) #e9941315,inset 0 0 calc(4 * var(--su,1cqw)) #f5b13806}to{box-shadow:0 0 calc(9 * var(--su,1cqw)) #e9941330,inset 0 0 calc(4 * var(--su,1cqw)) #f5b13812}}

.auto-advance-option{display:flex;align-items:center;gap:.65rem;margin-top:.8rem;font-weight:650;cursor:pointer}.auto-advance-option input{width:1.2rem;height:1.2rem;accent-color:#ffac30;flex:none}

/* Fill the available display, including browsers whose toolbars change the aspect ratio. */
.screen-frame{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.screen-header,.screen-footer{flex-shrink:0;font-size:clamp(11px,calc(1.1 * var(--su)),18px)}
.screen-header{min-height:calc(4.4 * var(--su))}.screen-header strong{font-size:clamp(13px,calc(1.4 * var(--su)),24px)}.screen-header strong img{min-width:23px;min-height:23px}
.screen-content .eyebrow{font-size:clamp(12px,calc(1.3 * var(--su)),22px)}
.screen-content.scene-question:not(.has-media){padding:calc(3 * var(--su)) calc(5 * var(--su)) calc(10 * var(--su));text-align:center}
.screen-content.scene-question:not(.has-media) .screen-copy{padding-right:0;width:100%}
.screen-content.scene-question:not(.has-media) h1{font-size:calc(7.8 * var(--su));font-weight:730;line-height:1.16;letter-spacing:-.025em;text-wrap:balance}
.screen-content.scene-question:not(.has-media).long-copy h1{font-size:calc(4.5 * var(--su));text-wrap:pretty}
.screen-content.scene-question:not(.has-media).very-long-copy h1{font-size:calc(3.2 * var(--su))}
.screen-content.scene-question.has-media .screen-copy{min-height:calc(7 * var(--su));padding-right:calc(12 * var(--su))}
.screen-content.scene-question.has-media .screen-copy h1{font-size:calc(3.2 * var(--su))}
.screen-content.scene-question.has-media.long-copy .screen-copy h1{font-size:calc(2.5 * var(--su))}
.screen-content.scene-question.has-media.very-long-copy .screen-copy h1{font-size:calc(2 * var(--su))}
.stage-clock{width:calc(9 * var(--su));height:calc(9 * var(--su));bottom:calc(3.4 * var(--su));right:calc(3 * var(--su))}
.screen-footer .stage-clock [data-clock]{font-size:calc(2.6 * var(--su))}
.screen-content.scene-answer:not(.has-media){text-align:center;padding:calc(3 * var(--su)) calc(6 * var(--su))}
.scene-answer:not(.has-media) h1{font-size:calc(7 * var(--su));line-height:1.16;text-wrap:balance}
.scene-answer:not(.has-media).long-copy h1{font-size:calc(3.5 * var(--su))}.scene-answer:not(.has-media).very-long-copy h1{font-size:calc(2.6 * var(--su))}
.submission-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;margin:16px 0;background:#ffaa2310;border:1px solid #ffac3045;border-radius:12px}
.submission-controls>div{flex:1;min-width:180px}.submission-controls h2{margin-bottom:6px}.submission-controls output{font-size:36px;font-weight:750;color:var(--gold);font-variant-numeric:tabular-nums}
.scene-round-end{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:calc(5 * var(--su));padding:calc(3 * var(--su)) calc(7 * var(--su));isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#e08a181a,transparent 60%)}
.submission-copy{z-index:1}.submission-copy h1{font-size:calc(7.2 * var(--su));font-weight:780;line-height:1.02;max-width:10em;letter-spacing:-.045em;text-wrap:balance;color:#fff7e8}
.submission-copy .eyebrow{letter-spacing:.2em;color:#ffc778;margin-bottom:calc(2 * var(--su))}
.submission-instruction{font-size:calc(2.35 * var(--su));line-height:1.35;color:#d5cbbc;margin-top:calc(2.2 * var(--su));max-width:22em}
.submission-timer{width:calc(34 * var(--su));height:calc(34 * var(--su));justify-self:center;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.7 * var(--su));background:radial-gradient(circle,#171717,#0b0e12);box-shadow:0 0 calc(8 * var(--su)) #ff9e241a;z-index:1;animation:none}
.submission-timer svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.submission-timer circle{fill:none;stroke-width:1.6}.submission-timer .timer-progress{stroke-width:2.5;stroke:#ffbc59}
.submission-timer output{font-size:calc(9.5 * var(--su));font-weight:750;line-height:1.15;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#fff6e8}
.submission-timer>span{font-size:calc(1.3 * var(--su));color:#bcaf9c}.submission-timer .submission-label{font-size:calc(1.1 * var(--su));letter-spacing:.15em;color:#ffc778}
.submission-paper{display:flex;align-items:center;gap:calc(1 * var(--su));margin-top:calc(2.6 * var(--su));color:#a59c8f;font-size:calc(1.5 * var(--su))}.submission-paper svg{width:calc(6.5 * var(--su));height:calc(6.5 * var(--su));fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.paper-sheet{stroke:#b88c52;animation:paper-float 7s ease-in-out infinite}.paper-check{stroke:#ffd18c;stroke-dasharray:44;stroke-dashoffset:44;animation:paper-check 7s ease-in-out infinite}
.submission-orbit{position:absolute;z-index:-1;pointer-events:none;width:70%;height:150%;right:-16%;border:1px solid #ffc36c26;border-radius:50%;--orbit-angle:-25deg;transform:rotate(-25deg);background:radial-gradient(ellipse,transparent 56%,#ffc36c05 78%,transparent);animation:orbit-pulse 10s ease-in-out infinite;will-change:transform,opacity}
.submission-orbit::before,.submission-orbit::after{content:'';position:absolute;inset:calc(-5 * var(--su));border:1px solid #ffc36c2b;border-radius:50%;--orbit-angle:0deg;animation:orbit-pulse 10s ease-in-out infinite;animation-delay:-3.3s;will-change:transform,opacity}
.submission-orbit::after{inset:calc(-10 * var(--su));animation-delay:-6.6s;border-color:#ffc36c20}
.submission-timer::before{content:'';position:absolute;inset:-12%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,transparent 49%,#ffab3222 59%,transparent 71%);animation:timer-halo 7s ease-in-out infinite;will-change:transform,opacity}
.submission-finished .submission-timer::before{animation:none;opacity:.35}
.scene-idle .orb{animation:idle-orbit-pulse 10s ease-in-out infinite;will-change:transform,opacity}
.submission-urgent .submission-timer{box-shadow:0 0 calc(7 * var(--su)) #ff9e2440}.submission-finished .submission-timer{animation:none}.submission-finished .submission-paper svg path{animation:none;stroke-dashoffset:0;stroke:#a6d8b8}.submission-finished .submission-timer output{color:#a6d8b8}
@keyframes timer-halo{0%,100%{opacity:.3;transform:scale(.96)}50%{opacity:.85;transform:scale(1.06)}}
@keyframes paper-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes paper-check{0%,15%{stroke-dashoffset:44;opacity:0}40%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes orbit-pulse{0%,100%{opacity:.35;transform:rotate(var(--orbit-angle)) scale(.94)}50%{opacity:.9;transform:rotate(var(--orbit-angle)) scale(1.05)}}
@keyframes idle-orbit-pulse{0%,100%{opacity:.4;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.05)}}
@media (max-aspect-ratio:1/1){
 .screen-content.scene-question:not(.has-media){padding:7cqw 6cqw 26cqw}.screen-content.scene-question:not(.has-media) h1{font-size:9cqw}.screen-content.scene-question:not(.has-media).long-copy h1{font-size:6cqw}.screen-content.scene-question:not(.has-media).very-long-copy h1{font-size:4.6cqw}
 .stage-clock{width:20cqw;height:20cqw;bottom:8cqw}.screen-footer .stage-clock [data-clock]{font-size:5.6cqw}
 .screen-content.scene-question.has-media .screen-copy{padding:2cqw 23cqw 2cqw 0;min-height:22cqw}.screen-content.scene-question.has-media .screen-copy h1{font-size:5.3cqw}
 .screen-content.scene-question.has-media.long-copy .screen-copy h1{font-size:4.3cqw}.screen-content.scene-question.has-media.very-long-copy .screen-copy h1{font-size:3.8cqw}
 .screen-content.scene-answer h1,.screen-content.scene-answer.has-media h1{font-size:8cqw}.screen-content.scene-answer.long-copy h1{font-size:5.5cqw}.screen-content.scene-answer.very-long-copy h1{font-size:4.3cqw}.accepted{font-size:3.5cqw}
 .scene-idle h1{font-size:10cqw}.scene-idle>p:last-of-type{font-size:4.3cqw}.scene-idle>.eyebrow{font-size:3cqw}.scene-idle .orb{width:80cqw;height:80cqw;right:10%}
 .scene-break .break-timer{width:70cqw;height:70cqw;margin:5cqw 0}.break-timer output{font-size:19cqw}.break-timer>span{font-size:2.5cqw}.scene-break>h1{font-size:9cqw}
 .scene-timer .timer-circle{width:76cqw;height:76cqw}.scene-timer .timer-circle output{font-size:21cqw}.timer-circle p,.scene-timer>p{font-size:3cqw}
 .scene-round-end{grid-template-columns:1fr;align-content:center;gap:6cqw;padding:6cqw;text-align:center}.submission-copy h1{font-size:11cqw;max-width:none}.submission-copy .eyebrow{font-size:3cqw;margin-bottom:3cqw}.submission-instruction{font-size:5cqw;margin:3cqw auto 0}.submission-paper{display:none}.submission-timer{width:70cqw;height:70cqw}.submission-timer output{font-size:20cqw}.submission-timer>span{font-size:3cqw}.submission-timer .submission-label{font-size:2.8cqw}
 .scene-scores>h1{font-size:7cqw}.scene-scores>.eyebrow,.score-page{font-size:3cqw}.audience-score{grid-template-columns:8cqw minmax(0,1fr) 13cqw;font-size:4.3cqw}.audience-score>b,.audience-score strong{font-size:5.5cqw}.audience-score small{font-size:2.7cqw}
}
@media(prefers-reduced-motion:reduce){*::before,*::after{animation:none!important;transition:none!important}.paper-check{stroke-dashoffset:0}}

/* Anchor the pulse at the scene center even on ultrawide displays. */
.scene-idle .orb{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}
.live-media{position:relative}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;max-width:90%;padding:.8em 1.3em;background:#111b2def;border:1px solid #ffc371;box-shadow:0 8px 50px #0009;color:#fff5e4;font-size:clamp(16px,calc(1.6 * var(--su)),30px);white-space:nowrap}
.scene-answer .screen-copy{pointer-events:none}
.stage-clock.waiting-media::after{content:'ПОСЛЕ МЕДИА';position:absolute;top:72%;left:0;width:100%;text-align:center;font-size:calc(.7 * var(--su));color:#cbbfaa;letter-spacing:.04em}
.stage-clock.waiting-media [data-clock]{padding-bottom:.15em}

/* Larger score rows keep names, progress and points close to one another. */
.scene-scores{padding:calc(1.1 * var(--su)) calc(3.3 * var(--su));gap:calc(.8 * var(--su));overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#df8e1712,transparent 65%)}
.scene-scores>h1{font-size:calc(4.2 * var(--su));text-align:center;font-weight:780;line-height:1.1;letter-spacing:-.025em;margin:0 0 calc(.5 * var(--su))}
.scene-scores>.eyebrow{font-size:calc(1.15 * var(--su));line-height:1.3}
.audience-scores{gap:calc(.65 * var(--su));align-content:start}
.audience-score{grid-template-columns:calc(4 * var(--su)) minmax(0,1fr) minmax(0,.7fr) calc(9 * var(--su));gap:calc(1.4 * var(--su));padding:calc(.5 * var(--su)) calc(1.4 * var(--su));border:1px solid #ffb64a40;border-radius:calc(1 * var(--su));background:linear-gradient(120deg,#182231b0,#080e1590);font-size:calc(2.6 * var(--su));line-height:1.08;min-width:0;overflow:hidden}
.audience-score.score-leader{border-color:#ffb64a88;background:linear-gradient(115deg,#70441220,#101823b0 38%,#080e1590)}
.audience-score>b{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid #ffc778;border-radius:50%;background:radial-gradient(circle,#241c12,#0b0d11);font-size:calc(2.5 * var(--su));box-shadow:0 0 calc(1.5 * var(--su)) #ffae3620;font-variant-numeric:tabular-nums}
.audience-score>b small{display:none}
.audience-score>span{white-space:normal;font-weight:700;overflow-wrap:anywhere}
.audience-score small{font-size:calc(.95 * var(--su));line-height:1.25;margin-top:calc(.4 * var(--su));font-weight:400;letter-spacing:0;color:#aab4c8}
.audience-score strong{text-align:center;font-size:calc(3.6 * var(--su));font-weight:780;color:#ffbf5d;border-left:1px solid #ffb64a40;font-variant-numeric:tabular-nums;line-height:1}
.audience-score strong small{font-size:calc(1 * var(--su));text-transform:uppercase;letter-spacing:.14em}
.audience-progress{display:flex;align-items:center;justify-content:center;gap:calc(.65 * var(--su));min-width:0}
.audience-progress i{display:block;width:calc(1.5 * var(--su));height:calc(1.5 * var(--su));max-width:calc((100% - 11 * .3 * var(--su))/12);flex:0 1 calc(1.5 * var(--su));aspect-ratio:1;border-radius:50%;border:2px solid #65718a;background:#0b1320}
.audience-progress i.checked{border-color:#ffc16d;background:#ffb849;box-shadow:0 0 calc(1 * var(--su)) #ffac3640}
.scores-featured .audience-score{grid-template-columns:calc(8.8 * var(--su)) minmax(0,1fr) minmax(0,.85fr) calc(15 * var(--su));padding:calc(1 * var(--su)) calc(2 * var(--su));font-size:calc(3.9 * var(--su));gap:calc(2.6 * var(--su))}
.scores-featured .audience-score>b{font-size:calc(5.3 * var(--su));border-width:calc(.23 * var(--su))}
.scores-featured .audience-score strong{font-size:calc(6.6 * var(--su))}
.scores-featured .audience-score small{font-size:calc(1.65 * var(--su));margin-top:calc(.65 * var(--su))}
.scores-featured .audience-score strong small{font-size:calc(1.4 * var(--su))}
.scores-featured .audience-scores{gap:calc(1 * var(--su));grid-auto-rows:minmax(0,1fr)}
.scores-featured .audience-progress{gap:calc(.9 * var(--su))}
.scores-featured .audience-progress i{width:calc(2 * var(--su));height:calc(2 * var(--su));flex-basis:calc(2 * var(--su));max-width:none}
.scene-scores .score-page{font-size:calc(1.05 * var(--su))}
.scene-scores:not(.scores-featured) .audience-score{grid-template-columns:calc(3.5 * var(--su)) minmax(0,1fr) minmax(0,.7fr) calc(9 * var(--su));padding:calc(.3 * var(--su)) calc(1.4 * var(--su));font-size:calc(2.3 * var(--su))}
.scene-scores:not(.scores-featured) .audience-score>b{font-size:calc(2.2 * var(--su))}
.scene-scores:not(.scores-featured) .audience-score strong{font-size:calc(2.8 * var(--su))}
.scene-scores:not(.scores-featured) .audience-score small{font-size:calc(.75 * var(--su));margin-top:calc(.15 * var(--su))}
.scene-scores:not(.scores-featured) .audience-scores{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-aspect-ratio:1/1){
 .scene-scores{padding:3cqw;gap:2cqw}.scene-scores>h1{font-size:7.5cqw}.scene-scores>.eyebrow,.scene-scores .score-page{font-size:3cqw}
 .audience-score,.scores-featured .audience-score{grid-template-columns:12cqw minmax(0,1fr) 17cqw;gap:3cqw;padding:2cqw;font-size:5.6cqw;border-radius:3cqw}
 .audience-score>b,.scores-featured .audience-score>b{font-size:7cqw;grid-row:1/3;grid-column:1}
 .audience-score>span{grid-column:2;grid-row:1;align-self:end}.audience-score>span small,.scores-featured .audience-score>span small{font-size:2.8cqw}
 .audience-score strong,.scores-featured .audience-score strong{grid-column:3;grid-row:1/3;font-size:9cqw}.audience-score strong small,.scores-featured .audience-score strong small{font-size:2.5cqw}
 .audience-progress{grid-column:2;grid-row:2;justify-content:flex-start;align-self:start;gap:1cqw}.audience-progress i,.scores-featured .audience-progress i{width:2.4cqw;height:2.4cqw;flex-basis:2.4cqw;max-width:none;border-width:1px}
 .audience-scores,.scores-featured .audience-scores{gap:2cqw}.stage-clock.waiting-media::after{font-size:1.7cqw}
 .scene-scores:not(.scores-featured) .audience-score{grid-template-columns:9cqw minmax(0,1fr) 15cqw;gap:1.4cqw;padding:1cqw 2cqw;font-size:4.5cqw}
 .scene-scores:not(.scores-featured) .audience-score>b{font-size:5.8cqw}.scene-scores:not(.scores-featured) .audience-score strong{font-size:7cqw}.scene-scores:not(.scores-featured) .audience-score small{font-size:2.3cqw;margin-top:1cqw}
 .scene-scores:not(.scores-featured) .audience-progress{display:none}
 .scene-scores:not(.scores-featured) .audience-scores{grid-template-columns:1fr}
 .scene-scores:not(.scores-featured) .audience-score>b,.scene-scores:not(.scores-featured) .audience-score strong,.scene-scores:not(.scores-featured) .audience-score>span{grid-row:1;align-self:center}
}
.enable-audio{position:fixed;right:20px;bottom:20px;z-index:20;background:#b56a0c;color:white;border-color:#ffd18c}
.tv-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 85% 10%,#96602030,transparent 60%),#080c13}.tv-card{width:min(92vw,900px);padding:40px;border:1px solid #ffbc5455;border-radius:22px;background:#111923}.tv-card h1{font-size:clamp(32px,4vw,58px);margin:14px 0}.tv-card>p{font-size:clamp(18px,2vw,26px);margin-bottom:20px}.tv-card .muted{font-size:18px;margin-top:28px}.tv-card form{display:grid;gap:16px}.tv-card label{font-size:22px}.tv-card input{width:100%;background:#070e19;color:#ffc66b;border:2px solid #8795b1;border-radius:10px;padding:16px;font-size:clamp(32px,5vw,64px);font-variant-numeric:tabular-nums;letter-spacing:.18em}.tv-card button{font-size:26px;padding:18px}.tv-card #tv-error{color:#ffca88;font-size:20px;margin-top:18px}.tv-pair{padding:20px;margin-bottom:22px;border:1px solid #ffb84755;border-radius:14px;background:#182131}.tv-pair output{display:block;font-size:clamp(32px,6vw,58px);letter-spacing:.2em;font-weight:750;color:#ffc46b;margin:10px 0;font-variant-numeric:tabular-nums}.local-sound{position:fixed;left:12px;bottom:25px;z-index:12;opacity:.22;font-size:12px;padding:8px;min-height:32px}.local-sound:focus,.local-sound:hover{opacity:1}.enable-overlay button{margin:8px}.tv-card :focus-visible{outline:5px solid #ffc66b;outline-offset:5px}
@supports not (container-type:size){.screen-frame{container-type:normal;--su:min(1vw,1.77778vh);height:100vh}.audience-shell{height:100vh}}

/* Actual sound drives the ring; the canvas stays below clues and timer digits. */
.score-event-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.score-event-fields label{display:grid;gap:7px;min-width:0}.score-event-fields input{width:100%;min-width:0}
.results-export{width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #8c6a35;border-radius:20px;background:#111b26;color:#f4f6fb;overflow:auto;box-sizing:border-box}.results-export::backdrop{background:#02060bd9}.export-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.export-heading h2{margin:0 0 8px}.export-heading p{color:#b0bdce;margin:0}.export-preview{margin:16px 0;background:#e8e9eb;border-radius:12px;overflow:hidden}.export-preview canvas{display:block;width:100%;height:auto}.export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:sticky;bottom:-24px;padding:16px 0;background:#111b2af5}.export-download{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #526075;border-radius:12px;background:#243147;color:white;text-decoration:none;min-height:44px;font-weight:700}.export-download.primary{background:#ffae32;color:#101720;border-color:#ffcc76}.export-download[aria-disabled=true]{opacity:.5;pointer-events:none}.results-export :focus-visible{outline:3px solid #ffce7c;outline-offset:3px}.results-export [data-export-status]:empty,.results-export [data-export-warning]:empty{display:none}
@media(max-width:600px){.score-event-fields{grid-template-columns:1fr}.results-export{padding:14px}.export-actions{bottom:-14px}.export-download{flex:1 1 100%}}
.audio-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.has-audio-ring{isolation:isolate}
.has-audio-ring .orb,.has-audio-ring .submission-orbit{visibility:hidden;animation:none;will-change:auto}
.has-audio-ring.scene-break::after,.has-audio-ring .submission-timer::before{display:none}
.has-audio-ring .break-timer{animation:none}
.has-audio-ring .timer-circle,.has-audio-ring>.break-message,.has-audio-ring.scene-timer>p{position:relative;z-index:1}
.has-audio-ring .sound-visual{position:relative;z-index:1}
.has-audio-ring .sound-visual>span{font-size:calc(7 * var(--su,1cqw));text-shadow:0 0 calc(3 * var(--su,1cqw)) #ffc57540}
.has-audio-ring .sound-visual p{font-size:calc(1.2 * var(--su,1cqw));margin-top:calc(.8 * var(--su,1cqw));color:#ddbf90}
@media(max-aspect-ratio:1/1){.has-audio-ring .sound-visual>span{font-size:18cqw}.has-audio-ring .sound-visual p{font-size:3.2cqw;margin-top:2cqw}}

/* Answer illustrations remain sharp and visible, including while audio is paused. */
.screen-content.scene-answer.has-karaoke{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto minmax(0,1fr);gap:calc(2 * var(--su));text-align:left;padding:calc(2.6 * var(--su)) calc(4 * var(--su))}
.scene-answer.has-karaoke .screen-copy{grid-column:1/3;grid-row:1;position:relative;inset:auto;margin:0;padding:0;background:none;text-shadow:none}
.scene-answer.has-karaoke .screen-copy h1{font-size:calc(2.6 * var(--su));color:#e9e3d5}
.scene-answer.has-karaoke .screen-copy .eyebrow{display:block;font-size:calc(.95 * var(--su))}
.scene-answer.has-karaoke .screen-media{grid-row:2;grid-column:1;position:relative;inset:auto;width:100%;height:100%;min-height:0;opacity:1;filter:none;background:none}
.scene-answer.has-karaoke .live-media{height:100%;background:none}
.live-karaoke{grid-row:2;grid-column:2;display:flex;flex-direction:column;justify-content:center;gap:calc(2 * var(--su));min-width:0;position:relative;z-index:1;max-height:100%;overflow:hidden}
.karaoke-line{margin:0;color:#77808e;font-size:calc(3.4 * var(--su));line-height:1.35;font-weight:750;overflow-wrap:anywhere;transition:color .25s}
.karaoke-line[hidden]{display:none}.karaoke-line.current-line{color:#fff3dc}.karaoke-word.current{color:#ffc364;text-shadow:0 0 1em #ffa62050}.karaoke-word.sung{color:#dca653}
@media(max-aspect-ratio:1/1){.screen-content.scene-answer.has-karaoke{grid-template-columns:1fr;grid-template-rows:auto minmax(15cqh,1fr) minmax(25cqh,1.2fr);gap:3cqw;padding:4cqw}.scene-answer.has-karaoke .screen-copy{grid-column:1}.scene-answer.has-karaoke .screen-copy h1{font-size:5cqw}.scene-answer.has-karaoke .screen-copy .eyebrow{font-size:2.5cqw}.scene-answer.has-karaoke .screen-media{grid-column:1;grid-row:2}.live-karaoke{grid-column:1;grid-row:3;gap:4cqw;justify-content:flex-start;align-self:stretch;padding-top:2cqw}.karaoke-line{font-size:6.4cqw}}
.screen-content.scene-answer.has-answer-photo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:calc(3 * var(--su));align-items:center;text-align:left}
.scene-answer.has-answer-photo .screen-media{position:relative;inset:auto;width:100%;height:100%;min-height:0;opacity:1;filter:none}
.scene-answer.has-answer-photo .screen-copy{width:100%;margin:0;padding:0;background:none;border-radius:0;text-shadow:none}
.scene-answer.has-answer-photo .screen-copy h1{font-size:calc(4 * var(--su));overflow-wrap:anywhere}
.scene-answer.has-answer-photo.long-copy .screen-copy h1{font-size:calc(2.8 * var(--su))}
.scene-answer.has-answer-photo.very-long-copy .screen-copy h1{font-size:calc(2 * var(--su))}
.scene-answer.has-answer-photo .screen-copy .eyebrow{display:block}
.scene-answer.has-answer-photo .clue-image{max-height:calc(36 * var(--su));border-radius:calc(.8 * var(--su))}
.scene-answer.has-answer-photo .media-play{top:auto;bottom:calc(1 * var(--su));transform:translateX(-50%)}
.scene-rules{justify-content:center;gap:calc(1.6 * var(--su));padding:calc(2 * var(--su)) calc(7 * var(--su));background:radial-gradient(ellipse at 95% 100%,#a65d1422,transparent 65%)}
.scene-rules .rules-heading h1{font-size:calc(3 * var(--su));font-weight:750;color:#ffb34f}
.scene-rules .rules-heading .eyebrow{margin-bottom:calc(.7 * var(--su))}
.round-rules{white-space:pre-line;font-size:calc(2 * var(--su));line-height:1.4;overflow-wrap:anywhere;color:#f3f4f8}
.rules-page{font-size:calc(1.05 * var(--su));color:#aab8ca;border-top:1px solid #ffac3033;padding-top:calc(1 * var(--su))}
@media(max-aspect-ratio:1/1){
 .screen-content.scene-answer.has-answer-photo{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);text-align:center;gap:4cqw}
 .scene-answer.has-answer-photo .screen-copy h1{font-size:8cqw}.scene-answer.has-answer-photo.long-copy .screen-copy h1{font-size:5.5cqw}
 .scene-answer.has-answer-photo .clue-image{max-height:55cqh}
 .scene-rules{padding:5cqw 6cqw;gap:4cqw}.scene-rules .rules-heading h1{font-size:6cqw}
 .round-rules{font-size:4.2cqw;line-height:1.4}.rules-page{font-size:3.1cqw}
}
/* Music Bingo keeps its own plum/lilac palette; quiz and music quiz stay amber. */
body[data-game-format=bingo]{--gold:#c59aff;--panel:#21162e;--line:#453057;--muted:#c0aecf;background:#100b18;color:#f7f0ff}
body[data-game-format=bingo] .host-shell{background:linear-gradient(135deg,#21152e,#100b18)}
body[data-game-format=bingo] .preview.next{background:#1b1227}
body[data-game-format=bingo] button{background:#332340;border-color:#624778}
body[data-game-format=bingo] button:hover{background:#443054}
body[data-game-format=bingo] .primary,body[data-game-format=bingo] .number-grid button[aria-current=true]{background:linear-gradient(115deg,#d1b0ff,#a570ed);border-color:#dac0ff;color:#20102f;box-shadow:0 0 24px #ab70ed20}
body[data-game-format=bingo] .preview.current{border-top-color:#bb8af3}
body[data-game-format=bingo] select,body[data-game-format=bingo] input[type=number]{background:#1c1228;border-color:#604875}
body[data-game-format=bingo] .notice{color:#ddc2ff}
body[data-game-format=bingo] .screen-frame{background:radial-gradient(ellipse at 78% 75%,#64308c30,transparent 65%),radial-gradient(ellipse at 18% 14%,#57307525,transparent 55%),#100b18}
body[data-game-format=bingo] .screen-header,body[data-game-format=bingo] .screen-footer{border-color:#bf8bff25;color:#bfb0cb}
body[data-game-format=bingo] .screen-header img{filter:grayscale(1) brightness(1.6)}
body[data-game-format=bingo] .scene-idle .eyebrow,body[data-game-format=bingo] .scene-rules .rules-heading h1{color:#d2b3fa}
body[data-game-format=bingo] .scene-idle>p:last-of-type{color:#c9bad6}
body[data-game-format=bingo] .orb{border-color:#b881f026;background:radial-gradient(circle at 30% 85%,#6b3d8b22,transparent 65%);box-shadow:0 0 0 calc(2 * var(--su)) #b87aff08,0 0 calc(5 * var(--su)) #a460e81a}
body[data-game-format=bingo] .scene-rules{background:radial-gradient(ellipse at 95% 100%,#a46ce321,transparent 65%)}
body[data-game-format=bingo] .rules-page{border-color:#bf8bff33}
body[data-game-format=bingo] .timer-progress{stroke:#c499ff}
body[data-game-format=bingo] .timer-track{stroke:#8b5cad30}
body[data-game-format=bingo] .break-timer{border-color:#b17ae55c;box-shadow:0 0 calc(6 * var(--su)) #a45be51a}
body[data-game-format=bingo] .break-timer::before,body[data-game-format=bingo] .scene-break::after{border-color:#b17ae52c}
body[data-game-format=bingo] .sound-visual{color:#d6b5ff}
body[data-game-format=bingo] .has-audio-ring .sound-visual>span{color:#dcc0ff;text-shadow:0 0 calc(3 * var(--su)) #c399ff40}
body[data-game-format=bingo] .has-audio-ring .sound-visual p{color:#ccb6e3}
body[data-game-format=bingo] .screen-content.scene-question.has-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:calc(3 * var(--su))}
body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy{grid-column:1;grid-row:1;padding:0;align-self:center;display:flex;flex-direction:column;align-items:flex-start}
body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy h1{font-size:calc(5 * var(--su));line-height:1.12;color:#fcf8ff}
body[data-game-format=bingo] .scene-question .screen-media{grid-column:2;grid-row:1;background:none}
body[data-game-format=bingo] .screen-copy .bingo-song-artist{font-size:calc(2.2 * var(--su));margin-top:calc(1.6 * var(--su));color:#d1b9e4;line-height:1.35}
body[data-game-format=bingo] .scene-bingo-check h1{font-size:calc(6 * var(--su));max-width:90%}
body[data-game-format=bingo] .scene-bingo-check>p{position:relative;z-index:1;max-width:80%;font-size:calc(2.2 * var(--su))}
body[data-game-format=bingo] .scene-bingo-check>.eyebrow{font-size:calc(1.1 * var(--su))}
body[data-game-format=bingo] .scene-bingo-check>.bingo-prize-note{font-size:calc(1.4 * var(--su));color:#bda9cc}
body[data-game-format=bingo] .enable-overlay{background:#100a19f5}
body[data-game-format=bingo] .enable-audio{background:#69438b;border-color:#cfa5ff}
body[data-game-format=bingo] .tv-pair{background:#251831;border-color:#b881f055}
body[data-game-format=bingo] .tv-pair output{color:#d5b3ff}
.bingo-pack-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ad7bdd;border-radius:10px;background:#3a2352;color:#f2ddff;text-decoration:none;font-weight:650}
.bingo-pack-link:hover{background:#4b3065}
@media(max-aspect-ratio:1/1){
 body[data-game-format=bingo] .screen-content.scene-question.has-media{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:5cqw;gap:4cqw}
 body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy{grid-column:1;grid-row:1;text-align:center}
 body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy h1{font-size:8cqw}
 body[data-game-format=bingo] .screen-copy .bingo-song-artist{font-size:4.5cqw;margin-top:3cqw}
 body[data-game-format=bingo] .scene-question .screen-media{grid-column:1;grid-row:2;min-height:20cqh}
 body[data-game-format=bingo] .scene-bingo-check h1{font-size:11cqw}
 body[data-game-format=bingo] .scene-bingo-check>p{font-size:5cqw;max-width:95%}
 body[data-game-format=bingo] .scene-bingo-check>.eyebrow,body[data-game-format=bingo] .scene-bingo-check>.bingo-prize-note{font-size:3.3cqw}
}

body[data-game-format=bingo] .media-play{border-color:#caa4f4;background:#241531ee;color:#faf3ff}
body[data-game-format=bingo] .break-timer{animation-name:bingo-break-glow}
@keyframes bingo-break-glow{from{box-shadow:0 0 calc(5 * var(--su)) #a66ee31a,inset 0 0 calc(4 * var(--su)) #cfafff08}to{box-shadow:0 0 calc(9 * var(--su)) #a66ee333,inset 0 0 calc(4 * var(--su)) #cfafff12}}
/* Bingo lyrics follow the current song; the reactive ring remains on the left. */
body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto minmax(0,1fr);gap:calc(2 * var(--su));padding:calc(2.4 * var(--su)) calc(4 * var(--su))}
body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-copy{grid-column:1/3;grid-row:1;min-height:0;width:100%;padding:0;align-self:start}
body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-copy h1{font-size:calc(3.1 * var(--su));line-height:1.12}
body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .bingo-song-artist{font-size:calc(1.4 * var(--su));margin-top:calc(.7 * var(--su))}
body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-media{grid-column:1;grid-row:2;min-height:0;position:relative;inset:auto;background:none}
body[data-game-format=bingo] .scene-question.has-karaoke .live-media{height:100%;background:none}
body[data-game-format=bingo] .scene-question.has-karaoke .live-karaoke{grid-column:2;grid-row:2;align-self:stretch;gap:calc(1.7 * var(--su));padding:calc(1 * var(--su)) 0}
body[data-game-format=bingo] .karaoke-line{color:#9282a6;font-size:calc(3.1 * var(--su));line-height:1.35}
body[data-game-format=bingo] .karaoke-line.current-line{color:#faf4ff}
body[data-game-format=bingo] .karaoke-word.current{color:#d9adff;text-shadow:0 0 1em #b56cfa55}
body[data-game-format=bingo] .karaoke-word.sung{color:#ad87cb}
@media(max-aspect-ratio:1/1){
 body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke{grid-template-columns:1fr;grid-template-rows:auto minmax(0,.9fr) minmax(0,1.1fr);padding:4cqw;gap:3cqw}
 body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-copy{grid-column:1;grid-row:1;text-align:center}
 body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-copy h1{font-size:6.2cqw}
 body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .bingo-song-artist{font-size:3.5cqw;margin-top:2cqw}
 body[data-game-format=bingo] .screen-content.scene-question.has-media.has-karaoke .screen-media{grid-column:1;grid-row:2;min-height:0}
 body[data-game-format=bingo] .scene-question.has-karaoke .live-karaoke{grid-column:1;grid-row:3;justify-content:flex-start;padding:2cqw 0;gap:4cqw;text-align:center}
 body[data-game-format=bingo] .karaoke-line{font-size:6.1cqw}
}

body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy>.eyebrow{display:block}
@media(max-aspect-ratio:1/1){body[data-game-format=bingo] .screen-content.scene-question.has-media .screen-copy{align-items:center}}

.scene-answer.has-karaoke::after{display:none}
.screen-content.scene-answer.has-video-karaoke,body[data-game-format=bingo] .screen-content.scene-question.has-media.has-video-karaoke{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.screen-content.has-video-karaoke .live-media video{width:100%;height:100%;max-height:100%;object-fit:contain;background:#06070c}
@media(max-aspect-ratio:1/1){.screen-content.scene-answer.has-video-karaoke,body[data-game-format=bingo] .screen-content.scene-question.has-media.has-video-karaoke{grid-template-columns:1fr}}

/* Standalone photographs use the stage, without song or quiz elements. */
.screen-content.scene-photo{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:calc(1.2 * var(--su));padding:calc(1.3 * var(--su)) calc(3 * var(--su));overflow:hidden}
.scene-photo .photo-art{flex:1 1 0;min-height:0;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:calc(.8 * var(--su));background:#03060a55}
.scene-photo .photo-art>img,.scene-photo .photo-art>svg{display:block;width:100%;height:100%;object-fit:contain}
.scene-photo .photo-copy{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(.45 * var(--su));text-align:center;min-width:0;overflow:hidden;padding:0 calc(1 * var(--su))}
.scene-photo .photo-copy h1{font-size:calc(2.8 * var(--su));font-weight:750;line-height:1.15;margin:0;overflow-wrap:anywhere}
.scene-photo .photo-copy p{font-size:calc(1.65 * var(--su));line-height:1.4;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#d4cddd}
.scene-photo .photo-number{color:var(--gold);font-weight:700;font-size:calc(1.05 * var(--su));letter-spacing:.1em;text-transform:uppercase;flex:none}
.scene-photo .photo-unavailable{font-size:calc(2 * var(--su));color:#b7a8c5;text-align:center}
.host-photo-nav{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.host-photo-nav h3{margin:14px 0 8px;font-size:12px;color:var(--muted)}.host-photo-nav>div{display:grid;gap:6px}.host-photo-nav button{min-width:0;display:flex;gap:9px;align-items:center;text-align:left;font-size:12px;padding:9px 11px;background:#181c25}.host-photo-nav button span{flex:none;color:var(--gold);border:1px solid currentColor;border-radius:5px;padding:2px 5px}.host-photo-nav button[aria-current=true]{border-color:var(--gold);background:#5d3c6f44}
@media(max-aspect-ratio:1/1){.screen-content.scene-photo{padding:3cqw;gap:3cqw}.scene-photo .photo-copy{gap:1.5cqw}.scene-photo .photo-copy h1{font-size:6.2cqw}.scene-photo .photo-copy p{font-size:4cqw}.scene-photo .photo-number{font-size:3cqw}.scene-photo .photo-unavailable{font-size:5cqw}}
@media(max-width:620px){.host-photo-nav{margin-top:12px}.host-photo-nav>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scene-photo .photo-art{position:relative}.scene-photo .photo-art>img,.scene-photo .photo-art>svg{position:absolute;inset:0;max-width:100%;max-height:100%}

/* Add voting photos directly while hosting; controls stay usable during upload. */
.host-photo-panel{padding:clamp(16px,2vw,26px);border:1px solid #394557;border-radius:18px;background:linear-gradient(135deg,#19202e,#101722);margin-bottom:18px}
.host-photo-panel h2{font-size:1.25rem;margin:0 0 8px}.host-photo-panel h3{font-size:1rem;margin:18px 0 10px}
.host-photo-panel fieldset{border:0;padding:0;margin:16px 0 8px;display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.4fr) auto;gap:12px;align-items:end;min-width:0}
.host-photo-panel label{display:grid;gap:7px;min-width:0}.host-photo-panel input,.host-photo-panel select{width:100%;min-width:0;box-sizing:border-box}
.host-photo-panel input[data-host-photo-title]{min-height:44px;padding:10px 12px;border:1px solid #655276;border-radius:9px;background:#171221;color:#f5eaff;font:inherit}.host-photo-panel input[data-host-photo-title]::placeholder{color:#b3a3c4}
.host-photo-panel [data-host-photo-list]{max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.host-photo-upload{position:relative;overflow:hidden;cursor:pointer;background:#dfb6ff;color:#241138;border-radius:10px;padding:13px 18px;font-weight:700;text-align:center}
.host-photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}.host-photo-upload:focus-within{outline:3px solid white;outline-offset:3px}
.host-photo-buttons{display:flex;gap:10px;flex-wrap:wrap}.host-photo-buttons button{display:grid;text-align:left;gap:5px;max-width:100%;overflow-wrap:anywhere}.host-photo-buttons span,.host-photo-buttons small{font-size:.8rem;color:#bea2d6}
.host-photo-buttons button[aria-current=true]{border-color:#dba1ff;box-shadow:0 0 0 1px #dba1ff}.host-photo-panel [role=status]{color:#e5c7ff}
body[data-game-format=bingo] .host-photo-panel{background:linear-gradient(135deg,#291b3c,#161223);border-color:#59416d}
@media(max-width:700px){.host-photo-panel fieldset{grid-template-columns:1fr}.host-photo-panel .host-photo-upload{min-height:48px;align-items:center}.host-photo-buttons{display:grid;grid-template-columns:1fr}.host-photo-panel{padding:16px}}