.quiz-screen{--gold:#ffd568;--blue:#4ca6ff;--border:#303c64;background:radial-gradient(ellipse at top,#1c2a4d,#0b1020 65%);color:#fff;font-family:system-ui,sans-serif;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:960px;width:100%;box-sizing:border-box}.quiz-screen *{box-sizing:border-box}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-logo{font-size:32px;font-weight:900;line-height:1.1;letter-spacing:-1px}.quiz-logo>span{color:var(--gold)}.quiz-logo small{display:block;font-size:9px;color:#acb7d5;letter-spacing:1px;margin-top:7px}.quiz-category{background:var(--gold);color:#11172c;border-radius:12px;padding:8px 12px;font-size:16px;font-weight:800;text-align:center;max-width:50%;overflow-wrap:anywhere}.quiz-category small{display:block;font-size:11px;margin-top:3px}.quiz-connection{display:flex;justify-content:space-between;color:#a9bddf;font-size:11px;gap:12px}.quiz-connection>span{color:var(--gold)}.quiz-clock{height:39px;position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#131c34}.quiz-clock>div{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:15px;font-size:14px;font-weight:700}.quiz-seconds{font-size:22px}.quiz-timebar{appearance:none;display:block;width:100%;height:100%;border:0;background:#131c34}.quiz-timebar::-webkit-progress-bar{background:#131c34}.quiz-timebar::-webkit-progress-value{background:#2168bd;transition:width .2s linear}.quiz-timebar::-moz-progress-bar{background:#2168bd}.quiz-timebar.warning::-webkit-progress-value{background:#aa680d}.quiz-timebar.critical::-webkit-progress-value{background:#c93049}.quiz-timebar.warning::-moz-progress-bar{background:#aa680d}.quiz-timebar.critical::-moz-progress-bar{background:#c93049}.quiz-question{min-height:104px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:24px;line-height:1.23;font-weight:800;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:14px;background:#141d34}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{--choice:#ff8094;border:2px solid var(--choice);border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:66px;background:#151f37}.quiz-option.option-1{--choice:#6bcaff}.quiz-option.option-2{--choice:#ffcf65}.quiz-option.option-3{--choice:#bda1ff}.quiz-letter{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--choice);color:#11182b;flex:none;font-size:20px}.quiz-option-text{flex:1;min-width:0;font-size:18px;font-weight:700;overflow-wrap:anywhere;line-height:1.2}.quiz-voters{display:flex;flex:none;max-width:86px}.quiz-voters>span+span{margin-left:-12px}.quiz-avatar{width:30px;height:30px;flex:none;display:inline-grid;place-items:center;position:relative;border-radius:50%;background:#345071;color:#fff;border:2px solid #182039;overflow:hidden;vertical-align:middle;font-size:13px;font-weight:800}.quiz-avatar img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.quiz-vote-count{font-size:21px;min-width:22px;text-align:right;color:var(--gold)}.quiz-option.is-correct{background:#174b39;border-color:#63e8a4}.quiz-option.is-wrong{opacity:.38}.quiz-round-status{font-size:13px;text-align:center;min-height:23px;color:#c2cbe3}.quiz-round-status b{color:var(--gold)}.quiz-panels{display:grid;grid-template-columns:1.06fr 1fr;gap:10px;flex:1;min-height:300px}.quiz-panel{border:1px solid var(--border);background:#141d34;border-radius:14px;padding:12px;min-width:0}.quiz-panel h2{font-size:12px;letter-spacing:1px;color:var(--gold);margin:0 0 9px;line-height:1.3}.quiz-round-top{display:flex;flex-direction:column}.quiz-player{display:flex;align-items:center;gap:5px;min-width:0;padding:7px 0;border-bottom:1px solid #283555;font-size:12px}.quiz-rank{width:20px;text-align:center;flex:none;font-size:14px}.quiz-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-player b{font-size:13px;color:var(--gold);flex:none}.quiz-player small{font-size:8px}.quiz-side{display:flex;flex-direction:column;gap:10px}.quiz-side>.quiz-panel{flex:1}.quiz-rule{border-top:1px solid var(--border);padding-top:9px;margin-top:auto;text-align:center;font-size:11px;color:#aab7d1}.quiz-empty{font-size:12px;text-align:center;color:#9eaed0;line-height:1.5;margin:14px 0}.quiz-likes{border-top:1px solid var(--border);padding-top:10px;margin-top:10px;color:var(--gold);font-size:12px;text-align:center}.quiz-footer{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8eabd2}.quiz-final{padding:28px 0;min-height:360px;text-align:center;display:flex;flex-direction:column;justify-content:center}.quiz-final p{color:var(--gold);font-size:15px;letter-spacing:2px}.quiz-final h1{font-size:28px;margin:14px 0 28px}.quiz-podium{display:flex;align-items:flex-end;gap:8px;justify-content:center}.quiz-winner{width:32%;min-width:0;background:#182440;border:1px solid var(--border);border-radius:14px;padding:15px 6px;display:flex;flex-direction:column;align-items:center;gap:12px}.quiz-winner>div{font-size:28px}.quiz-winner .quiz-avatar{width:56px;height:56px;font-size:22px}.quiz-winner.place-0{border-color:var(--gold);padding:24px 6px}.quiz-winner.place-0 .quiz-avatar{width:72px;height:72px}.quiz-winner>b{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-winner>strong{font-size:18px;color:var(--gold)}.quiz-winner>span{font-size:12px;color:#aab7d1}.quiz-standalone{margin:0;background:#060a14}.quiz-standalone #game-view{max-width:540px;margin:auto}.quiz-standalone .quiz-screen{min-height:100vh}.quiz-stream-status{max-width:540px;margin:auto;color:#ffcc73;text-align:center;font:12px system-ui}.quiz-stream-status:empty{display:none}.quiz-preview{padding:0;border:1px solid #38445b;border-radius:16px;overflow:hidden}.quiz-preview .quiz-screen{padding:14px;gap:9px;min-height:760px}.quiz-preview .quiz-logo{font-size:24px}.quiz-preview .quiz-category{font-size:12px}.quiz-preview .quiz-question{font-size:19px;min-height:90px}.quiz-preview .quiz-option{padding:8px;gap:7px}.quiz-preview .quiz-option-text{font-size:14px}.quiz-preview .quiz-voters{max-width:45px}.quiz-preview .quiz-voters>span:not(:last-child){display:none}.quiz-preview .quiz-panels{grid-template-columns:1fr}.quiz-preview .quiz-side{flex-direction:column}.quiz-preview .quiz-player{font-size:12px}.quiz-preview .quiz-screen .quiz-panels{min-height:0}.quiz-preview .quiz-rule{margin-top:12px}.quiz-preview .quiz-connection{font-size:9px}.ranking-page{max-width:900px;margin:40px auto;padding:20px}.ranking-page header{display:block;text-align:center}.ranking-page h1{color:#ffd568}.ranking-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0}.ranking-tabs button.active{background:#ffd568;color:#121a2c}.ranking-page #ranking-list{max-width:620px;margin:auto}.ranking-page .quiz-player{font-size:17px;padding:14px 0}.ranking-page .quiz-avatar{width:44px;height:44px}.ranking-page .quiz-player b{font-size:20px}.ranking-page .quiz-rank{width:35px}.ranking-page .quiz-podium{max-width:620px;margin:30px auto}.ranking-search{max-width:620px;margin:20px auto;display:block}.ranking-page .quiz-winner{padding:25px 10px}.ranking-page .quiz-winner.place-0{padding:40px 10px}.ranking-page .quiz-winner>b{font-size:17px}.ranking-page .quiz-winner .quiz-avatar{width:70px;height:70px}.ranking-status{text-align:center}@media(min-width:800px){.quiz-standalone .quiz-screen{min-height:960px}}@media(max-width:400px){.quiz-screen{padding:12px;gap:9px}.quiz-question{font-size:21px}.quiz-option-text{font-size:15px}.quiz-voters{max-width:35px}.quiz-voters>span:not(:last-child){display:none}.quiz-panel{padding:9px}.quiz-player .quiz-avatar{width:25px;height:25px}.quiz-player{font-size:10px}.quiz-player b{font-size:11px}.quiz-category{font-size:12px}}

.quiz-standalone{height:100vh;overflow:hidden}.quiz-standalone #game-view{position:absolute;width:540px;max-width:none;left:50%;top:50%;transform-origin:center;margin:0}.quiz-standalone .quiz-screen{min-height:960px;padding:18px;gap:8px}.quiz-standalone .quiz-question{min-height:90px}.quiz-standalone .quiz-option{min-height:60px;padding:8px 12px}.quiz-standalone .quiz-options{gap:7px}.quiz-standalone .quiz-panels{min-height:300px}.quiz-standalone .quiz-player{padding:4px 0}.quiz-standalone .quiz-player .quiz-avatar{width:26px;height:26px}.quiz-standalone .quiz-panel{padding:10px}.quiz-standalone .quiz-stream-status{position:fixed;bottom:0;left:0;right:0;background:#10182b;padding:6px;z-index:2}

.quiz-gift{display:flex;align-items:center;gap:10px;border:1px solid #816933;border-radius:12px;background:#302a1c;padding:10px 12px;color:#f9da84;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.quiz-gift b{color:#ffe9aa}.quiz-gift-icon{width:36px;height:36px;position:relative;display:inline-grid;place-items:center;flex:none;font-size:27px}.quiz-gift-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.quiz-option.is-eliminated{opacity:.35;border-style:dashed}.quiz-option.is-eliminated .quiz-option-text{font-size:14px}.private-answer{padding:12px 15px;background:#203b30;border:1px solid #70bb99;border-radius:10px;color:#c4ffdc;line-height:1.4;margin-top:18px;font-weight:700}.sound-unlock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);background:#ffd568;color:#151b27;border:0;border-radius:20px;padding:10px 18px;font:700 13px system-ui;cursor:pointer;z-index:3}.sound-unlock[hidden]{display:none}#sound-test-type{flex:1;width:auto}#sound-volume-label{display:block;margin-top:5px}

.quiz-screen{background:var(--overlay-background,#0b1020);color:var(--overlay-text,#fff);--gold:var(--overlay-accent,#ffd568);--border:var(--overlay-border,#303c64)}.quiz-screen .quiz-panel,.quiz-screen .quiz-question,.quiz-screen .quiz-option{background:var(--overlay-panel,#141d34)}.quiz-screen .quiz-logo{font-size:var(--overlay-size-logo,32px);min-width:0}.quiz-logo-image{display:block;width:var(--overlay-size-logoWidth,200px);height:var(--overlay-size-logoHeight,60px);max-width:100%;object-fit:contain;object-position:left center}.quiz-screen .quiz-question{font-size:var(--overlay-size-question,24px)}.quiz-screen .quiz-option-text{font-size:var(--overlay-size-answers,18px)}.quiz-screen .quiz-player{font-size:var(--overlay-size-players,12px)}.quiz-screen .quiz-option.option-0{--choice:var(--overlay-optionA,#ff8094)}.quiz-screen .quiz-option.option-1{--choice:var(--overlay-optionB,#6bcaff)}.quiz-screen .quiz-option.option-2{--choice:var(--overlay-optionC,#ffcf65)}.quiz-screen .quiz-option.option-3{--choice:var(--overlay-optionD,#bda1ff)}.quiz-message-area{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);font-size:var(--overlay-size-message,13px);line-height:1.4;opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .26s ease,transform .32s ease,filter .26s ease}.quiz-message-area[hidden]{display:none}.quiz-message-area.message-gift{background:var(--overlay-giftBackground,#302a1c);border-color:var(--gold);color:var(--gold)}.quiz-message-area.message-normal{background:var(--overlay-messageBackground,#172c43);color:var(--overlay-text,#fff)}.quiz-message-area.message-fading{opacity:0;transform:translateY(-6px);filter:blur(2px)}.quiz-message-text{min-width:0;overflow-wrap:anywhere}.quiz-screen .quiz-panels:has(>.quiz-panel:only-child){grid-template-columns:1fr}.quiz-screen .quiz-head:empty{display:none}@media(prefers-reduced-motion:reduce){.quiz-message-area{transition:none}}

.quiz-screen .quiz-timebar::-webkit-progress-value{background:var(--overlay-timer,#2168bd)}.quiz-screen .quiz-timebar::-moz-progress-bar{background:var(--overlay-timer,#2168bd)}.quiz-screen .quiz-timebar.warning::-webkit-progress-value{background:var(--overlay-warning,#aa680d)}.quiz-screen .quiz-timebar.warning::-moz-progress-bar{background:var(--overlay-warning,#aa680d)}.quiz-screen .quiz-timebar.critical::-webkit-progress-value{background:var(--overlay-critical,#c93049)}.quiz-screen .quiz-timebar.critical::-moz-progress-bar{background:var(--overlay-critical,#c93049)}.quiz-screen .quiz-option.is-correct{background:var(--overlay-correctBackground,#174b39);border-color:var(--overlay-correctBorder,#63e8a4)}.quiz-screen .quiz-empty,.quiz-screen .quiz-connection,.quiz-screen .quiz-round-status,.quiz-screen .quiz-rule,.quiz-screen .quiz-footer,.quiz-screen .quiz-logo small{color:var(--overlay-muted,#a9bddf)}

.quiz-message-area{min-height:72px}.quiz-screen .quiz-logo{overflow-wrap:anywhere}.quiz-screen .quiz-category{overflow-wrap:anywhere}

/* Fixed 540 × 960 broadcast canvas. Hidden sections reserve their original slot. */
.quiz-standalone .quiz-screen{width:540px;height:960px;min-height:960px;padding:18px;gap:8px;display:flex;flex-direction:column;overflow:hidden;transform-origin:top left}
.quiz-standalone .quiz-screen .quiz-slot{flex:none;min-width:0;min-height:0;position:relative;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-slot[hidden]{display:block;visibility:hidden}
.quiz-standalone .quiz-slot-header{height:60px}.quiz-standalone .quiz-slot-connection{height:18px}.quiz-standalone .quiz-slot-timer{height:36px}.quiz-standalone .quiz-slot-question{height:104px}.quiz-standalone .quiz-slot-answers{height:244px}.quiz-standalone .quiz-slot-messages{height:76px}.quiz-standalone .quiz-slot-status{height:22px}.quiz-standalone .quiz-slot-rankings{height:278px}.quiz-standalone .quiz-slot-footer{height:22px}
.quiz-standalone .quiz-screen .quiz-head,.quiz-standalone .quiz-screen .quiz-connection,.quiz-standalone .quiz-screen .quiz-clock,.quiz-standalone .quiz-screen .quiz-question,.quiz-standalone .quiz-screen .quiz-options,.quiz-standalone .quiz-screen .quiz-message-area,.quiz-standalone .quiz-screen .quiz-round-status,.quiz-standalone .quiz-screen .quiz-panels,.quiz-standalone .quiz-screen .quiz-footer{height:100%;min-height:0;margin:0}
.quiz-standalone .quiz-screen .quiz-question{padding:10px 14px;overflow:hidden}
.quiz-standalone .quiz-question-text{display:block;width:100%;height:100%;align-content:center;overflow:hidden;font-size:inherit;line-height:1.23}
.quiz-standalone .quiz-screen .quiz-options{gap:8px}
.quiz-standalone .quiz-screen .quiz-option{height:55px;min-height:0;flex:none;padding:6px 12px;gap:10px;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-option-text{display:block;height:39px;align-content:center;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-voters{width:86px;max-width:86px;overflow:hidden;justify-content:flex-end}

.quiz-standalone .quiz-screen .quiz-message-area{min-height:0;padding:8px 14px}
.quiz-standalone .quiz-message-text{display:block;flex:1;height:58px;align-content:center;overflow:hidden;font-size:inherit}
.quiz-standalone .quiz-screen .quiz-panels{grid-template-columns:1.06fr 1fr;gap:8px}
.quiz-standalone .quiz-screen .quiz-panel{min-height:0;overflow:hidden;padding:8px}
.quiz-standalone .quiz-screen .quiz-panel h2{height:20px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.quiz-standalone .quiz-screen .quiz-player{height:28px;padding:0;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-player .quiz-avatar{width:22px;height:22px}
.quiz-standalone .quiz-screen .quiz-side{min-height:0;gap:8px;flex-direction:column}
.quiz-standalone .quiz-screen .quiz-rule{padding-top:4px;margin-top:auto;max-height:42px;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-likes{padding-top:4px;margin-top:4px;max-height:22px;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-head{overflow:hidden}
.quiz-standalone .quiz-screen .quiz-logo{max-height:60px;max-width:65%;font-size:var(--overlay-size-logo,32px)}
.quiz-standalone .quiz-screen .quiz-logo-image{max-height:43px}
.quiz-standalone .quiz-screen .quiz-category{font-size:16px;max-height:60px;padding:5px 10px;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-round-status{display:flex;align-items:center;justify-content:center;font-size:12px;overflow:hidden}
.quiz-standalone .quiz-screen .quiz-footer{align-items:center;overflow:hidden;white-space:nowrap}
.quiz-standalone .quiz-screen .quiz-connection{font-size:11px;align-items:center;overflow:hidden;white-space:nowrap}

.quiz-standalone .quiz-screen.quiz-finished .quiz-slot-answers .quiz-final{height:244px;min-height:0;padding:0;overflow:hidden;justify-content:center}.quiz-standalone .quiz-slot-answers .quiz-final p,.quiz-standalone .quiz-slot-answers .quiz-final h1{display:none}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-podium{height:220px;align-items:flex-end}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner{padding:15px 6px;gap:10px;border-radius:14px}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner.place-0{padding:25px 6px}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner>div{font-size:24px}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner .quiz-avatar{width:48px;height:48px;font-size:20px}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner>b{font-size:13px}.quiz-standalone .quiz-screen .quiz-slot-answers .quiz-final .quiz-winner>strong{font-size:16px}

.quiz-standalone .quiz-screen.quiz-finished .quiz-panel h2{font-size:15px}.quiz-standalone .quiz-screen.quiz-finished .quiz-player{font-size:16px}.quiz-standalone .quiz-screen.quiz-finished .quiz-player b{font-size:16px}

/* Administration retains the original responsive preview. */
.quiz-preview .quiz-slot{display:contents}.quiz-preview .quiz-slot[hidden]{display:none}
.quiz-preview .quiz-question-text{display:block;width:100%;height:auto;overflow:visible}
.quiz-preview .quiz-message-text{height:auto;overflow:visible}
.quiz-final-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--overlay-panel,#141d34);padding:16px;overflow:hidden}
.quiz-final-page>h1{flex:none;text-align:center;font-size:24px;line-height:1.2;margin:0;color:var(--gold);overflow-wrap:anywhere}
.quiz-final-page>.quiz-final{flex:none;height:auto;min-height:0;padding:16px 0 0;justify-content:flex-start}
.quiz-final-page>.quiz-final>p,.quiz-final-page>.quiz-final>h1{display:none}
.quiz-final-page .quiz-podium{height:auto;min-height:190px;align-items:flex-end;flex:none}
.quiz-final-page .quiz-winner{padding:15px 6px;gap:10px}.quiz-final-page .quiz-winner.place-0{padding:25px 6px}
.quiz-final-page .quiz-winner>div{font-size:24px}.quiz-final-page .quiz-winner .quiz-avatar{width:48px;height:48px;font-size:20px}.quiz-final-page .quiz-winner>b{font-size:13px}.quiz-final-page .quiz-winner>strong{font-size:16px}
.quiz-final-list{flex:1;min-height:0;overflow:hidden}.quiz-screen .quiz-final-list .quiz-player{height:42px;padding:3px 0;font-size:16px}.quiz-screen .quiz-final-list .quiz-player .quiz-avatar{width:28px;height:28px}.quiz-screen .quiz-final-list .quiz-player b{font-size:16px}
.quiz-standalone .quiz-final-page>.quiz-round-status{height:22px;flex:none}.quiz-standalone .quiz-final-page>.quiz-footer{height:22px;flex:none}
.quiz-preview .quiz-final-page{min-height:650px}.quiz-preview .quiz-final-page>h1{font-size:20px}.quiz-preview .quiz-final-page .quiz-winner>strong{font-size:13px}

.quiz-message-area.message-reaction{border-width:1px 1px 1px 4px;box-shadow:inset 0 0 22px #ffffff08}
.quiz-message-area.message-heart{background:var(--overlay-reactionHeartBackground,#391728);border-color:var(--overlay-reactionHeartBorder,#ff80bc);color:#ffe6f2}
.quiz-message-area.message-follow{background:var(--overlay-reactionFollowBackground,#172d46);border-color:var(--overlay-reactionFollowBorder,#7acaff);color:#e4f4ff}
.message-reaction .quiz-gift-icon{width:40px;height:40px;border-radius:50%;background:#ffffff12;font-size:28px;box-shadow:0 0 16px #ffffff15}
.reaction-animated .quiz-gift-icon{animation:reaction-pop .7s cubic-bezier(.2,.8,.2,1) 2}
@keyframes reaction-pop{0%{transform:scale(.8) rotate(-10deg)}40%{transform:scale(1.12) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
.quiz-reaction-slot{height:76px;flex:none;overflow:hidden}.quiz-reaction-slot .quiz-message-area{height:76px;min-height:0}
.reaction-editor-card{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:12px;background:#101824}.reaction-editor-card h3{margin:0 0 12px}
@media(prefers-reduced-motion:reduce){.reaction-animated .quiz-gift-icon{animation:none}}

.quiz-reaction-slot[hidden]{display:block;visibility:hidden}

.quiz-shoutout{position:absolute;z-index:20;top:170px;left:24px;right:24px;padding:3px;border-radius:20px;overflow:hidden;isolation:isolate;pointer-events:none;box-shadow:0 12px 40px #0009;animation:shoutout-enter .4s ease-out both}
.quiz-shoutout:before{content:"";position:absolute;z-index:-1;inset:-250px;background:conic-gradient(transparent 0deg,#ba7aff 65deg,#ffd76b 105deg,transparent 150deg,transparent 210deg,#70e9ff 270deg,transparent 320deg);animation:shoutout-orbit 3s linear infinite}
.quiz-shoutout-body{border-radius:17px;padding:18px 22px;background:#171a35;color:#fff;text-align:center}.quiz-shoutout-body p{margin:0;font-size:23px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;white-space:pre-wrap}.quiz-shoutout-player{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.quiz-shoutout-player .quiz-avatar{width:52px;height:52px;flex:none}.quiz-shoutout-player b,.quiz-shoutout-player small{display:block}.quiz-shoutout-player small{color:#a2dfff;margin-top:4px}.quiz-shoutout.is-leaving{animation:shoutout-exit .35s ease-in forwards}.quiz-ended-message{flex:none;max-height:66px;overflow:hidden;text-align:center;font-size:16px;line-height:1.3;color:#b9e5ff;overflow-wrap:anywhere}
@keyframes shoutout-orbit{to{transform:rotate(360deg)}}@keyframes shoutout-enter{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}@keyframes shoutout-exit{to{opacity:0;transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.quiz-shoutout:before{animation:none}.quiz-shoutout{animation-duration:.01s}}

.quiz-screen [data-text-key]{font-size:inherit}.quiz-logo>[data-text-key="logoFirst"],.quiz-connection>[data-text-key]{color:inherit}

.quiz-lifecycle-page{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;text-align:center;padding:20px}.quiz-lifecycle-message{width:100%;max-height:200px;overflow:hidden;margin:0;font-size:28px;line-height:1.3;color:var(--gold);overflow-wrap:anywhere}.quiz-start-clock{width:240px;height:240px;position:relative;flex:none}.quiz-start-clock svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-start-track,.quiz-start-progress{fill:none;stroke-width:9}.quiz-start-track{stroke:var(--border)}.quiz-start-progress{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.quiz-start-orbit{position:absolute;inset:0;transition:transform .2s linear}.quiz-start-orbit i{position:absolute;width:14px;height:14px;border-radius:50%;top:8px;left:calc(50% - 7px);background:var(--gold);box-shadow:0 0 12px var(--gold),0 0 30px var(--gold)}.quiz-start-number{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.quiz-start-number b{font-size:64px;line-height:1;font-variant-numeric:tabular-nums;color:var(--overlay-text,#fff)}.quiz-start-number small{font-size:18px;color:var(--overlay-muted,#a9bddf)}.quiz-start-connection{height:32px;margin:0;font-size:12px;color:var(--overlay-muted,#a9bddf)}

.quiz-standalone .quiz-screen.quiz-lifecycle>.quiz-head{height:68px;min-height:68px;flex:none}.quiz-standalone .quiz-lifecycle-page{overflow:hidden}

.quiz-message-area.message-donation{background:var(--overlay-donationBackground,#163e3b);border:2px solid var(--overlay-donationBorder,#66e6ca);color:#e4fff8;box-shadow:inset 0 0 18px #66e6ca12,0 0 14px #66e6ca18}.message-donation .quiz-gift-icon{width:42px;height:42px}.message-donation.reaction-animated .quiz-gift-icon{animation:donation-gift-pop .65s ease-out both}@keyframes donation-gift-pop{0%{transform:scale(.65) rotate(-14deg)}60%{transform:scale(1.18) rotate(8deg)}100%{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.message-donation.reaction-animated .quiz-gift-icon{animation:none}}

.quiz-lifecycle-message,.quiz-start-connection{white-space:pre-wrap;text-align:center}.quiz-start-connection{width:100%;height:auto;min-height:32px}

/* Lower panels use broadcast coordinates, independent of content length. */
.quiz-screen .quiz-positioned-panels{position:relative;display:block;width:504px;height:278px;min-height:278px;flex:none}
.quiz-screen .quiz-positioned-panels>.quiz-panel{position:absolute;min-height:0;overflow:hidden;padding:8px}
.quiz-screen .quiz-positioned-panels .quiz-panel h2{height:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quiz-screen .quiz-positioned-panels .quiz-player{height:28px;padding:0;overflow:hidden}
.quiz-screen .quiz-positioned-panels .quiz-avatar{width:22px;height:22px}
.quiz-screen .quiz-positioned-panels .quiz-rule{margin-top:auto;padding-top:4px;max-height:42px;overflow:hidden}
.quiz-preview .quiz-positioned-panels{width:100%;transform-origin:top left}

.quiz-respondents-viewport{height:calc(100% - 20px);min-height:0;overflow:hidden;overflow-anchor:none;scrollbar-width:none}
.quiz-respondents-viewport::-webkit-scrollbar{display:none}
/* Intrinsic podium height keeps winners below the heading; rows 4–10 use the remaining space. */
.quiz-final-page{gap:8px}


.quiz-final-page .quiz-winner{gap:6px;padding:10px 6px}
.quiz-final-page .quiz-winner.place-0{padding:18px 6px}
.quiz-final-page .quiz-winner .quiz-avatar{width:40px;height:40px}
.quiz-screen .quiz-final-list .quiz-player{height:34px;padding:2px 0}



/* Per-panel settings inherit the theme until an individual override is saved. */
.quiz-screen .quiz-positioned-panels>.quiz-panel,.quiz-screen .quiz-final-page{background:var(--panel-background);border-color:var(--panel-border);color:var(--panel-text)}
.quiz-screen .quiz-positioned-panels>.quiz-panel{display:flex;flex-direction:column}
.quiz-screen .quiz-positioned-panels .quiz-panel h2{height:auto;min-height:20px;flex:none;color:var(--panel-title)}
.quiz-screen .quiz-positioned-panels .quiz-player,.quiz-screen .quiz-final-list .quiz-player{height:var(--panel-rowHeight);min-height:var(--panel-rowHeight);flex:none;font-size:var(--panel-nameSize);color:var(--panel-text)}
.quiz-screen .quiz-positioned-panels .quiz-player b,.quiz-screen .quiz-final-list .quiz-player b{font-size:var(--panel-scoreSize);color:var(--panel-score)}
.quiz-screen .quiz-positioned-panels .quiz-player .quiz-avatar,.quiz-screen .quiz-final-list .quiz-player .quiz-avatar{width:var(--panel-avatarSize);height:var(--panel-avatarSize)}
.quiz-respondents-viewport{height:auto;flex:1;min-height:0}
.quiz-final-page>h1{color:var(--panel-title)}
.quiz-final-page .quiz-winner{background:var(--panel-background);border-color:var(--panel-border)}
.quiz-final-page .quiz-winner>b{color:var(--panel-text);font-size:var(--overlay-size-podiumName,13px)}
.quiz-final-page .quiz-winner>strong{color:var(--panel-score);font-size:var(--overlay-size-podiumScore,16px)}
.quiz-final-page .quiz-winner .quiz-avatar{width:var(--overlay-size-podiumAvatar,40px);height:var(--overlay-size-podiumAvatar,40px)}

.quiz-final-list{display:flex;flex-direction:column}.quiz-screen .quiz-final-list .quiz-player{flex:0 1 var(--panel-rowHeight);min-height:0;overflow:hidden}