/* FactBurst Live mobile experience. Scoped to live quiz only. */
.live-mobile-top,.live-mobile-nav{display:none}
@media(max-width:760px){
 body:has(.live-quiz-page){--live-mobile-purple:#4932ba}
 .live-quiz-page{padding-top:12px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;width:100%;box-sizing:border-box;overflow-x:clip}
 .live-quiz-page .live-hero{border-radius:22px!important;padding:25px 20px!important;margin-bottom:15px!important;background:linear-gradient(135deg,#151d4a,#4e2ec0 70%,#1d68e5)!important;color:white!important}
 .live-quiz-page .live-hero h1{font-size:clamp(30px,9vw,45px)!important;line-height:1.12!important;color:#fff!important}
 .live-quiz-page .live-hero>p{color:#e5eaff!important;line-height:1.5}
 .live-quiz-page .live-hero>p a{color:#b5efff!important}
 .live-quiz-page .live-hero-features{gap:8px!important}
 .live-quiz-page .live-panel{border-radius:18px!important;margin-bottom:13px}
 .live-quiz-page input,.live-quiz-page select,.live-quiz-page textarea{font-size:16px!important;min-height:44px}
 .live-quiz-page .live-button{min-height:44px;border-radius:11px}
 .live-quiz-page #live-stage{border-radius:18px!important;overflow:visible}
 .live-quiz-page #live-stage .live-answer{min-height:60px!important;border-radius:13px!important;font-size:16px!important;text-align:left}
 .live-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;margin-bottom:13px;padding:5px 3px;color:var(--color-text,#18213f)}
 .live-mobile-top strong{font-size:18px;letter-spacing:-.3px}
 .live-mobile-top span{font-size:12px;font-weight:800;color:#5336c6}
 .live-mobile-top a{font-size:12px;text-decoration:none;background:#eae6ff;color:#3a2791;padding:9px 11px;border-radius:9px;font-weight:800}
 .live-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;z-index:100;left:0;right:0;bottom:0;bottom:0;padding:8px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e0e5ef);box-shadow:0 -8px 30px rgba(20,27,68,.12)}
 .live-mobile-nav button{background:transparent;border:0;border-radius:12px;color:var(--color-text-muted,#62708c);font:inherit;font-size:11px;font-weight:800;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:52px;cursor:pointer}
 .live-mobile-nav button .live-tab-icon{font-size:21px;line-height:24px}
 .live-mobile-nav button[aria-current="page"]{background:#ede9ff;color:#4932ba}
 .live-mobile-nav button:focus-visible{outline:3px solid #7162e6;outline-offset:2px}
 .live-quiz-page .live-room-layout,.live-quiz-page .live-join-layout,.live-quiz-page .live-create-layout{min-width:0}
 .live-quiz-page .live-panel,.live-quiz-page .live-main-column,.live-quiz-page .live-room{min-width:0}
}
@media(max-width:760px) and (display-mode:standalone){
 body:has(.live-quiz-page)>.site-header,body:has(.live-quiz-page)>.site-footer,body:has(.live-quiz-page)>footer{display:none!important}
 body:has(.live-quiz-page){background:var(--color-background,#f7f8fd)}
 .live-mobile-top{padding-top:10px}
}
@supports (-webkit-touch-callout:none){
 @media(max-width:760px){.live-mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}
}

/* Contain desktop-width layout in a 320–430px viewport. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body:has(.live-quiz-page) .shell.live-quiz-page{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-left:12px!important;padding-right:12px!important}
 .live-quiz-page,.live-quiz-page *, .live-quiz-page *::before,.live-quiz-page *::after{box-sizing:border-box}
 .live-quiz-page .live-hero,.live-quiz-page .live-panel,.live-quiz-page .live-room,.live-quiz-page .live-room-layout,.live-quiz-page .live-room-header,.live-quiz-page .live-join-layout,.live-quiz-page .live-create-layout,.live-quiz-page .live-hero-features{width:100%!important;max-width:100%!important;min-width:0!important}
 .live-quiz-page .live-hero{overflow:hidden!important}
 .live-quiz-page .live-hero h1,.live-quiz-page .live-hero p,.live-quiz-page .live-hero a,.live-quiz-page .live-panel h2{max-width:100%;overflow-wrap:anywhere;white-space:normal}
 .live-quiz-page .live-room-layout,.live-quiz-page .live-join-layout,.live-quiz-page .live-create-layout{grid-template-columns:minmax(0,1fr)!important}
 .live-quiz-page .live-hero-features{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 .live-quiz-page input,.live-quiz-page textarea,.live-quiz-page select{max-width:100%}
 .live-quiz-page .live-control-row{flex-wrap:wrap}
 .live-quiz-page .live-main-column,.live-quiz-page .live-room-layout>aside{min-width:0;width:100%}
}

/* Mobile polish: keep the quiz content in view and stop global support overlays covering tabs. */
@media(max-width:760px){
 body:has(.live-quiz-page) .fb-chat-launcher,
 body:has(.live-quiz-page) .fb-chat-panel,
 body:has(.live-quiz-page) .chatbot-launcher,
 body:has(.live-quiz-page) .chatbot-panel{display:none!important}
 .live-quiz-page .live-hero{padding:21px 19px!important}
 .live-quiz-page .live-hero h1{font-size:clamp(29px,8vw,36px)!important;margin:10px 0!important;letter-spacing:-.7px!important}
 .live-quiz-page .live-hero>p{font-size:14px!important;line-height:1.45!important;margin:10px 0!important}
 .live-quiz-page .live-hero>p:nth-of-type(2),.live-quiz-page .live-hero>p:nth-of-type(3){font-size:12px!important}
 .live-quiz-page .live-hero-features{margin-top:14px!important;gap:8px!important}
 .live-quiz-page .live-hero-features>span{padding:4px 0!important}
 .live-mobile-nav{isolation:isolate}
}

/* Small-screen start screen: show actionable quiz controls before decorative content. */
@media(max-width:760px){
 .live-quiz-page .live-hero{padding:17px 18px!important;margin-bottom:12px!important}
 .live-quiz-page .live-hero h1{font-size:clamp(27px,7.5vw,32px)!important;line-height:1.13!important}
 .live-quiz-page .live-hero>p:first-of-type{font-size:13px!important}
 .live-quiz-page .live-hero>p:nth-of-type(2),.live-quiz-page .live-hero>p:nth-of-type(3){margin:7px 0!important}
 .live-quiz-page .live-hero-features{display:none!important}
 .live-quiz-page #live-home,.live-quiz-page #live-my-rooms{scroll-margin-top:16px}
 .live-quiz-page #live-join-form,.live-quiz-page #live-stage,.live-quiz-page .live-chat{scroll-margin-top:18px}
 .live-quiz-page .live-room-top{min-width:0!important}
}

/* Host progress is a five-column desktop table. Present full information as cards on phones. */
@media(max-width:760px){
 .live-quiz-page #live-host-progress{width:100%!important;max-width:100%!important;min-width:0!important;padding:14px!important;overflow:hidden}
 .live-quiz-page #live-host-progress #ht-player-progress,
 .live-quiz-page #live-host-progress .ht-body,
 .live-quiz-page #live-host-progress .ht-table-wrap{width:100%;max-width:100%;min-width:0;overflow:visible!important}
 .live-quiz-page #live-host-progress .ht-body>p{line-height:1.55}
 .live-quiz-page #live-host-progress table,
 .live-quiz-page #live-host-progress tbody{display:block!important;width:100%!important;min-width:0!important}
 .live-quiz-page #live-host-progress thead{display:none!important}
 .live-quiz-page #live-host-progress #ht-progress tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding:13px 12px;margin:10px 0;border:1px solid #e0e5f1;border-radius:13px;background:#f8faff;min-width:0!important}
 .live-quiz-page #live-host-progress #ht-progress td{display:block!important;min-width:0!important;max-width:100%;border:0!important;padding:0!important;font-size:13px!important;line-height:1.45;overflow-wrap:anywhere!important;white-space:normal}
 .live-quiz-page #live-host-progress #ht-progress td:first-child{grid-column:1/-1;font-size:16px!important;font-weight:850;padding-bottom:8px!important;border-bottom:1px solid #e0e5f1!important}
 .live-quiz-page #live-host-progress #ht-progress td:first-child::before{content:'PLAYER';display:block;color:#64728d;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:4px}
 .live-quiz-page #live-host-progress #ht-progress td:nth-child(2)::before{content:'READY';display:block;color:#64728d;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:4px}
 .live-quiz-page #live-host-progress #ht-progress td:nth-child(3)::before{content:'ANSWER';display:block;color:#64728d;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:4px}
 .live-quiz-page #live-host-progress #ht-progress td:nth-child(4)::before{content:'CONNECTION';display:block;color:#64728d;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:4px}
 .live-quiz-page #live-host-progress #ht-progress td:nth-child(5)::before{content:'POINTS';display:block;color:#64728d;font-size:10px;letter-spacing:.06em;font-weight:800;margin-bottom:4px}
 .live-quiz-page #live-host-progress #ht-progress td[colspan]{grid-column:1/-1}
 .live-quiz-page #live-host-progress #ht-progress td[colspan]::before{content:none}
 .live-quiz-page #live-host-progress .ht-connection{white-space:normal;overflow-wrap:anywhere}
 .live-quiz-page #live-host-progress .ht-last-seen{font-size:11px;line-height:1.35}
 .live-quiz-page #live-host-progress #live-host-moderation{margin-top:10px}
}

/* Focused app-style room mode: avoid scrolling through unrelated website sections. */
@media(max-width:760px){
 body.fb-live-room-active .live-quiz-page .live-hero,
 body.fb-live-room-active .live-quiz-page #live-my-rooms,
 body.fb-live-room-active .live-quiz-page #live-home{display:none!important}
 body.fb-live-room-active .site-footer{display:none!important}
 body.fb-live-room-active .live-quiz-page #live-room{margin-top:5px!important}
 body.fb-live-room-active .live-quiz-page .live-room-top{margin-bottom:14px}
 body.fb-live-room-active .live-quiz-page #live-stage,
 body.fb-live-room-active .live-quiz-page .live-chat,
 body.fb-live-room-active .live-quiz-page #live-room{scroll-margin-top:140px}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page .live-chat{display:none!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page #live-branding,
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-room-top{display:none!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page #live-room .live-room-layout{display:block!important;grid-template-areas:none!important;grid-template-columns:minmax(0,1fr)!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page #live-room .live-room-layout> :not(.live-players-panel){display:none!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page #live-room .live-room-layout>.live-players-panel{display:block!important;grid-area:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page #live-room-players{display:none!important}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat{display:block!important;scroll-margin-top:140px}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat-messages{height:min(50dvh,420px);min-height:220px;overflow-y:auto}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat-form{padding-bottom:12px}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat input,
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat textarea{width:100%;max-width:100%}
}
@media(max-width:760px) and (display-mode:standalone){
 body.fb-live-room-active .live-quiz-page #live-stage,
 body.fb-live-room-active .live-quiz-page .live-chat,
 body.fb-live-room-active .live-quiz-page #live-room{scroll-margin-top:20px}
}

/* 2026-11-01 — Dedicated iPhone/mobile app shell. Loaded after the base Live CSS. */
.live-mobile-dashboard{display:none}
@media(max-width:760px){
 body:has(.live-quiz-page) .site-header,
 body:has(.live-quiz-page) .site-footer{display:none!important}
 body:has(.live-quiz-page){background:#f3f5fc}
 body:has(.live-quiz-page) .live-quiz-page{padding:0 12px calc(90px + env(safe-area-inset-bottom))!important}
 .live-quiz-page .live-mobile-top{
  position:sticky;top:0;z-index:55;width:calc(100% + 24px);margin:0 -12px 12px!important;
  padding:12px calc(14px + env(safe-area-inset-right)) 11px calc(14px + env(safe-area-inset-left))!important;
  display:flex!important;min-height:68px;align-items:center;justify-content:space-between;
  background:var(--color-surface,#fff);border-bottom:1px solid #e1e5f2;
  box-shadow:0 5px 14px rgba(25,36,85,.06)
 }
 .live-mobile-brand{display:flex;gap:10px;align-items:center;color:var(--color-text,#192547)!important;text-decoration:none!important;min-width:0}
 .live-mobile-brand img,.live-mobile-brand svg{width:40px!important;height:40px!important;max-width:40px!important;object-fit:contain;border-radius:12px}
 .live-mobile-brand-words{display:grid;gap:1px}
 .live-mobile-brand-words small{font-size:10px;letter-spacing:.12em;color:#4932ba;font-weight:800;line-height:1.1}
 .live-mobile-brand-words strong{font-size:19px;letter-spacing:-.4px;line-height:1.12;color:var(--color-text,#1c2745)}
 .live-mobile-account{font-size:12px!important;color:#4932ba!important;background:#ebe8ff!important;border-radius:12px;padding:11px 12px!important;font-weight:800;text-decoration:none;white-space:nowrap}
 .live-mobile-dashboard{display:block;border-radius:21px;padding:23px 19px;margin-bottom:16px;background:linear-gradient(125deg,#192252,#3a29a7 65%,#2965d8);box-shadow:0 12px 25px rgba(33,37,112,.16);color:#fff}
 .live-mobile-dashboard .live-mobile-eyebrow{color:#96eaff;letter-spacing:.12em;font-size:11px;font-weight:900;margin:0}
 .live-mobile-dashboard h1{font-size:31px;line-height:1.14;letter-spacing:-.8px;margin:10px 0!important;color:#fff}
 .live-mobile-dashboard p:not(.live-mobile-eyebrow){margin:0 0 19px;color:#e5e9ff;font-size:14px;line-height:1.5}
 .live-mobile-quick-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
 .live-mobile-quick-actions button{font:inherit;font-size:14px;min-height:50px;border-radius:12px;font-weight:850;padding:9px 7px;cursor:pointer}
 .live-mobile-quick-primary{background:#fff;border:1px solid white;color:#3025a0}
 .live-mobile-quick-secondary{background:#32258c;border:1px solid #796dca;color:#fff}
 body:not(.fb-live-room-active) .live-quiz-page .live-hero{display:none!important}
 body:not(.fb-live-room-active).fb-live-tab-join .live-mobile-dashboard{display:none!important}
 body:not(.fb-live-room-active).fb-live-tab-join .live-quiz-page #live-my-rooms{display:none!important}
 body:not(.fb-live-room-active).fb-live-tab-home .live-quiz-page #live-home>.live-divider,
 body:not(.fb-live-room-active).fb-live-tab-home .live-quiz-page #live-home>.live-join-heading,
 body:not(.fb-live-room-active).fb-live-tab-home .live-quiz-page #live-home>.live-join-layout{display:none!important}
 body:not(.fb-live-room-active).fb-live-tab-join .live-quiz-page #live-home>.live-panel-heading:not(.live-join-heading),
 body:not(.fb-live-room-active).fb-live-tab-join .live-quiz-page #live-home>.live-create-layout,
 body:not(.fb-live-room-active).fb-live-tab-join .live-quiz-page #live-home>.live-divider{display:none!important}
 .live-quiz-page #live-home{padding:19px 15px!important}
 .live-quiz-page .live-join-info,.live-quiz-page .live-room-preview{display:none!important}
 .live-quiz-page .live-join-layout,.live-quiz-page .live-create-layout{display:block!important}
 .live-quiz-page .live-join-form-wrap,.live-quiz-page .live-create-fields{width:100%!important;max-width:100%!important;min-width:0}
 .live-quiz-page #live-join-form{display:grid;gap:13px}
 .live-quiz-page #live-join-form label{margin:0!important}
 .live-quiz-page #live-join-form button[type="submit"]{width:100%;min-height:54px}
 .live-quiz-page .live-join-heading{margin-bottom:14px!important}
 .live-quiz-page .live-join-heading h2{font-size:24px!important}
 .live-quiz-page #live-room{padding:0!important}
 .live-quiz-page .live-room-top{padding:14px!important;scroll-margin-top:78px}
 .live-quiz-page .live-room-invite-card{max-width:100%!important}
 .live-quiz-page #live-stage{padding:16px 14px!important;scroll-margin-top:79px!important}
 .live-quiz-page #live-stage h2,.live-quiz-page #live-stage h3{line-height:1.25}
 .live-quiz-page #live-stage .live-answer{width:100%;min-height:59px!important;margin-bottom:8px!important}
 .live-quiz-page #live-host-progress .ht-table-wrap{overflow:visible!important}
 .live-quiz-page .live-chat{scroll-margin-top:79px!important}
 .live-quiz-page .live-players-panel{min-width:0!important;max-width:100%!important}
 body.fb-live-room-active .live-mobile-dashboard{display:none!important}
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page .live-room-top{display:grid!important}
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page .live-room-layout{display:block!important;grid-template-areas:none!important}
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page .live-main-column,
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page #live-host-notices,
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page #live-host-advanced{display:none!important}
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page .live-players-panel{display:block!important;grid-area:auto!important}
 body.fb-live-room-active.fb-live-tab-home .live-quiz-page .live-chat{display:none!important}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page .live-room-top{display:none!important}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page .live-players-panel{display:none!important}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page .live-room-layout{display:block!important;grid-template-areas:none!important}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page .live-main-column{display:block!important;grid-area:auto!important;width:100%!important;max-width:100%!important}
 body.fb-live-room-active.fb-live-tab-quiz .live-quiz-page #live-host-progress{margin:12px 0}
 body.fb-live-room-active.fb-live-tab-chat .live-quiz-page .live-chat-messages{height:calc(100dvh - 290px)!important;min-height:190px;max-height:560px}
 .live-mobile-nav{z-index:1000!important}
 .live-mobile-nav button{min-height:50px}
 .live-mobile-nav button[aria-current="page"]{background:#eae7ff;color:#4130af}
}

/* Brand link must not inherit the generic header action-pill treatment. */
@media(max-width:760px){
 .live-quiz-page .live-mobile-top a.live-mobile-brand{
  display:flex!important;align-items:center!important;gap:10px!important;
  padding:0!important;border-radius:0!important;background:transparent!important;
  color:var(--color-text,#18223d)!important;font-size:inherit!important;font-weight:inherit!important
 }
 .live-quiz-page .live-mobile-top a.live-mobile-account{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px;max-width:110px;padding:9px 12px!important
 }
 .live-quiz-page .live-mobile-top .live-mobile-brand .brand-logo,
 .live-quiz-page .live-mobile-top .live-mobile-brand .site-logo{max-width:42px!important;max-height:42px!important;object-fit:contain}
}