:root{font-family:Inter,system-ui,sans-serif;background:#05080c;color:white}
*{box-sizing:border-box}
body{margin:0;background:#05080c}
main{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at center,#142234,#05080c 60%)}
header,footer{display:flex;justify-content:space-between;align-items:center;padding:14px 26px;color:#b8c5d3}
header strong{color:white;letter-spacing:.12em}
.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;overflow:hidden}
.type{color:#1ed5f4;font-weight:900;letter-spacing:.18em;font-size:13px}
.stage h1{font-size:clamp(42px,5.6vw,80px);max-width:1500px;line-height:1;margin:10px 0}
.stage p{font-size:clamp(20px,2.15vw,32px);color:#c2ced9;max-width:1200px;margin:12px 0 18px}
.asset{width:auto;max-width:96vw;max-height:80vh;object-fit:contain;border-radius:14px;box-shadow:0 25px 80px #000}
.asset.scriptureAsset{max-width:98vw;max-height:86vh;border-radius:8px}
.asset.dropAsset{max-width:98vw;max-height:86vh;border-radius:10px}
body[data-moment-type="SCRIPTURE"] .stage{padding:8px}
body[data-moment-type="SCRIPTURE"] .type{font-size:15px}
body[data-moment-type="POST_COURSE_DROP"] .stage{padding:8px}
.phone{margin-top:12px;padding:10px 16px;border:1px solid #1ed5f4;border-radius:999px;color:#1ed5f4;font-weight:900}
.results{margin-top:14px;width:min(1200px,94vw);display:grid;gap:12px}
.resultsSummary{font-size:15px;letter-spacing:.08em;color:#b8c5d3;text-transform:uppercase;margin-bottom:2px}
.result{display:grid;grid-template-columns:1fr 160px;gap:14px;align-items:center;text-align:left;padding:16px 18px;background:#0e1721;border:1px solid #2e4053;border-radius:12px}
.result strong{font-size:clamp(17px,1.8vw,24px)}
.result>div:last-child{text-align:right}
.bar{height:12px;background:#243344;border-radius:99px;overflow:hidden;margin-top:9px}
.bar i{display:block;height:100%;background:#1ed5f4}
.hidden{display:none!important}
footer{font-size:12px;letter-spacing:.08em}

/* v0.10 laptop-safe live-room refinements */
body[data-moment-type="SCENARIO"] .stage{justify-content:flex-start;padding-top:8px}
body[data-moment-type="SCENARIO"] .phone{order:-2;margin:0 0 6px;font-size:14px;padding:7px 13px}
body[data-moment-type="SCENARIO"] .type{order:-1}
body[data-moment-type="SCENARIO"] .stage h1{font-size:clamp(28px,3vw,44px);margin:5px 0}
body[data-moment-type="SCENARIO"] .stage p{font-size:clamp(16px,1.6vw,23px);margin:5px 0 8px}
body[data-moment-type="SCENARIO"] .asset{max-height:66vh;max-width:94vw}

body[data-moment-type="IMAGE_LAB_LOOK"] .stage h1,
body[data-moment-type="IMAGE_LAB_TOUCH"] .stage h1{font-size:clamp(28px,3vw,44px);margin:5px 0}
body[data-moment-type="IMAGE_LAB_LOOK"] .stage p,
body[data-moment-type="IMAGE_LAB_TOUCH"] .stage p{font-size:clamp(16px,1.6vw,23px);margin:5px 0 8px}
body[data-moment-type="IMAGE_LAB_LOOK"] .asset,
body[data-moment-type="IMAGE_LAB_TOUCH"] .asset{max-height:68vh;max-width:94vw}

/* SMP adaptation: editable teaching copy and exact phone options beside the source room artwork. */
.presentation{display:flex;align-items:center;justify-content:center;gap:24px;width:min(1500px,96vw)}
.presentation .asset{max-width:94vw;max-height:58vh;min-width:0}
.responsePane:empty{display:none}
body[data-moment-type="question"] .presentation,body[data-moment-type="results"] .presentation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-align:left}
body[data-moment-type="question"] .asset,body[data-moment-type="results"] .asset{max-width:100%;max-height:52vh;width:100%}
body[data-moment-type="question"] .stage h1,body[data-moment-type="results"] .stage h1{font-size:clamp(28px,3.2vw,48px)}
body[data-moment-type="question"] .stage>p,body[data-moment-type="results"] .stage>p{font-size:clamp(20px,2vw,28px);margin:8px 0 14px}
.responsePane p{font-size:clamp(17px,1.7vw,24px);margin:0 0 12px}
.choices{display:grid;gap:8px}.choice{padding:10px 14px;border:1px solid #2e4053;border-radius:12px;background:#0e1721;font-size:clamp(17px,1.65vw,24px)}
.responsePane .results{width:100%;margin:0;gap:8px}.result{grid-template-columns:1fr 80px;padding:10px}.result strong{font-size:clamp(16px,1.5vw,22px)}
.videoLink{color:#1ed5f4;font-size:22px;margin:12px}.phone{font-size:16px;padding:8px 16px}
[hidden]{display:none!important}
@media(max-width:800px){body[data-moment-type="question"] .presentation,body[data-moment-type="results"] .presentation{grid-template-columns:1fr}.presentation .asset{max-width:90vw;max-height:35vh}.stage h1{font-size:32px}.stage>p{font-size:20px}.responsePane{width:100%}}

body[data-moment-type="POST_COURSE_DROP"] .presentation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-align:left}
body[data-moment-type="POST_COURSE_DROP"] .asset{max-height:64vh;max-width:100%;margin:auto}
body[data-moment-type="POST_COURSE_DROP"] .stage h1{font-size:clamp(28px,3vw,48px)}
body[data-moment-type="POST_COURSE_DROP"] .stage>p{font-size:clamp(18px,1.8vw,26px)}
.videoPlayer{width:min(1100px,94vw);aspect-ratio:16/9;max-height:64vh;border:0;border-radius:12px}
body[data-video-active="true"] .stage h1{font-size:clamp(28px,3vw,44px)}
body[data-video-active="true"] .stage>p{font-size:clamp(18px,1.7vw,25px)}
body[data-video-active="true"] .presentation{display:none}
body[data-moment-type="question"][data-has-votes="true"] .choices{display:none} /* Exact options also appear in all result rows. */
body[data-moment-type="question"] .responsePane .results{display:grid}
@media(max-width:800px){body[data-moment-type="POST_COURSE_DROP"] .presentation{grid-template-columns:1fr}.videoPlayer{max-height:50vh}}

body[data-moment-type="POST_COURSE_DROP"][data-has-votes="true"] .choices{display:none}

.polls{width:min(1500px,96vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left;margin:14px 0}
.pollCard{background:#0e1721;border:1px solid #2e4053;border-radius:18px;padding:22px}
.pollCard h2{color:#1ed5f4;font-size:clamp(20px,2vw,30px);margin:0 0 12px}
.pollCard h3{font-size:clamp(22px,2.2vw,32px);line-height:1.2;margin:0 0 16px}
.pollCard .pollDenominator{font-size:16px;margin:0 0 12px}
.pollOption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:10px 0;border-top:1px solid #2e4053;font-size:clamp(18px,1.6vw,24px)}
.pollOption strong{white-space:nowrap;color:#fff}
body[data-poll-recap="true"] .presentation{display:none}
body[data-poll-recap="true"] .stage h1{font-size:clamp(32px,3vw,48px)}
body[data-poll-recap="true"] .stage>p{font-size:clamp(20px,1.9vw,26px)}
@media(max-width:800px){.polls{grid-template-columns:1fr}.pollCard h3{font-size:24px}.pollOption{font-size:18px}}