#live-host-controls .live-control-row{gap:6px}

.live-quiz-description{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}
#live-create-form textarea,#live-description-form textarea{box-sizing:border-box;width:100%;min-height:110px;resize:vertical;font:inherit;padding:14px;border:1px solid #cdd7ed;border-radius:12px;background:#f8faff;color:#172033}

.live-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-chat{min-width:0}.live-chat-messages{height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--color-surface-soft,#f7f8fb);border:1px solid var(--color-border,#e2e6ed);border-radius:12px}.live-chat-message{overflow-wrap:anywhere;padding:9px 11px;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e6ed);border-radius:10px}.live-chat-message strong{display:block;font-size:.85rem}.live-chat-reports{margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border,#e2e6ed)}.live-chat-reports h4{margin:0 0 10px}.live-chat-report{padding:12px 0;border-bottom:1px solid var(--color-border,#e2e6ed);overflow-wrap:anywhere}.live-chat-report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.live-chat-report-actions button{min-height:34px}

/* Compact report cards for quick moderator review. */
.live-chat-reports h4{margin-bottom:8px}
.live-chat-report{display:grid;gap:7px;margin:8px 0;padding:11px;border:1px solid var(--color-border,#dfe5ef);border-radius:12px;background:var(--color-surface-soft,#f8faff)}
.live-chat-report>strong{font-size:.9rem;line-height:1.35}
.live-chat-report>p{margin:0;line-height:1.45;overflow-wrap:anywhere}
.live-chat-report>p:nth-of-type(1){padding:8px 9px;border-radius:8px;background:var(--color-surface,#fff);color:var(--color-text,#202b40)}
.live-chat-report>p.live-small{font-size:.78rem}
.live-chat-report-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}
.live-chat-report-actions button{min-width:0;min-height:34px;padding:6px 8px;font-size:.76rem;line-height:1.2;white-space:normal}
@media(max-width:420px){.live-chat-report-actions{grid-template-columns:1fr}}
.live-chat-message .live-chat-mod-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.live-chat-message .live-chat-mod-actions button{min-height:28px;padding:4px 8px;font-size:.75rem}.live-chat-message time{display:block;font-size:.72rem;color:var(--color-text-muted,#697386);margin-top:4px}.live-chat-form{display:grid;gap:8px;margin-top:10px}.live-chat-form textarea{width:100%;resize:vertical;min-height:58px;padding:10px;border:1px solid var(--color-border,#d8deea);border-radius:10px;background:var(--color-surface-soft,#fff);color:inherit;font:inherit}.live-chat-submit-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-chat-submit-row .live-small{min-width:0;overflow-wrap:anywhere}

/* Compact, consistent live chat message cards and actions. */
.live-chat h3{margin-bottom:8px}
.live-chat>p.live-small{margin:0 0 12px}
.live-chat-messages{height:300px;gap:9px;padding:10px}
.live-chat-message{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:11px 12px;border-radius:12px;box-shadow:0 2px 7px rgba(25,42,75,.04)}
.live-chat-message>strong{font-size:.82rem;line-height:1.35;color:var(--color-text,#202b40)}
.live-chat-message>div:not(.live-chat-mod-actions){white-space:pre-wrap;line-height:1.45}
.live-chat-message time{margin-top:0}
.live-chat-message>button{justify-self:start;min-height:30px;padding:5px 10px;font-size:.78rem}

.live-chat-message .live-chat-mod-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:3px}
.live-chat-message .live-chat-mod-actions button{min-width:0;min-height:32px;padding:5px 7px;white-space:normal;line-height:1.2;overflow-wrap:anywhere}
/* Compact chat actions so controls don't overwhelm short messages. */
.live-chat-message>button{min-height:25px;padding:3px 8px;font-size:.7rem;line-height:1.15;border-radius:8px}
.live-chat-message .live-chat-mod-actions{gap:5px}
.live-chat-message .live-chat-mod-actions button{min-height:26px;padding:3px 6px;font-size:.67rem;line-height:1.15;border-radius:8px}
.live-chat-form{gap:8px}
.live-chat-form textarea{box-sizing:border-box;min-height:54px;max-height:140px;resize:vertical}
.live-chat-submit-row{justify-content:flex-end}
.live-chat-submit-row .live-small{margin-right:auto}
.live-chat-submit-row button{min-width:76px}
.live-chat-reports{padding-top:16px}
#live-question-reports-panel{margin:0 0 12px;padding:8px 10px;border:1px solid #efcf91;border-radius:10px;background:#fff5df;color:#70480e}
#live-question-reports-panel>summary{cursor:pointer;font-size:.85rem;font-weight:800}
#live-question-reports-list{max-height:220px;overflow:auto}
.live-chat-reports h4{display:flex;align-items:center;justify-content:space-between;gap:8px}
#live-chat-report-count,#live-question-report-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eaf1ff;color:#2e5bc3;font-size:.8rem}
.live-chat-report{padding:12px;border:1px solid var(--color-border,#e2e6ed);border-radius:10px;margin:8px 0;background:var(--color-surface-soft,#f8faff)}
.live-chat-report-actions{display:grid;grid-template-columns:1fr;gap:7px}
.live-chat-report-actions button{width:100%;white-space:normal}
@media(max-width:420px){.live-chat-message .live-chat-mod-actions{grid-template-columns:1fr}}

.live-quiz-page{padding-top:32px;padding-bottom:60px}.live-quiz-page [hidden]{display:none!important}.live-hero{padding:30px 0 24px;max-width:760px}.live-eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:var(--color-primary,#6b4eff)}.live-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:12px 0}.live-hero p,.live-panel p{color:var(--color-text-muted,#697386);line-height:1.6}.live-panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e6ed);border-radius:18px;padding:clamp(18px,3vw,28px);margin:14px 0;box-shadow:0 8px 28px #1720330a}.live-panel-heading,.live-room-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.live-panel h2,.live-panel h3{margin-top:0}.live-panel-heading p{margin-bottom:0}.live-form{display:grid;gap:15px;margin-top:20px}.live-form label{display:grid;gap:7px;font-weight:650;font-size:.92rem}.live-form input,.live-form select,.live-form textarea,.live-bank-search input{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--color-border,#d8deea);border-radius:10px;background:var(--color-surface-soft,#fff);color:inherit;font:inherit}.live-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:10px;border:1px solid transparent;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.live-button-primary{background:var(--color-primary,#6045e8);color:white}.live-button-secondary{background:var(--color-surface,#fff);color:inherit;border-color:var(--color-border,#d8deea)}.live-button-danger{background:#a92735;color:white}.live-divider{height:1px;background:var(--color-border,#e2e6ed);margin:26px 0}.live-alert{position:sticky;top:8px;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 12px 14px 16px;border:1px solid #f0d56b;border-radius:10px;background:#fff3cd;color:#664d03;margin:0 0 14px;box-shadow:0 8px 24px rgba(15,23,42,.16);scroll-margin-top:16px}.live-alert[hidden]{display:none}.live-alert-close{flex:0 0 auto;display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:rgba(102,77,3,.09);color:inherit;font:700 24px/1 Arial,sans-serif;cursor:pointer}.live-alert-close:hover{background:rgba(102,77,3,.17)}.live-alert-close:focus-visible{outline:3px solid currentColor;outline-offset:2px}.live-room-top{align-items:flex-start}.live-branding{display:flex;justify-content:center;align-items:center;overflow:hidden;margin:12px 0 18px;border:1px solid var(--color-border-soft,#e2e6ed);border-radius:var(--radius-lg,20px);background:var(--color-surface,#fff)}.live-branding img{display:block;max-width:100%;object-fit:contain}.live-branding.logo img{max-height:150px;width:auto;padding:14px}.live-branding.banner img{width:100%;max-height:260px;object-fit:cover}.live-room-top strong{display:block;font-size:1.8rem;letter-spacing:.12em;margin:6px 0}.live-room-top h2{margin:0}.live-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.live-main-column{min-width:0}.live-control-row{display:flex;flex-wrap:wrap;gap:8px}.live-question{font-size:clamp(1.3rem,3vw,2rem);line-height:1.3;font-weight:800;margin:12px 0 20px}.live-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-answer{border:1px solid var(--color-border,#d8deea);border-radius:12px;padding:14px;text-align:left;background:var(--color-surface-soft,#fff);color:inherit;font:inherit;cursor:pointer}.live-answer:disabled{opacity:.75;cursor:default}.live-answer b{display:inline-flex;margin-right:8px}.live-player,.live-score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border,#e2e6ed)}.live-player button{font-size:.8rem}.live-score-heading{margin-top:24px}.live-bank-search{display:flex;gap:8px;margin:12px 0}.live-question-list{display:grid;gap:10px}.live-question-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--color-border,#e2e6ed);border-radius:10px}.live-question-item p{margin:7px 0 0}.live-question-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.live-question-actions .live-button{min-height:34px;padding:6px 9px}.live-question-actions .live-button:disabled{opacity:.4;cursor:default}.live-question-item strong{overflow-wrap:anywhere}.live-bank-results{display:grid;gap:8px}.live-bank-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--color-border,#e2e6ed);border-radius:10px}.live-bank-item p{margin:0}.live-small{font-size:.86rem;color:var(--color-text-muted,#697386)}.live-scheduled-countdown-wrap{margin:22px 0;padding:20px;border:1px solid #c9d7ff;border-radius:14px;background:linear-gradient(135deg,#f3f6ff,#f7f2ff);text-align:center}.live-scheduled-countdown-wrap>strong{display:block;margin:8px 0;font-size:clamp(1.8rem,5vw,2.8rem);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#30246f}.live-lobby-player-count{display:flex;align-items:baseline;gap:8px;margin:16px 0;padding:14px 16px;border-radius:12px;background:var(--color-surface-soft,#f7f8fc)}.live-lobby-player-count strong{font-size:1.8rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.live-scheduled-countdown-wrap{transition:background .2s ease}}@media(max-width:760px){.live-room-layout{grid-template-columns:1fr}.live-players-panel{order:2}.live-room-top{flex-wrap:wrap}.live-form-grid,.live-answer-grid{grid-template-columns:1fr}.live-control-row .live-button{flex:1 1 40%}}

/* FactBurst Live dashboard refresh — all visuals are CSS/local, with no remote image dependencies. */
.live-quiz-page{max-width:1240px;padding-bottom:64px}
.live-quiz-page .live-hero{position:relative;isolation:isolate;overflow:hidden;margin:28px 0 24px;padding:42px clamp(22px,4vw,48px);border:1px solid #263f75;border-radius:22px;color:#fff;background:radial-gradient(ellipse at 82% 20%,rgba(0,190,255,.28),transparent 30%),radial-gradient(ellipse at 66% 100%,rgba(118,45,255,.3),transparent 38%),linear-gradient(120deg,#07142f 0%,#10285a 56%,#10153c 100%);box-shadow:0 18px 42px rgba(8,24,58,.18)}
.live-quiz-page .live-hero:after{content:"?";position:absolute;z-index:-1;right:7%;top:8%;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(255,255,255,.17);border-radius:38px;color:rgba(255,255,255,.15);font-size:100px;font-weight:900;transform:rotate(9deg);box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.02)}
.live-quiz-page .live-hero .live-eyebrow{color:#55d8ff;letter-spacing:.19em}
.live-quiz-page .live-hero h1{max-width:760px;margin:10px 0 12px;color:#fff;font-size:clamp(2.1rem,4.3vw,3.45rem);line-height:1.04;letter-spacing:-.04em}
.live-quiz-page .live-hero p{max-width:650px;color:#d7e4ff;font-size:1.08rem;line-height:1.65}
.live-hero-features{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px;color:#edf5ff;font-size:.9rem}
.live-hero-features span{display:inline-flex;align-items:center;gap:9px}
.live-hero-features b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(83,214,255,.5);border-radius:12px;background:rgba(42,173,255,.13);font-size:1rem}
.live-quiz-page .live-panel{border:1px solid #dce5f2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(21,45,84,.055);padding:clamp(20px,2.5vw,30px);margin-bottom:20px}
.live-quiz-page .live-panel-heading{align-items:center;gap:18px}
.live-quiz-page .live-panel-heading h2{font-size:1.4rem;letter-spacing:-.025em}
.live-quiz-page .live-panel-heading p{line-height:1.5}
.live-quiz-page #live-my-rooms-list{display:grid;gap:10px;margin-top:18px}
.live-quiz-page #live-my-rooms-list .live-question-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #dce5f2;border-radius:13px;background:linear-gradient(100deg,#fff,#f8fbff)}
.live-quiz-page #live-my-rooms-list .live-question-item:first-child{border-color:#a7e4c0;background:linear-gradient(100deg,#f2fff7,#fff)}
.live-quiz-page #live-my-rooms-list .live-question-item strong{font-size:1rem}
.live-quiz-page .live-form{gap:18px}
.live-quiz-page .live-form label{gap:8px}
.live-quiz-page .live-form input:not([type=file]),.live-quiz-page .live-form select,.live-quiz-page .live-form textarea{min-height:48px;border-radius:10px;border-color:#d3deed;background-color:#f8faff}
.live-quiz-page .live-form input:focus,.live-quiz-page .live-form select:focus,.live-quiz-page .live-form textarea:focus{outline:3px solid rgba(37,99,235,.14);border-color:#3985f6}
.live-quiz-page .live-button{border-radius:10px;font-weight:750}
.live-quiz-page .live-button-primary{background:linear-gradient(100deg,#632cff,#245ff5);box-shadow:0 5px 14px rgba(69,67,232,.17)}
.live-quiz-page #live-create-form>.live-button{width:100%;min-height:52px;margin-top:4px}
.live-quiz-page .live-divider{border-color:#e7edf6}
@media(max-width:700px){.live-quiz-page .live-hero{padding:28px 22px}.live-quiz-page .live-hero:after{right:-26px;top:10px;width:100px;height:100px;font-size:68px}.live-hero-features{gap:10px}.live-quiz-page #live-my-rooms-list .live-question-item{align-items:flex-start;flex-direction:column}.live-quiz-page #live-my-rooms-list .live-question-item .live-button{width:100%;text-align:center}}

/* Wide hero, aligned feature row and two-column quiz builder. */
.live-quiz-page{width:min(1440px,calc(100% - 48px));max-width:1440px;margin-inline:auto}
.live-quiz-page .live-hero{width:100%;max-width:none;min-height:0;margin:12px 0 20px;padding:clamp(22px,2.5vw,32px);display:flex;flex-direction:column;justify-content:center}
.live-quiz-page .live-hero h1{max-width:1000px;font-size:clamp(1.9rem,3.4vw,3rem);margin:8px 0 10px}
.live-quiz-page .live-hero p{font-size:1rem;line-height:1.5;margin:6px 0}
.live-quiz-page .live-hero .live-hero-features{margin-top:18px}
.live-quiz-page .live-hero:after{width:110px;height:110px;font-size:76px;right:5%}
.live-hero-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;max-width:1060px}
.live-hero-features>span{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:2px}
.live-hero-features>span>b{grid-row:span 2;width:40px;height:40px}
.live-hero-features>span>span{display:block;line-height:1.4}
.live-hero-features>span>span strong{display:block;margin-bottom:3px}
.live-quiz-page #live-home{display:block}
.live-quiz-page #live-home>.live-panel-heading{margin-bottom:20px}
.live-create-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start;gap:22px}
.live-create-fields{min-width:0}
.live-create-fields .live-form{margin-top:0}
.live-room-preview{position:sticky;top:24px;min-width:0;padding:18px;border:1px solid #29436f;border-radius:17px;color:#f6f8ff;background:radial-gradient(ellipse at top right,rgba(23,130,255,.22),transparent 45%),linear-gradient(145deg,#07152e,#101d40 62%,#15183d);box-shadow:0 14px 30px rgba(8,23,52,.16)}
.live-preview-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.live-preview-eye{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#183b68;border:1px solid #2a6097;font-size:1.25rem}
.live-preview-heading h3{margin:0;color:#fff;font-size:1.1rem}
.live-preview-heading p{margin:4px 0 0;color:#b7c9e8;font-size:.86rem}
.live-preview-screen{overflow:hidden;border:1px solid #31486f;border-radius:13px;background:#080f22}
.live-preview-banner{display:flex;align-items:center;gap:10px;padding:13px;background:radial-gradient(ellipse at 0 0,rgba(110,54,255,.35),transparent 65%),linear-gradient(110deg,#17284f,#10172f)}
.live-preview-logo{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:2px solid #ffd56b;border-radius:50%;background:#273c8c;color:#ffe79a;font-size:.75rem;font-weight:900}
.live-preview-banner>strong{flex:1;min-width:0;color:white;font-size:.94rem;overflow-wrap:anywhere}
.live-preview-code{padding:7px 9px;border:1px solid #2a3e64;border-radius:8px;background:#050b19;color:#9fb4d6;text-align:center;font-size:.58rem;letter-spacing:.08em}
.live-preview-code b{display:block;color:#fff;font-size:.76rem;letter-spacing:.03em;margin-top:3px}
.live-preview-question{margin:13px;padding:17px 12px 14px;border:1px solid #273c61;border-radius:12px;background:linear-gradient(150deg,#101d3b,#090f20);text-align:center}
.live-preview-count{color:#8dbbff;font-size:.65rem;font-weight:800;letter-spacing:.1em}
.live-preview-question h4{margin:12px 0 17px;color:#fff;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.35}
.live-preview-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:left}
.live-preview-answers span{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 8px;border:1px solid #2a4168;border-radius:8px;background:#14264b;color:#edf4ff;font-size:.8rem}
.live-preview-answers span b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#2364d9;color:white}
.live-preview-answers .live-preview-correct{border-color:#18b66a;background:#075b3d}
.live-preview-answers .live-preview-correct b{background:#15b96c}
.live-preview-timer{height:9px;margin:0 18px 7px;overflow:hidden;border-radius:99px;background:#263959}
.live-preview-timer span{display:block;width:72%;height:100%;border-radius:99px;background:linear-gradient(90deg,#21d779,#5ee5a1)}
.live-preview-timer-label{margin:0;padding:0 18px 14px;text-align:right;color:#b9c9e4;font-size:.75rem}
.live-preview-note{margin:12px 2px 0;color:#9db2d4;font-size:.77rem;line-height:1.5}
.live-quiz-page #live-join-form{max-width:850px}
@media(max-width:900px){.live-quiz-page{width:min(100% - 32px,760px)}.live-hero-features{grid-template-columns:repeat(2,minmax(0,1fr))}.live-create-layout{grid-template-columns:1fr}.live-room-preview{position:static;order:2}}
@media(max-width:560px){.live-quiz-page{width:calc(100% - 24px)}.live-quiz-page .live-hero{padding:22px 18px;min-height:0}.live-hero-features{grid-template-columns:1fr;gap:12px}.live-preview-answers{grid-template-columns:1fr}.live-preview-banner{flex-wrap:wrap}.live-preview-code{margin-left:auto}}

/* Prevent intrinsic form-control widths from pushing into the preview column. */
.live-create-layout,.live-create-fields,.live-create-fields form,.live-create-fields label,.live-room-preview{box-sizing:border-box;min-width:0}
.live-create-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2vw,28px)}
.live-create-fields .live-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-create-fields .live-form input,.live-create-fields .live-form select,.live-create-fields .live-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.live-create-fields .live-branding-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-room-preview{width:100%;max-width:100%;overflow:hidden}
.live-preview-banner>strong{overflow-wrap:anywhere;word-break:normal}
@media(max-width:1040px){.live-create-layout{grid-template-columns:minmax(0,1fr)}.live-room-preview{position:static;order:2}.live-create-fields .live-branding-fields,.live-create-fields .live-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.live-create-fields .live-branding-fields,.live-create-fields .live-form-grid{grid-template-columns:minmax(0,1fr)}}

/* Final layout polish: balanced form spacing and a compact, responsive preview. */
.live-quiz-page #live-home{padding:clamp(20px,2.2vw,30px)}
.live-create-layout{align-items:stretch;gap:clamp(20px,2.2vw,30px)}
.live-create-fields .live-form{gap:14px}
.live-create-fields .live-form-grid{gap:12px}
.live-create-fields .live-form label{gap:7px}
.live-create-fields .live-branding-fields label .live-small{line-height:1.45}
.live-create-fields .live-form input:not([type=file]),.live-create-fields .live-form select{min-height:46px;padding:10px 12px}
.live-create-fields .live-form input[type=file]{padding:10px;background:#f8faff;border:1px solid #d3deed;border-radius:10px;font-size:.9rem}
.live-create-fields #live-create-form>.live-button{margin-top:2px}
.live-room-preview{align-self:start;position:static;padding:16px}
.live-preview-heading{margin-bottom:12px}
.live-preview-eye{width:38px;height:38px;flex-basis:38px}
.live-preview-screen{max-width:100%}
.live-preview-banner{padding:11px;gap:8px}
.live-preview-logo{width:34px;height:34px;flex-basis:34px}
.live-preview-question{margin:10px;padding:14px 10px 11px}
.live-preview-question h4{margin:10px 0 13px}
.live-preview-answers{gap:7px}
.live-preview-answers span{padding:7px;font-size:.77rem}
.live-preview-answers span b{width:23px;height:23px;flex-basis:23px}
.live-preview-timer{margin:0 14px 6px}
.live-preview-timer-label{padding:0 14px 11px}
.live-preview-note{margin-top:10px}
@media(min-width:1041px){
 .live-create-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
 .live-create-fields .live-branding-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){.live-quiz-page #live-home{padding:20px}.live-create-layout{grid-template-columns:minmax(0,1fr)}}

/* Join flow: compact fields and a clear guest-friendly info card. */
.live-join-heading{align-items:flex-start}
.live-join-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 12px;border:1px solid #c9d9ff;border-radius:999px;background:#f0f5ff;color:#3158a8;font-size:.8rem;font-weight:750}
.live-join-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(20px,3vw,36px);align-items:stretch;margin-top:20px}
.live-join-form-wrap{min-width:0;padding:20px;border:1px solid #e0e8f4;border-radius:14px;background:linear-gradient(145deg,#fff,#f8faff)}
.live-join-form-wrap #live-join-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.live-join-form-wrap #live-join-form label{min-width:0}
.live-join-form-wrap #live-join-form label:first-child{grid-column:1/-1}
.live-join-form-wrap #live-join-form input{box-sizing:border-box;width:100%;min-width:0;min-height:48px}
.live-join-form-wrap #live-join-form button{grid-column:1/-1;min-height:50px;gap:10px}
.live-join-info{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:26px;border:1px solid #29436f;border-radius:15px;color:#f5f8ff;background:radial-gradient(ellipse at top right,rgba(33,142,255,.24),transparent 55%),linear-gradient(145deg,#081630,#122653 65%,#171a42)}
.live-join-info-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #3a71a8;border-radius:13px;background:#173a69;color:#7edcff;font-size:1.35rem}
.live-join-info h3{margin:17px 0 8px;color:#fff;font-size:1.35rem}
.live-join-info p{margin:0;color:#c3d3ed;line-height:1.65;font-size:.94rem}
.live-join-steps{display:grid;gap:11px;margin-top:22px}
.live-join-steps span{display:flex;align-items:center;gap:10px;color:#edf4ff;font-size:.9rem}
.live-join-steps b{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid #3c6eaa;border-radius:50%;background:#193e70;color:#fff;font-size:.8rem}
@media(max-width:900px){.live-join-layout{grid-template-columns:minmax(0,1fr)}.live-join-info{padding:22px}.live-join-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
@media(max-width:600px){.live-join-heading{flex-direction:column}.live-join-badge{white-space:normal}.live-join-form-wrap{padding:14px}.live-join-form-wrap #live-join-form{grid-template-columns:minmax(0,1fr)}.live-join-form-wrap #live-join-form label:first-child,.live-join-form-wrap #live-join-form button{grid-column:auto}.live-join-steps{grid-template-columns:minmax(0,1fr)}}

.live-join-form-wrap #live-join-form input[readonly]{background:#eef3fb;color:#334766;cursor:default}

/* Live room: stronger hierarchy for the host stage, controls and player sidebar. */
.live-quiz-page .live-room-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:stretch;gap:22px;margin:8px 0 24px;padding:clamp(22px,3vw,34px);border:1px solid #263f75;border-radius:20px;color:#fff;background:radial-gradient(ellipse at 90% 0,rgba(37,153,255,.28),transparent 42%),linear-gradient(120deg,#081630,#132957 65%,#171943);box-shadow:0 15px 36px rgba(8,24,58,.15)}
.live-room-heading-main{align-self:center;min-width:0}
.live-room-heading-main .live-eyebrow{color:#6ee7ff}
.live-room-heading-main h1{margin:10px 0 8px;color:#fff;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;overflow-wrap:anywhere}
.live-room-heading-main #live-room-status{margin:0;color:#c5d6f2;line-height:1.55}
.live-room-invite-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:17px;border:1px solid #3a527b;border-radius:14px;background:rgba(3,12,30,.48)}
.live-room-invite-card>span{color:#9eb9e5;font-size:.7rem;font-weight:800;letter-spacing:.16em}
.live-room-invite-card>strong{color:#fff;font-size:clamp(1.55rem,2.5vw,2.1rem);letter-spacing:.12em;font-variant-numeric:tabular-nums}
.live-room-invite-card .live-button{width:100%;min-height:44px}
.live-room-layout{grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.live-main-column{display:grid;gap:18px}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live{
 display:block;position:relative;min-width:0
}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage,
.live-main-column>#live-stage{
 min-height:210px;padding:clamp(22px,3vw,34px);padding-bottom:calc(clamp(22px,3vw,34px) + 42px);background:linear-gradient(145deg,#fff,#f8fbff)
}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage{width:100%;box-sizing:border-box}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live>.fb-presenter{
 position:absolute;z-index:3;right:14px;top:auto;bottom:0;width:104px;max-width:104px;margin:0
}
.live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage .live-question{padding-right:118px;margin-bottom:58px}
@media(max-width:750px){
 .live-main-column>.fb-question-row-live.fb-presenter-slot-live>.fb-presenter{right:10px;bottom:0;width:92px;max-width:92px}
 .live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage .live-question{padding-right:104px}
}
@media(max-width:480px){
 .live-main-column>.fb-question-row-live.fb-presenter-slot-live>.fb-presenter{right:8px;top:auto;bottom:0;width:74px;max-width:74px}
 .live-main-column>.fb-question-row-live.fb-presenter-slot-live>#live-stage .live-question{padding-right:86px;margin-bottom:58px}
}
#live-stage>h2,#live-stage>h3{margin-top:0}
#live-stage .live-question{margin:18px 0 24px;font-size:clamp(1.5rem,2.5vw,2.25rem)}
.live-quiz-page #live-host-controls{padding:clamp(20px,2.5vw,30px)}
#live-host-controls>h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.25rem}
#live-host-controls>h3:first-child:before{content:"HOST";padding:5px 8px;border-radius:6px;background:#edf2ff;color:#4b42d8;font-size:.65rem;letter-spacing:.1em}
#live-host-controls .live-control-row{gap:9px}
#live-host-controls .live-control-row .live-button{min-height:43px}
#live-host-controls>.live-divider{margin:24px 0;border:0;border-top:1px solid #e1e8f2}
#live-host-controls form{gap:14px}
#live-host-controls input,#live-host-controls select,#live-host-controls textarea{box-sizing:border-box;max-width:100%;width:100%;min-width:0}
#live-host-controls label{gap:7px}
#live-host-controls .live-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.live-quiz-page .live-players-panel{position:sticky;top:18px;padding:22px}
.live-players-panel>h3,.live-players-panel #live-room-players>h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;font-size:1.12rem}
#live-player-count{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:10px;background:#eaf1ff;color:#2e5bc3;font-size:.9rem}
#live-player-list,#live-leaderboard{min-width:0}
.live-players-panel .live-score-heading{margin:24px 0 10px;padding-top:20px;border-top:1px solid #e5ebf4}
.live-players-panel .live-player,#live-leaderboard .live-score-row{padding:12px 0}
/* Keep each player and their moderation controls in a tidy, predictable layout. */
.live-players-panel .live-player{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;padding:14px 0}
.live-players-panel .live-player>span{min-width:0;font-weight:650;overflow-wrap:anywhere}
.live-players-panel .live-player-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
.live-players-panel .live-player-actions .live-button{width:100%;min-width:0;min-height:36px;padding:7px 9px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.live-players-panel .live-player-actions [data-chat-mod]{grid-column:1/-1}
.live-players-panel .live-player-actions [data-ban-player]{grid-column:1/-1}
@media(max-width:420px){.live-players-panel .live-player-actions{grid-template-columns:1fr}.live-players-panel .live-player-actions [data-chat-mod],.live-players-panel .live-player-actions [data-ban-player]{grid-column:auto}}

.live-players-panel #live-player-list:empty:after{content:"Players appear here when they join.";display:block;color:#71809a;font-size:.9rem}
@media(max-width:900px){.live-quiz-page .live-room-header{grid-template-columns:minmax(0,1fr)}.live-room-invite-card{display:grid;grid-template-columns:1fr auto;align-items:center}.live-room-invite-card>span{grid-column:1/-1}.live-room-invite-card .live-button{grid-column:1/-1}.live-room-layout{grid-template-columns:minmax(0,1fr)}.live-quiz-page .live-players-panel{position:static;order:0}}
@media(max-width:600px){.live-quiz-page .live-room-header{padding:20px}.live-room-invite-card{grid-template-columns:minmax(0,1fr)}.live-room-invite-card>span,.live-room-invite-card .live-button{grid-column:auto}#live-host-controls .live-form-grid{grid-template-columns:minmax(0,1fr)}#live-host-controls .live-control-row .live-button{flex:1 1 100%}}
.live-settings-editor{margin:18px 0;padding:16px;border:1px solid var(--live-border,#d8e2f0);border-radius:14px;background:#fbfdff}.live-settings-editor h4{margin:0 0 6px}.live-settings-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.live-settings-grid label{display:grid;gap:6px;font-weight:600}.live-settings-grid input{width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:9px}@media(max-width:700px){.live-settings-grid{grid-template-columns:1fr}}.live-random-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) auto;gap:12px;align-items:end;margin:14px 0 16px;padding:16px;border:1px solid #d9e5f6;border-radius:14px;background:linear-gradient(120deg,#f7faff,#eef4ff)}.live-random-tools>div{align-self:center}.live-random-tools p{margin:5px 0 0}.live-random-tools label{display:grid;gap:6px;font-size:.85rem;font-weight:700}.live-random-tools select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:9px;border:1px solid #cfdaec;border-radius:9px;background:#fff;color:inherit;font:inherit}@media(max-width:800px){.live-random-tools{grid-template-columns:minmax(0,1fr)}.live-random-tools .live-button{width:100%}}.live-confirm-dialog{width:min(440px,calc(100% - 32px));padding:0;border:1px solid #d8e2f0;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.28);color:#1e293b}.live-confirm-dialog::backdrop{background:rgba(15,23,42,.58);backdrop-filter:blur(3px)}.live-confirm-dialog-card{padding:24px}.live-confirm-dialog h2{margin:0 0 10px;font-size:1.25rem;line-height:1.3}.live-confirm-dialog p{margin:0;color:#52627a;line-height:1.6;overflow-wrap:anywhere}.live-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.live-confirm-actions button{min-height:42px;padding:10px 18px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.live-confirm-cancel{background:#edf2f8;color:#24344d}.live-confirm-accept{background:#2859e8;color:white}.live-confirm-accept.danger{background:#dc3545}.live-confirm-actions button:focus-visible{outline:3px solid #8bb5ff;outline-offset:2px}@media(max-width:480px){.live-confirm-dialog-card{padding:20px}.live-confirm-actions button{flex:1}}.live-custom-question{margin:14px 0;border:1px solid #d8e2f0;border-radius:14px;background:#fff;overflow:hidden}.live-custom-question>summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 18px;cursor:pointer;font-weight:800;list-style:none}.live-custom-question>summary::-webkit-details-marker{display:none}.live-custom-question>summary:before{content:"+";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#2859e8;font-size:1.2rem}.live-custom-question[open]>summary:before{content:"−"}.live-custom-question>summary .live-small{font-weight:400}.live-custom-question[open]>.live-form{padding:0 18px 18px}
.live-room-archive>summary{cursor:pointer;font-size:1.05rem;font-weight:700;padding:12px 0;min-height:44px;box-sizing:border-box}.live-room-archive>summary:focus-visible{outline:2px solid #713bff;outline-offset:4px;border-radius:4px}.live-room-archive-items{display:grid;gap:10px;padding-top:4px}.live-room-group{margin-top:1.25rem}.live-room-group h3{margin:0 0 .65rem;font-size:1.05rem}.live-room-card{gap:1rem;align-items:center}.live-room-card .live-question-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}@media(max-width:640px){.live-room-card{align-items:stretch;flex-direction:column}.live-room-card .live-question-actions{justify-content:flex-start}.live-room-card .live-button{flex:1;text-align:center}}

/* Quizmaster in-game dashboard: remove setup clutter and surface answer progress. */
.live-answer-monitor{flex:1 1 260px;min-width:220px;max-width:100%;padding:9px 12px;border:1px solid #cbd8ff;border-radius:12px;background:linear-gradient(135deg,#fff,#f5f8ff)}
.live-answer-monitor-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.88rem}
.live-answer-monitor-summary strong{color:#24344d}
#live-answer-progress{padding:4px 9px;border-radius:999px;background:#e0eaff;color:#214db7;font-size:.82rem;white-space:nowrap}
.live-answer-progress-list{display:flex;flex-wrap:wrap;gap:5px;max-height:84px;overflow:auto}
.live-answer-progress-item{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 8px;border:1px solid #d9e2ef;border-radius:8px;background:#fff;font-size:.78rem}
.live-answer-progress-item>span:last-child{overflow-wrap:anywhere}
.live-answer-progress-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#f59e0b}
.live-answer-progress-item.is-answered{border-color:#a7e2c0;background:#f0fdf4}
.live-answer-progress-item.is-answered .live-answer-progress-dot{background:#16a34a}
@media(max-width:600px){.live-answer-monitor{flex-basis:100%;min-width:0}.live-answer-progress-list{max-height:100px}}
/* Clear, consistent role colours in live chat. */
.live-chat-sender-name{font-weight:800}
.live-chat-sender-host{color:#dc2626!important}
.live-chat-message-admin{background:#e9efff;border:1px solid #b9c9ff;box-shadow:0 3px 10px rgba(49,94,232,.10)}.live-chat-message-admin .live-chat-sender-name{color:#244fbd!important}.live-chat-message-admin>div:not(.live-chat-mod-actions){background:rgba(255,255,255,.58);border-radius:8px;padding:9px 10px;margin-top:2px;overflow-wrap:anywhere}
.live-chat-sender-moderator{color:#15803d!important}
/* Make a player's submitted answer unmistakable, and keep room codes host-only. */
.live-room-invite-card[hidden]{display:none!important}
.live-cancellation-notice{margin-top:18px;padding:18px 20px;border:1px solid #f3c969;border-left:5px solid #d97706;border-radius:14px;background:#fffbeb;color:#78350f}.live-cancellation-notice h3{margin:0 0 8px;color:#78350f}.live-cancellation-notice p{margin:0 0 8px}.live-answer-review{margin-top:24px}.live-answer-review-item{padding:14px;margin:10px 0;border:1px solid #d8deea;border-left:5px solid #94a3b8;border-radius:12px;background:#f8fafc}.live-answer-review-item.is-correct{border-left-color:#16a34a;background:#f0fdf4}.live-answer-review-item.is-wrong{border-left-color:#dc2626;background:#fff5f5}.live-answer-review-item.is-unanswered{border-left-color:#d97706;background:#fffbeb}.live-answer-review-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.live-answer-review-question{font-weight:750;color:var(--color-text,#202b40)!important}.live-answer-review-item p{margin:8px 0}.live-question-actions{align-items:center}.live-question-actions .live-button{white-space:normal}
.live-answer.live-answer-selected{border:2px solid #315ee8;background:#eaf0ff;color:#183b9b;box-shadow:0 0 0 3px rgba(49,94,232,.12);font-weight:750}
.live-answer-choice{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:999px;background:#315ee8;color:#fff;font-size:.72rem;font-weight:800;vertical-align:middle}
.live-answer.live-answer-selected:disabled{opacity:1;cursor:default}
/* Compact, aligned live-room header and calmer room content spacing. */
.live-quiz-page .live-room-header{grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:18px;margin:4px 0 20px;padding:clamp(20px,2.5vw,28px);border-radius:18px}
.live-room-heading-main .live-eyebrow{display:inline-block;margin-bottom:2px;font-size:.7rem}
.live-room-heading-main h1{margin:7px 0 6px;font-size:clamp(1.65rem,2.7vw,2.35rem);letter-spacing:-.025em}
.live-room-invite-card{gap:7px;padding:14px 16px;border-radius:12px}
.live-room-invite-card>strong{font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:.1em}
.live-room-invite-card .live-button{min-height:42px}
.live-room-layout{gap:18px}
.live-main-column{gap:16px}
.live-main-column>#live-stage{min-height:0;padding:clamp(20px,2.5vw,28px);border-radius:16px}
.live-quiz-page .live-players-panel{padding:20px;border-radius:16px}
@media(max-width:900px){.live-quiz-page .live-room-header{gap:14px;margin-bottom:18px;padding:22px}.live-room-invite-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}.live-room-invite-card>span{grid-column:1/-1}.live-room-invite-card .live-button{grid-column:1/-1}}
@media(max-width:900px){.live-quiz-page .live-room-header{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;box-sizing:border-box}.live-room-heading-main{width:100%;min-width:0}.live-room-heading-main h1{max-width:100%;overflow-wrap:break-word;word-break:normal}.live-room-invite-card[hidden]{display:none!important}}@media(max-width:600px){.live-quiz-page .live-room-header{grid-template-columns:minmax(0,1fr);padding:18px;border-radius:15px}.live-room-heading-main h1{font-size:1.8rem;overflow-wrap:break-word;word-break:normal}.live-room-invite-card{display:grid;grid-template-columns:minmax(0,1fr);padding:13px}.live-room-invite-card>span,.live-room-invite-card .live-button{grid-column:auto}.live-room-layout{gap:14px}.live-main-column{gap:14px}.live-main-column>#live-stage,.live-quiz-page .live-players-panel{padding:17px}}


.live-quiz-page .live-chat-messages.is-empty{height:140px;min-height:0;justify-content:center;text-align:center}

/* Compact host workspace: primary actions first, secondary setup below. */
.live-quiz-page #live-host-controls{padding:22px 24px}
.live-quiz-page #live-host-controls>h3{margin:0 0 8px;flex-wrap:wrap;gap:10px;font-size:1.18rem}
.live-host-phase{margin-left:auto;padding:5px 10px;border-radius:999px;background:#eef2ff;color:#5542bd;font-size:.74rem;font-weight:750;line-height:1.4}
#live-host-controls #live-room-access-status{margin:0 0 16px;font-size:.84rem;line-height:1.5}
.live-quiz-page #live-host-controls .live-host-toolbar{gap:8px;margin:0 0 16px;align-items:center;padding:12px;background:#f5f7fc;border:1px solid #e0e6f1;border-radius:12px}
.live-quiz-page #live-host-controls .live-host-toolbar .live-button{flex:0 0 auto;min-height:44px;padding:10px 15px;font-size:.86rem;line-height:1.3}
.live-host-toolbar #live-start,.live-host-toolbar #live-pause,.live-host-toolbar #live-next{order:1}
.live-host-toolbar #live-room-lock{order:2}
.live-host-toolbar #live-end{order:3;margin-left:auto}
.live-quiz-page #live-host-controls .live-host-toolbar .live-answer-monitor{order:4;flex:1 1 100%;max-width:none;min-width:0;margin-top:4px}
.live-quiz-page #live-host-controls #live-room-visibility-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 14px;margin:0 0 16px;padding:14px 16px;background:#fafbff;border:1px solid #e1e6f0;border-radius:12px}
#live-host-controls .live-visibility-field{display:grid;gap:6px;min-width:0;font-size:.84rem;font-weight:700}
.live-quiz-page #live-host-controls #live-room-visibility{min-height:44px;padding:9px 12px;background:#fff;border:1px solid #cbd5e5;border-radius:9px;font:inherit;color:#24344d}
#live-host-controls .live-visibility-field .live-small{font-size:.77rem;font-weight:400;line-height:1.5}
.live-quiz-page #live-host-controls #live-save-visibility{align-self:start;margin-top:26px;min-height:44px;height:auto;padding:10px 16px;white-space:nowrap;font-size:.84rem}
#live-host-controls #live-visibility-status{grid-column:1/-1;margin:0;font-size:.8rem}
#live-visibility-status:empty{display:none}
.live-quiz-page #live-host-controls .live-custom-question{margin:10px 0;border-radius:11px}
.live-quiz-page #live-host-controls .live-custom-question>summary{padding:12px 14px;gap:10px;font-size:.9rem;line-height:1.45}
.live-quiz-page #live-host-controls .live-custom-question>summary:before{width:25px;height:25px;flex:0 0 25px;font-size:1rem}
.live-quiz-page #live-host-controls .live-custom-question>summary .live-small{font-size:.78rem;color:#66748a}
.live-quiz-page #live-host-controls .live-divider{margin:14px 0}
@media(max-width:650px){
 .live-quiz-page #live-host-controls{padding:16px}
 .live-quiz-page #live-host-controls .live-host-toolbar{padding:10px;gap:8px}
 .live-quiz-page #live-host-controls .live-host-toolbar .live-button{flex:1 1 calc(50% - 8px);min-width:0;margin-left:0;padding:10px;font-size:.82rem}
 .live-quiz-page #live-host-controls #live-room-visibility-editor{grid-template-columns:minmax(0,1fr);padding:12px}
 .live-quiz-page #live-host-controls #live-save-visibility{margin-top:0;justify-self:start}
 .live-quiz-page #live-host-controls .live-custom-question>summary{align-items:flex-start}
 .live-quiz-page #live-host-controls .live-custom-question>summary .live-small{flex-basis:100%;padding-left:35px}
}
#live-host-tools .ht-details{border:1px solid #dbe3ef;border-radius:10px;margin:10px 0;overflow:hidden}
#live-host-tools summary{cursor:pointer;font-weight:700;padding:13px 16px;background:#f6f8fc}
#live-host-tools .ht-body{padding:16px;display:grid;gap:12px}
#live-host-tools label,#live-host-tools form{display:grid;gap:8px;min-width:0}
#live-host-tools input,#live-host-tools textarea,#live-host-tools select{box-sizing:border-box;width:100%;min-height:42px;max-width:100%;border:1px solid #cbd5e5;border-radius:8px;padding:9px;font:inherit}
#live-host-tools textarea{resize:vertical}
#live-host-tools .ht-table-wrap{overflow-x:auto}
#live-host-tools table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}
#live-host-tools td,#live-host-tools th{padding:10px 8px;border-bottom:1px solid #e1e6ef;white-space:nowrap}
#live-host-tools .live-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
#live-host-tools h3,#live-host-tools p{margin:0 0 8px}
#live-round-break{border-left:4px solid #6541ed}
@media(max-width:600px){#live-host-tools .live-form-grid{grid-template-columns:1fr}}
.live-member-results{display:grid;gap:8px}
.live-member-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid #cbd5e5;border-radius:9px;background:#fff;color:#24344d;text-align:left;font:inherit;cursor:pointer}
.live-member-result strong{overflow-wrap:anywhere;min-width:0}
.live-member-result span{font-size:.8rem;flex-shrink:0}
.live-member-result[aria-pressed="true"]{border-color:#6541ed;background:#f1edff}
.live-member-result:disabled{cursor:default;color:#66748a;background:#f5f7fb}
.live-member-result:focus-visible{outline:3px solid #6541ed;outline-offset:2px}
#live-host-controls>#live-stage{margin:0 0 14px;padding:18px;background:#f8fbff;box-shadow:none}
#live-host-controls>#live-stage .live-answer:disabled{opacity:1}
.live-notification-body{display:grid;gap:10px;padding-top:14px}
.live-notification-switch{display:flex;align-items:center;gap:10px}
.live-notification-switch input[type="checkbox"]{width:20px;height:20px;flex:0 0 auto;min-height:0;margin:0}

/* Dedicated quizmaster workspace. Core game, progress and moderation stay together. */
.live-quiz-page.is-host-room{max-width:1840px;width:calc(100% - 40px);padding-top:18px}
.is-host-room>.live-hero{display:none}
.is-host-room .live-room-header{margin:0 0 16px;padding:16px 20px;gap:16px;grid-template-columns:minmax(0,1fr) auto;border-radius:14px}
.is-host-room #live-room-title{margin:4px 0;font-size:1.5rem;line-height:1.2}
.is-host-room #live-room-description{margin:4px 0;font-size:.85rem;line-height:1.4;max-height:4.2em;overflow:auto}
.is-host-room .live-room-invite-card{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 14px;padding:8px 12px}
.is-host-room .live-room-invite-card>span{grid-column:1}
.is-host-room .live-room-invite-card>strong{grid-column:1;font-size:1.15rem}
.is-host-room .live-room-invite-card .live-button{grid-column:2;grid-row:1/3;width:auto;min-height:38px;font-size:.8rem}
.is-host-workspace #live-branding{display:none}
.is-host-workspace .live-room-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr) minmax(300px,.9fr);grid-template-areas:"notices notices notices" "game progress chat" "tools tools notifications";gap:14px;align-items:start}
.is-host-workspace .live-main-column{display:contents}
.is-host-workspace #live-host-notices{grid-area:notices;display:grid;gap:10px}
.is-host-workspace #live-host-notices .live-panel{margin:0;padding:12px 16px}
.is-host-workspace #live-host-controls{grid-area:game;margin:0;padding:16px}
.is-host-workspace #live-host-controls>h3{font-size:1.05rem;margin-bottom:8px}
.is-host-workspace #live-room-access-status{font-size:.76rem;margin-bottom:10px}
.is-host-workspace #live-stage{padding:14px;margin-bottom:12px}
.is-host-workspace #live-stage .live-question{font-size:clamp(1.05rem,1.25vw,1.4rem);line-height:1.4;font-weight:700;margin:12px 0 16px}
.is-host-workspace .live-answer-grid{gap:8px}
.is-host-workspace .live-answer{padding:11px;font-size:.9rem;overflow-wrap:anywhere}
.is-host-workspace #live-stage>p{font-size:.8rem;line-height:1.4;margin:10px 0 0}
.is-host-workspace #live-countdown{display:inline-block;padding:5px 8px;border-radius:7px;background:#e8edff;color:#4634bf;font-weight:800;font-variant-numeric:tabular-nums}
.is-host-workspace #live-host-controls .live-host-toolbar{margin:0;padding:10px;gap:7px}
.is-host-workspace #live-host-controls .live-host-toolbar .live-button{padding:8px 12px;min-height:40px;font-size:.8rem}
.is-host-workspace.has-host-progress #live-answer-monitor{display:none}
.is-host-workspace #live-host-controls>.live-divider{display:none}
.is-host-workspace #live-host-progress{grid-area:progress;min-width:0;margin:0;padding:16px}
#live-host-progress h3{margin:0 0 12px;font-size:1.05rem}
#live-host-progress #ht-player-progress>summary{display:none}
#live-host-progress .ht-body{padding:0;display:grid;gap:10px}
#live-host-progress .ht-body p{margin:0;font-size:.8rem;line-height:1.4}
#live-host-progress .ht-table-wrap{overflow:auto;max-height:390px}
#live-host-progress table{border-collapse:collapse;width:100%;font-size:.76rem;text-align:left}
#live-host-progress th,#live-host-progress td{padding:9px 5px;border-bottom:1px solid #e1e6ef;overflow-wrap:anywhere}
#live-host-progress th{position:sticky;top:0;background:#f1f5fc;font-size:.7rem;color:#52627b}
#live-host-progress td:first-child{font-weight:700}
#live-host-progress #live-host-moderation{margin-top:14px;border-top:1px solid #e1e6ef;padding-top:12px}
#live-host-moderation>summary{font-size:.8rem;font-weight:700;cursor:pointer;color:#4b42bd}
#live-host-moderation #live-room-players>.live-divider{display:none}
#live-host-moderation #live-room-players{padding-top:12px}
#live-host-moderation #live-room-players>h3{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}
#live-host-moderation .live-player{flex-wrap:wrap;gap:7px}
#live-host-moderation .live-player-actions{flex-wrap:wrap;gap:5px}
#live-host-moderation .live-button{min-height:32px;padding:6px 8px;font-size:.72rem}
.is-host-workspace .live-players-panel{grid-area:chat;position:static;min-width:0;padding:16px;margin:0}
.is-host-workspace #live-chat-title{font-size:1.05rem;margin-bottom:8px}
.is-host-workspace .live-chat>p{display:none}
.is-host-workspace #live-chat-messages{height:220px;min-height:100px;max-height:30vh;margin-top:10px}
.is-host-workspace #live-chat-form{margin-top:10px}
.is-host-workspace #live-chat-input{min-height:60px;padding:10px}
.is-host-workspace #live-chat-reports-panel{margin-top:12px;padding-top:12px}
.is-host-workspace #live-chat-reports-title{margin:0 0 8px;font-size:.85rem}
.is-host-workspace #live-chat-reports-list{max-height:170px;overflow:auto}
.is-host-workspace #live-chat-reports-list p{margin:6px 0;font-size:.8rem}
.is-host-workspace #live-host-advanced{grid-area:tools;margin:0;padding:14px 16px;min-width:0}
#live-host-advanced>summary{cursor:pointer;font-weight:750;font-size:.9rem;color:#3a4b68}
#live-host-advanced #live-host-tools{padding:14px 0 0;margin:0;border:0;box-shadow:none;background:transparent}
#live-host-advanced #live-host-tools>h3,#live-host-advanced #live-host-tools>p:first-of-type,#live-host-advanced #live-host-tools>.live-control-row{display:none}
.is-host-workspace #live-room-notifications{grid-area:notifications;margin:0;padding:14px 16px;min-width:0;font-size:.85rem}
.is-host-workspace #live-room-notifications summary{cursor:pointer}
@media(min-width:1001px) and (max-width:1439px){
 .is-host-workspace .live-room-layout{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);grid-template-areas:"notices notices" "game chat" "progress chat" "tools notifications"}
 #live-host-progress .ht-table-wrap{max-height:230px}
 .is-host-workspace #live-chat-messages{height:220px;max-height:32vh}
}
@media(max-width:1000px){
 .live-quiz-page.is-host-room{width:calc(100% - 24px);padding-top:12px}
 .is-host-workspace .live-room-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"notices" "game" "progress" "chat" "tools" "notifications"}
 .is-host-room .live-room-header{grid-template-columns:minmax(0,1fr);padding:14px}
 .is-host-room .live-room-invite-card{grid-template-columns:minmax(0,1fr) auto}
 .is-host-room .live-room-invite-card .live-button{grid-column:2;grid-row:1/3}
 .is-host-workspace #live-chat-messages{height:220px;max-height:none}
}

/* Keep the operating controls easy to reach and the host answer key unmistakable. */
.is-host-workspace #live-host-controls .live-host-toolbar{position:sticky;top:110px;z-index:20;margin:0 0 12px;background:#f5f7fc;box-shadow:0 4px 12px #182b4b0a}
.is-host-workspace #live-host-controls>#live-stage{margin-bottom:0}
#live-stage .live-answer.live-answer-correct:disabled{background:#e7f7ed;border:2px solid #258147;color:#145c31;opacity:1}
.live-answer-correct-label{display:block;font-size:.72rem;font-weight:800;margin-top:5px}
#live-host-explanation{margin-top:10px;font-size:.8rem;color:#52627a}
#live-host-explanation>summary{cursor:pointer;font-weight:700}
#live-host-explanation p{margin:8px 0 0;line-height:1.5}
.ht-connection{font-size:.72rem;font-weight:700;white-space:nowrap}
.ht-connection-connected{color:#18753b}.ht-connection-disconnected{color:#a74127}.ht-connection-unknown{color:#68758b}
.ht-last-seen{display:block;color:#65728a;font-size:.66rem;line-height:1.4;margin-top:3px}
body.quiz-host-focused .fb-chat-launcher,body.quiz-host-focused .fb-chat-panel{display:none!important}
@media(max-width:600px){.is-host-workspace #live-host-controls .live-host-toolbar{top:90px}}
#live-scoreboard-sharing{display:grid;gap:12px}
#live-scoreboard-sharing textarea{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #cbd5e5;border-radius:9px}
#live-scoreboard-sharing select{padding:8px;font:inherit;max-width:100%}
#live-scoreboard-sharing summary{cursor:pointer;font-weight:700}
#live-scoreboard-sharing canvas{border-radius:12px;margin-top:12px}

/* Sample room: reclaim the hidden invite column and keep the practice notice compact. */
.live-room.is-sample-room .live-room-header{
  grid-template-columns:minmax(0,1fr);min-height:0;margin:4px 0 14px;
  padding:20px 24px;border-radius:16px
}
.live-room.is-sample-room .live-room-heading-main{align-self:start}
.live-room.is-sample-room #live-room-title{margin:5px 0 6px;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.03em}
.live-room.is-sample-room #live-room-status{
  display:inline-flex;align-items:center;width:fit-content;margin:2px 0 0;padding:5px 9px;
  border:1px solid rgba(166,204,255,.28);border-radius:999px;
  background:rgba(255,255,255,.08);color:#d8e8ff;font-size:.7rem;font-weight:800;letter-spacing:.1em
}
.live-room.is-sample-room #live-sample-room-notice{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 18px;
  margin:0 0 12px;padding:13px 16px;border:1px solid #cbdcf7;border-radius:13px;
  background:linear-gradient(110deg,#f5f8ff,#fff);box-shadow:0 6px 18px rgba(21,45,84,.045)
}
.live-room.is-sample-room #live-sample-room-notice[hidden]{display:none!important}
.live-room.is-sample-room #live-sample-room-notice>strong{color:#21477f;font-size:.92rem}
.live-room.is-sample-room #live-sample-room-notice>p{grid-column:1;margin:0;color:#5b6f89;font-size:.82rem;line-height:1.45}
.live-room.is-sample-room #live-sample-room-notice>.live-control-row{grid-column:2;grid-row:1/3;justify-content:flex-end;gap:7px}
.live-room.is-sample-room #live-sample-room-notice .live-button{min-height:36px;padding:7px 11px;font-size:.8rem}
.live-room.is-sample-room .live-room-layout{gap:16px}
@media(max-width:700px){
  .live-room.is-sample-room .live-room-header{padding:17px;border-radius:14px}
  .live-room.is-sample-room #live-sample-room-notice{grid-template-columns:minmax(0,1fr);gap:7px;padding:13px}
  .live-room.is-sample-room #live-sample-room-notice>p,
  .live-room.is-sample-room #live-sample-room-notice>.live-control-row{grid-column:1;grid-row:auto}
  .live-room.is-sample-room #live-sample-room-notice>.live-control-row{justify-content:flex-start}
  .live-room.is-sample-room #live-sample-room-notice .live-button{flex:1}
}

/* Keep hero actions compact and readable against the blue background. */
.live-quiz-page .live-hero .live-hero-actions .live-button{min-height:44px;padding:8px 14px;font-size:.9rem;line-height:1.25}
.live-quiz-page .live-hero .live-hero-actions .live-button-secondary{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}


/* Hard cap the landing buttons so inherited site button sizing cannot enlarge them. */
.live-quiz-page .live-hero .live-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.live-quiz-page .live-hero .live-hero-actions .live-button{box-sizing:border-box;width:auto!important;min-width:0;flex:0 0 auto!important;height:42px!important;min-height:42px!important;max-height:42px;padding:0 12px!important;font-size:.85rem!important;line-height:1!important;white-space:nowrap}



/* Host form polish: align compact controls and keep the live preview clear below the fixed site header. */
.live-quiz-page #live-home .live-create-fields .live-form{gap:14px}
.live-quiz-page #live-home .live-create-fields .live-form label{gap:6px;font-size:.88rem;line-height:1.4;color:#334765}
.live-quiz-page #live-home .live-create-fields .live-form input:not([type=file]),.live-quiz-page #live-home .live-create-fields .live-form select{min-height:46px;padding:10px 12px;border-radius:11px}
.live-quiz-page #live-home .live-create-fields .live-form textarea{min-height:108px;padding:11px 12px;border-radius:11px;resize:vertical}
.live-quiz-page #live-home .live-create-fields .live-form input[type=file]{min-height:46px;padding:7px 9px;border-radius:11px}
.live-quiz-page #live-home .live-create-fields .live-form input[type=file]::file-selector-button{margin-right:10px;padding:7px 10px;border:1px solid #cbd8ef;border-radius:8px;background:#edf3ff;color:#243c63;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.live-quiz-page #live-home .live-create-fields .live-form input[type=file]::file-selector-button:hover{background:#e2ebff}
.live-quiz-page #live-home .live-create-fields .live-form-grid{gap:13px 14px}
.live-quiz-page #live-home .live-create-fields .live-small{color:#596d89;line-height:1.5}
.live-quiz-page #live-home .live-room-preview .live-preview-note,.live-quiz-page #live-home .live-room-preview .live-preview-timer-label{color:#c3d0e7!important;opacity:1}
@media(min-width:1041px){.live-quiz-page #live-home .live-room-preview{position:sticky;top:116px}}
@media(max-width:560px){.live-quiz-page #live-home .live-create-fields .live-form-grid{grid-template-columns:minmax(0,1fr)}.live-quiz-page #live-home .live-create-fields .live-form input[type=file]{font-size:.84rem}}

/* Keep each paired host setting at its natural height when helper copy wraps beside it. */
.live-quiz-page #live-home .live-create-fields .live-form-grid{align-items:start}
.live-quiz-page #live-home .live-create-fields .live-form-grid>label{align-content:start;align-self:start}

/* Keep optional helper text from stretching adjacent guest-join inputs. */
.live-quiz-page .live-join-form-wrap #live-join-form{align-items:start}
.live-quiz-page .live-join-form-wrap #live-join-form>label{align-content:start;align-self:start}


/* Host room question stage gets its own full-width row above the workspace panels. */
.is-host-workspace .live-main-column>.fb-question-row-live{grid-area:stage;min-width:0;width:100%}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage{width:100%;box-sizing:border-box}
@media(min-width:1440px){
 .is-host-workspace .live-room-layout{grid-template-areas:"notices notices notices" "stage stage stage" "game progress chat" "tools tools notifications"}
}
@media(min-width:1001px) and (max-width:1439px){
 .is-host-workspace .live-room-layout{grid-template-areas:"notices notices" "stage stage" "game chat" "progress chat" "tools notifications"}
}
@media(max-width:1000px){
 .is-host-workspace .live-room-layout{grid-template-areas:"notices" "stage" "game" "progress" "chat" "tools" "notifications"}
}


/* Host question stage: content and answers on the left, existing presenter on the right. */
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage{
 display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);
 column-gap:clamp(18px,2vw,30px);row-gap:5px;align-content:start;
 min-height:330px;padding:16px 20px;margin-bottom:0
}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>*{grid-column:1;min-width:0}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>.live-small:first-child{grid-column:1/-1}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-question{
 grid-column:1;padding:0;margin:4px 0 6px;font-size:clamp(1.35rem,1.65vw,1.75rem);line-height:1.22
}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-answer-grid{
 grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-answer{min-height:42px;padding:8px 12px}
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>.live-answer-status,
.is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>#live-host-explanation{margin:4px 0 0}
.is-host-workspace .live-main-column>.fb-question-row-live>.fb-presenter{
 right:clamp(20px,2vw,30px);bottom:14px
}
.is-host-workspace .fb-presenter-bubble{
 height:auto;min-height:42px;padding:8px 10px;font-size:12px;line-height:1.3;
 overflow:visible;white-space:normal
}
@media(min-width:1001px) and (max-width:1439px){
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr)}
}
@media(min-width:1280px){
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage{
  grid-template-columns:minmax(0,2.2fr) minmax(354px,1fr);min-height:300px
 }
 .is-host-workspace .fb-question-row-live>.fb-presenter>.fb-presenter-bubble{
  position:absolute;top:8px;right:calc(100% - 28px);width:166px;min-height:94px;
  padding:14px 30px 15px 13px;font-size:16px;font-weight:900;line-height:1.15;color:#11183f;
  border:0;border-radius:0;box-shadow:none;
  background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20184%20112%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22outline%22%3E%3Cstop%20stop-color%3D%22%237688db%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a49be0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22url(%23outline)%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%20d%3D%22M32%2010C56%204%20104%203%20128%208C153%2013%20160%2031%20158%2054C157%2063%20154%2071%20150%2077C156%2088%20165%2094%20181%2098C163%20100%20149%2096%20139%2089C126%2098%20111%20103%2087%20105C64%20108%2038%20108%2024%20102C9%2095%204%2077%204%2054C3%2030%2011%2017%2032%2010Z%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat
 }
 .is-host-workspace .fb-question-row-live>.fb-presenter>.fb-presenter-bubble::after{content:none}
}
@media(max-width:750px){
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage{
  display:block;min-height:0;padding:20px 18px 190px
 }
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>*{width:auto}
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage>.live-small:first-child{margin-bottom:12px}
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-question{padding:0;margin:8px 0 18px;font-size:clamp(1.35rem,5vw,1.8rem)}
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-answer-grid{grid-template-columns:1fr;gap:9px}
 .is-host-workspace .live-main-column>.fb-question-row-live>#live-stage .live-answer{min-height:50px;padding:12px}
 .is-host-workspace .live-main-column>.fb-question-row-live>.fb-presenter{right:12px;bottom:12px}
 .is-host-workspace .fb-presenter-bubble{min-height:36px;padding:6px 8px;font-size:11px}
}


/* Keep the player room identity and question controls compact. */
.live-quiz-page .live-room.is-player-room .live-room-header{
 grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;
 margin:0 0 14px;padding:10px 16px;border-radius:14px
}
.is-player-room .live-room-heading-main{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.is-player-room .live-room-heading-main .live-eyebrow{display:none}
.live-room.is-player-room #live-room-title{
 min-width:0;margin:0;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.2;overflow-wrap:anywhere
}
.live-room.is-player-room #live-room-description{flex:0 0 100%;order:1;margin:0;color:#c5d6f2;font-size:.8rem}
.is-player-room .live-room-heading-main #live-room-status{
 display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 8px;
 border-radius:999px;background:#e5edff;color:#263f75;font-size:.72rem;font-weight:800;line-height:1.3
}
.is-player-room #live-room-status[data-status="live"]{background:#dcfce7;color:#14532d}
.is-player-room #live-room-status[data-status="live"]::before{
 content:"";width:6px;height:6px;border-radius:50%;background:currentColor
}
.is-player-room .live-room-active-players{display:flex;align-items:center;gap:6px;white-space:nowrap}
.is-player-room .live-room-active-players strong{margin:0;font-size:.85rem;letter-spacing:normal}
.live-quiz-page .is-player-room .live-main-column>#live-stage,
.live-quiz-page .is-player-room .fb-question-row-live:not(.fb-presenter-slot-live)>#live-stage{
 min-height:0;margin:0;padding:clamp(14px,2vw,20px)
}
.is-player-room #live-stage .live-question{
 margin:10px 0 12px;font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.22;overflow-wrap:anywhere
}
.is-player-room #live-stage .live-answer-grid{gap:8px}
.is-player-room #live-stage .live-answer{min-height:44px;padding:8px 12px;overflow-wrap:anywhere}
.is-player-room #live-stage .live-answer-status{margin:8px 0 0}
.is-player-room #live-countdown{
 display:inline-block;padding:4px 8px;border-radius:7px;background:#e8edff;color:#4634bf;
 font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap
}
@media(max-width:600px){
 .live-quiz-page .live-room.is-player-room .live-room-header{padding:8px 10px}
 .is-player-room .live-room-heading-main{gap:5px 7px}
}

/* Keep the presenter in its own space so it cannot cover the player's controls. */
.is-player-room .fb-question-row-live.fb-presenter-visible{
 display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:start;
 padding-inline-end:12px;border:1px solid #dce5f2;border-radius:18px;
 background:#fff;box-shadow:0 12px 32px rgba(21,45,84,.055)
}
.live-quiz-page .is-player-room .fb-question-row-live.fb-presenter-visible>#live-stage{
 min-width:0;border:0;background:transparent;box-shadow:none
}
.is-player-room .fb-question-row-live.fb-presenter-visible>.fb-presenter{
 align-self:center;justify-self:center;width:100%;max-width:104px;margin:0
}
@media(max-width:750px){
 .is-player-room .fb-question-row-live.fb-presenter-visible{grid-template-columns:minmax(0,1fr);padding:0}
 .is-player-room .fb-question-row-live.fb-presenter-visible>.fb-presenter{margin:0 14px 12px}
 .is-player-room .fb-question-row-live.fb-presenter-visible>.fb-presenter{
  flex-direction:row-reverse;align-items:center;justify-self:end;
  width:auto;max-width:100%;gap:6px
 }
 .is-player-room .fb-question-row-live.fb-presenter-visible .fb-presenter-speak{width:64px;margin:0}
 .is-player-room .fb-question-row-live.fb-presenter-visible .fb-presenter-bubble{width:104px}
 .is-player-room .fb-question-row-live.fb-presenter-visible .fb-presenter-bubble::after{display:none}
}

/* Player question and sidebar styling. */
.live-chat-send-icon{display:none}
.is-player-room .live-player-question-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.is-player-room .live-player-question-chip{
 padding:6px 9px;border-radius:8px;background:#edf2fb;color:#344872;font-weight:700
}
.is-player-room #live-countdown{
 margin-inline-start:auto;padding:7px 11px;background:linear-gradient(105deg,#5824ee,#4219dc);color:#fff
}
.is-player-room #live-countdown::before{content:"◷";margin-inline-end:5px}
.is-player-room #live-question-timer{
 display:block;appearance:none;width:100%;height:9px;margin:12px 0 16px;
 border:0;border-radius:999px;background:#e1e8f6;overflow:hidden
}
.is-player-room #live-question-timer::-webkit-progress-bar{background:#e1e8f6;border-radius:999px}
.is-player-room #live-question-timer::-webkit-progress-value{background:linear-gradient(90deg,#5925ef,#2164fa);border-radius:999px}
.is-player-room #live-question-timer::-moz-progress-bar{background:linear-gradient(90deg,#5925ef,#2164fa);border-radius:999px}
.is-player-room #live-stage .live-answer-grid{gap:10px}
.is-player-room #live-stage .live-answer{
 display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;
 min-height:52px;border-color:#b7c5df;background:#f8faff;color:#17243e;font-weight:650
}
.is-player-room #live-stage .live-answer b{
 display:grid;place-items:center;min-width:30px;height:30px;margin:0;padding:0 5px;
 border-radius:8px;background:#e4e7ff;color:#222866;font-weight:800
}
.is-player-room #live-stage .live-answer:hover:not(:disabled){border-color:#526feb;background:#eef3ff}
.is-player-room #live-stage .live-answer.live-answer-selected{border-color:#315ee8;background:#eaf0ff}
.is-player-room #live-stage .live-answer-choice{grid-column:2;justify-self:start;margin:0}
.is-player-room .live-player-question-footer{
 display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2px 12px;margin-top:10px
}
.is-player-room #live-stage .live-answer-status{margin:0}
.is-player-room .live-question-report{
 display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:3px 0;
 border:0;background:transparent;color:#475b7e;font:inherit;font-size:.8rem;cursor:pointer
}
.is-player-room .live-question-report:hover{text-decoration:underline}
.is-player-room #live-room-notifications{padding:12px 18px;margin:0}
.is-player-room #live-room-notifications summary{
 display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none
}
.is-player-room #live-room-notifications summary::-webkit-details-marker{display:none}
.is-player-room #live-room-notifications summary::after{
 content:"";width:7px;height:7px;margin-inline-start:auto;
 border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)
}
.is-player-room #live-room-notifications details[open] summary::after{transform:rotate(225deg)}
.is-player-room #live-chat-title{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.is-player-room #live-chat-messages{background:#edf2fb;height:160px}
.is-player-room #live-chat-form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 8px}
.is-player-room #live-chat-input{
 grid-column:1;grid-row:1;min-height:44px;height:44px;padding:9px 10px;
 line-height:22px;overflow-y:auto;resize:none
}
.is-player-room .live-chat-submit-row{display:contents}
.is-player-room #live-chat-status{grid-column:1/-1;grid-row:2}
.is-player-room #live-chat-status:empty{display:none}
.is-player-room .live-chat-submit-row button{
 display:grid;place-items:center;grid-column:2;grid-row:1;min-width:44px;min-height:44px;padding:8px
}
.is-player-room .live-chat-send-label{display:none}
.is-player-room .live-chat-send-icon{display:block;width:20px;height:20px}
.is-player-room #live-player-list .live-player>span{
 display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere
}
.is-player-room :is(.live-question-report,#live-chat-title,#live-room-notifications summary,#live-player-list .live-player>span)::before{
 content:"";flex:0 0 16px;width:16px;height:16px;background:currentColor;mask:var(--player-icon) center / contain no-repeat
}
.is-player-room .live-question-report{--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2022V3m0%201c5-5%2010%205%2016%200v12c-6%205-11-5-16%200%22%2F%3E%3C%2Fsvg%3E")}
.is-player-room #live-chat-title{--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a9%208%200%200%201-9%208%2010%2010%200%200%201-4-.8L3%2021l1.5-5A7.4%207.4%200%200%201%203%2011a9%208%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E")}
.is-player-room #live-room-notifications summary{--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9m-8%2012a2%202%200%200%200%204%200%22%2F%3E%3C%2Fsvg%3E")}
.is-player-room #live-player-list .live-player>span{--player-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
.is-player-room #live-player-list .live-player>span::before{background:#4268d7}
@media(max-width:600px){
 .is-player-room #live-stage .live-answer-grid{grid-template-columns:1fr}
 .is-player-room .live-player-question-meta{gap:5px}
 .is-player-room .live-player-question-chip,.is-player-room #live-countdown{padding:5px 7px;font-size:.72rem}
}

/* Host identity bar mirrors the room status, code and player count in one compact row. */
.is-host-room .live-room-header{
 display:grid;grid-template-columns:minmax(0,1fr) auto auto;
 grid-template-areas:"heading code players";align-items:center;gap:14px;
 margin:0 0 12px;padding:10px 16px;border:1px solid #d7e3f4;
 border-radius:16px;color:#172033;background:#fff;
 box-shadow:0 8px 22px rgba(24,52,91,.07)
}
.is-host-room .live-room-heading-main{
 grid-area:heading;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-width:0
}
.is-host-room .live-room-mark{
 display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;
 border-radius:12px;background:#edf3ff;color:#245ed7;font-size:20px
}
.is-host-room .live-room-heading-main .live-eyebrow{display:none}
.is-host-room #live-room-title{margin:0;color:#172033;font-size:1.25rem;line-height:1.25}
.is-host-room #live-room-description{flex:0 0 100%;order:4;margin:0;color:#566985;font-size:.88rem}
.is-host-room #live-room-status{
 display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 11px;
 border-radius:999px;background:#e5f8ec;color:#087b45;font-size:.78rem;
 font-weight:800;line-height:1.2
}
.is-host-room #live-room-status[data-status="live"]::before{
 content:"";width:8px;height:8px;border-radius:50%;background:#12a966
}
.is-host-room #live-room-status[data-status="paused"]{background:#fff4d9;color:#875800}
.is-host-room #live-room-status[data-status="scheduled"],
.is-host-room #live-room-status[data-status="lobby"]{background:#edf3ff;color:#245ed7}
.is-host-room .live-room-invite-card{
 grid-area:code;display:grid;grid-template-columns:auto auto;align-items:center;
 gap:3px 10px;margin:0;padding:7px 11px;border:1px solid #e1e8f4;
 border-radius:12px;background:#f7f9fd;box-shadow:none
}
.is-host-room .live-room-invite-card>span{grid-column:1/-1;color:#697a95;font-size:.64rem;letter-spacing:.08em}
.is-host-room .live-room-invite-card>strong{grid-column:1;color:#172033;font-size:1.05rem;letter-spacing:.08em}
.is-host-room .live-room-invite-card .live-button{
 grid-column:2;grid-row:2;min-height:34px;width:auto;padding:7px 10px;
 font-size:.72rem;white-space:nowrap
}
.is-host-room .live-room-active-players{
 grid-area:players;display:flex;align-items:center;gap:9px;min-height:44px;
 padding:0 6px;color:#263a5a
}
.is-host-room .live-room-active-players>span{font-size:1.15rem}
.is-host-room .live-room-active-players strong{white-space:nowrap;font-size:.9rem}
.is-host-workspace #live-host-controls .live-host-toolbar{
 display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:14px
}
.is-host-workspace #live-host-controls .live-host-toolbar .live-button{
 display:flex;align-items:center;justify-content:center;flex:0 0 auto;
 width:100%;min-height:48px;padding:11px 14px;font-size:.9rem
}
.is-host-workspace #live-host-controls .live-host-toolbar #live-end{margin-left:0}
.is-host-workspace #live-host-controls .live-host-toolbar #live-next{
 border-color:#2468ee;background:#2468ee;color:#fff
}
@media(max-width:1000px){
 .is-host-room .live-room-header{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"heading players" "code code";gap:10px 14px;padding:13px 15px
 }
 .is-host-room .live-room-invite-card{justify-self:start}
}
@media(max-width:520px){
 .is-host-room .live-room-header{grid-template-columns:minmax(0,1fr) auto}
 .is-host-room .live-room-mark{flex-basis:36px;width:36px;height:36px;font-size:17px}
 .is-host-room #live-room-title{font-size:1.05rem}
 .is-host-room #live-room-status{padding:5px 8px;font-size:.7rem}
 .is-host-room .live-room-invite-card{max-width:100%}
 .is-host-workspace #live-host-controls .live-host-toolbar{padding:10px}
}


@media(min-width:1001px){
 .is-host-workspace #live-host-controls .live-host-toolbar{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px
 }
 .is-host-workspace #live-host-controls .live-host-toolbar #live-start,
 .is-host-workspace #live-host-controls .live-host-toolbar .live-answer-monitor{grid-column:1/-1}
 .is-host-workspace #live-host-controls .live-host-toolbar .live-button{min-height:42px;padding:8px}
}

/* Keep the three live host panels balanced at wide desktop widths. */
@media(min-width:1440px){
 .is-host-workspace .live-room-layout{
  grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr) minmax(320px,1.22fr);
  align-items:start
 }
}
.is-host-workspace #live-chat-messages{height:180px;max-height:24vh}
.is-host-workspace #live-host-controls .live-host-toolbar #live-pause::before{content:"Ⅱ";margin-right:9px;font-size:1.05rem}
.is-host-workspace #live-host-controls .live-host-toolbar #live-next::before{content:"▶";margin-right:9px;font-size:.9rem}
.is-host-workspace #live-host-controls .live-host-toolbar #live-room-lock::before{content:"▣";margin-right:9px;font-size:1rem}
.is-host-workspace #live-host-controls .live-host-toolbar #live-end::before{content:"⚑";margin-right:9px;font-size:1rem}
.is-host-workspace #live-host-controls .live-host-toolbar #live-room-lock{
 border-color:#d8cbff;background:#f3efff;color:#5433b9
}

/* FactBurst final standings: responsive podium, readable ranking and stable rows. */
.live-final-results{display:grid;gap:15px;min-width:0}
.live-final-results h2,.live-final-results h3{margin:0}
.live-final-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.13em;color:#5464b5;margin:0}
.live-final-personal{padding:12px 14px;margin:0;border:1px solid #a9bdf5;border-radius:12px;background:#eef4ff;color:#294183}
.live-final-podium{display:grid;gap:12px}
.live-final-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.live-final-podium-place{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 10px;min-width:0;min-height:140px;border:1px solid #d3ddec;border-radius:14px;background:#f3f7ff;text-align:center}
.live-final-podium-place strong{max-width:100%;overflow-wrap:anywhere;font-size:.95rem}
.live-final-podium-place small{font-size:.73rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.live-final-place-1{background:linear-gradient(140deg,#fff7e0,#ffebb8);border-color:#ebc976}
.live-final-place-2{background:linear-gradient(140deg,#f8fbff,#e5ebf2);border-color:#c7d0db}
.live-final-place-3{background:linear-gradient(140deg,#fff7ed,#f7dfcb);border-color:#e5b995}
.live-final-medal{font-size:2rem;line-height:1.2}
.live-final-standings{display:grid;gap:10px}
.live-final-standing-list{display:grid;gap:6px;list-style:none;max-height:510px;overflow-y:auto;padding:0;margin:0}
.live-final-standing-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e0e8f3;border-radius:10px;background:#fff}
.live-final-standing-row.is-you{border-color:#9bb8ed;background:#edf4ff}
.live-final-standing-row>span{overflow-wrap:anywhere;min-width:0}
.live-final-standing-row small{color:#62708b}
.live-final-standing-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.live-final-standing-rank{display:grid;place-items:center;border-radius:7px;background:#e6ecfb;color:#314c98;min-height:30px}
@media(max-width:620px){.live-final-podium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-final-podium-place{min-height:118px;padding:12px 8px}.live-final-standing-row{gap:6px;padding:10px 8px}}
@media(prefers-reduced-motion:no-preference){.live-final-podium-place{animation:fb-podium-enter .5s ease-out both}.live-final-podium-place:nth-child(2){animation-delay:.1s}.live-final-podium-place:nth-child(3){animation-delay:.2s}@keyframes fb-podium-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}

/* Compact, data-driven quizmaster status strip. */
.live-host-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 12px}
.live-host-overview .live-host-stat{display:grid;align-content:center;gap:4px;min-width:0;border:1px solid #dde6f6;border-radius:10px;padding:10px 8px;background:#f6f9ff;text-align:center}
.live-host-overview .live-host-stat>span{font-size:.67rem;line-height:1.3;color:#5b6c87;font-weight:700;overflow-wrap:anywhere}
.live-host-overview .live-host-stat>strong{font-size:clamp(.79rem,1vw,1.05rem);line-height:1.3;color:#263b72;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.live-host-overview-alert{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8bb76;border-radius:10px;background:#fff7e8;color:#825015;font-size:.83rem;font-weight:750}
.live-host-overview-alert .live-button{flex:0 0 auto;min-height:34px!important;padding:6px 10px!important;font-size:.75rem!important}
@media(max-width:560px){.live-host-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.live-host-overview-alert{flex-wrap:wrap}}

.live-final-performance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.live-final-performance>div{display:grid;gap:4px;padding:12px 8px;text-align:center;border:1px solid #d9e3f6;border-radius:11px;background:#f7faff}
.live-final-performance strong{color:#2a438a;font-size:1.12rem;font-variant-numeric:tabular-nums}
.live-final-performance span{color:#586d8b;font-size:.72rem}
@media(max-width:420px){.live-final-performance{gap:5px}.live-final-performance>div{padding:10px 4px}.live-final-performance strong{font-size:.9rem}}

/* Host plan pricing preview, inactive until a separate payment launch. */
.live-host-pricing-preview{display:grid;gap:10px;padding:17px;margin:6px 0 16px;border:1px solid #c9d9f3;border-radius:14px;background:linear-gradient(145deg,#f4f7ff,#fff)}
.live-host-pricing-preview h3{margin:0;color:#293f81;font-size:1.08rem}
.live-host-pricing-preview p{margin:0}
.live-host-pricing-preview .live-form-grid{margin:0}
.live-host-pricing-total{display:flex;align-items:baseline;gap:7px;color:#354a80}
.live-host-pricing-total strong{font-size:1.65rem;color:#253c84;font-weight:850;font-variant-numeric:tabular-nums}
.live-host-pricing-total span{font-size:.85rem;color:#61708a}
@media(max-width:580px){.live-host-pricing-preview{padding:13px}.live-host-pricing-preview .live-form-grid{grid-template-columns:minmax(0,1fr)}}