*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1421 url('assets/background.jpg') center/cover fixed;color:#fff;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(110deg,rgba(5,15,27,.91),rgba(12,19,37,.77) 65%,rgba(25,9,31,.76));z-index:-1}.page{max-width:1440px;margin:auto;padding:0 6vw}.mast{display:flex;align-items:center;justify-content:space-between;height:91px;border-bottom:1px solid #ffffff46}.wordmark{font-size:19px;font-weight:800;letter-spacing:-.7px}.wordmark span{border-left:1px solid #ffffff8c;margin-left:13px;padding-left:13px;font-size:11px;letter-spacing:1.2px;font-weight:600}.tag,.eyebrow,footer,figcaption{font-size:11px;font-weight:700;letter-spacing:.16em}.tag{color:#b4c6d7}.topline{display:flex;justify-content:space-between;align-items:end;padding:65px 0 44px}.eyebrow{color:#8cd5fb;margin:0 0 18px}h1{font-size:clamp(42px,6vw,80px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:700}h1 span{color:#5ac8ff}.intro{color:#d0dce6;max-width:480px;line-height:1.5;margin:20px 0 0}.year{font-size:clamp(90px,13vw,176px);font-weight:700;line-height:.7;letter-spacing:-.09em;color:#ffffff2e}.year span{display:block;font-size:10px;letter-spacing:.19em;line-height:1.4;text-align:right;color:#d2e3ed;margin-top:18px}.quiz{background:#f6f8fa;color:#101924;padding:32px 36px 25px;box-shadow:0 20px 70px #0004}.question-top{display:flex;justify-content:space-between;align-items:center}.question-top .eyebrow{color:#315771;margin:0}.status{color:#4a6578;font-size:10px;letter-spacing:.15em}.progress{height:3px;background:#dbe4e9;margin:18px 0 30px}.progress span{display:block;height:100%;background:#168fd3;transition:width .25s}.question-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,270px);gap:35px}.question-layout:has(figure[hidden]){grid-template-columns:1fr}h2{font-size:clamp(21px,2.7vw,32px);line-height:1.2;letter-spacing:-.025em;margin:0 0 25px;max-width:920px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answer{display:flex;align-items:center;gap:14px;background:#e7eef3;padding:15px 16px;min-height:58px;font-size:15px;line-height:1.35}.letter{display:grid;place-items:center;flex:0 0 27px;height:27px;background:#fff;color:#31647f;font-size:11px;font-weight:bold}figure{margin:0}figure[hidden]{display:none}figure img{display:block;width:100%;max-height:230px;object-fit:contain;background:white}figcaption{color:#647a89;font-size:9px;margin-top:9px}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #cedbe3;margin-top:28px;padding-top:20px}.controls button{border:0;background:transparent;color:#142d40;font-size:13px;font-weight:700;padding:12px 0;cursor:pointer}.controls button:disabled{opacity:.28;cursor:default}.controls button:last-child{color:#007dbc}.controls button span{margin-left:10px}.controls button:focus-visible{outline:2px solid #007dbc;outline-offset:4px}#caption{font-size:11px;color:#6b7e89}.notice{font-size:12px;color:#d3dce5;margin:17px 0 65px}footer{border-top:1px solid #ffffff46;color:#b5c8d5;display:flex;justify-content:space-between;padding:25px 0 35px;font-size:9px} @media(max-width:650px){.page{padding:0 20px}.mast{height:72px}.wordmark{font-size:15px}.wordmark span{font-size:9px;margin-left:7px;padding-left:7px}.tag{font-size:9px}.topline{padding:48px 0 30px}.year{display:none}.intro{font-size:14px}.quiz{padding:24px 20px 16px}.question-layout{display:flex;flex-direction:column-reverse;gap:20px}.question-layout:has(figure[hidden]){display:block}figure img{max-height:180px}h2{font-size:22px}.answers{grid-template-columns:1fr}.answer{font-size:14px}.controls{margin-top:20px}#caption{display:none}footer{gap:20px;line-height:1.5}.notice{margin-bottom:40px}}@media(prefers-reduced-motion:reduce){.progress span{transition:none}}
/* The photographs are isolated from their backgrounds so the objects can sit in the layout. */
.question-layout:has(figure:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(240px,32%);align-items:start;gap:42px}
figure:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:285px;padding:28px 24px 20px;background:linear-gradient(150deg,#e0eaf0,#d1e0e8);overflow:hidden}
figure:not([hidden]) img{width:100%;height:220px;max-height:none;object-fit:contain;background:transparent;filter:drop-shadow(0 14px 12px #253c4a30)}
figure:not([hidden]) figcaption{align-self:flex-start;margin-top:18px;color:#496575}
@media(max-width:650px){.question-layout:has(figure:not([hidden])){display:flex;flex-direction:column-reverse;gap:22px}figure:not([hidden]){width:100%;min-height:190px;padding:20px 20px 14px}figure:not([hidden]) img{height:170px}figure:not([hidden]) figcaption{margin-top:10px}}
.join-form{max-width:540px;display:grid;gap:12px;margin-top:25px}.join-form label,.join-form legend{font-size:13px;font-weight:bold}.join-form input[type=text],.join-form input:not([type]),input[type=password],input[type=text],textarea,select{background:#fff;border:1px solid #afc2ce;color:#102235;padding:13px;font:inherit;width:100%;border-radius:0}.join-form fieldset{border:0;padding:10px 0;margin:0;display:flex;gap:12px;flex-wrap:wrap}.join-form legend{margin-bottom:10px}.group{display:flex;gap:8px;align-items:center;padding:14px;background:#e7eef3;cursor:pointer}.primary,.host-button{border:0;background:#087eb6;color:white;padding:15px 20px;font-weight:bold;cursor:pointer;font-size:14px}.primary:focus-visible,.host-button:focus-visible,.answer:focus-visible{outline:3px solid #079dda;outline-offset:3px}.waiting{margin-top:35px;color:#27526b;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:bold}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#118fc8;margin-right:8px}.error{color:#aa273c}.answer{border:0;text-align:left;color:#101924;font:inherit;cursor:pointer}.answer:disabled{cursor:default;opacity:1}.answer.selected{outline:3px solid #168fd3;outline-offset:-3px}.answer.correct{background:#b8e8cc;outline:3px solid #299d60;outline-offset:-3px}.answer-status{margin-top:25px;color:#476477;font-size:13px}.rankings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ranking{background:#e7eef3;padding:22px;color:#122436;overflow:auto}.ranking h3{margin:0 0 15px}.ranking ol{padding-left:25px;margin:0}.ranking li{padding:9px 0;border-top:1px solid #cad8e0}.ranking li span{display:inline-block;max-width:65%;overflow-wrap:anywhere}.ranking li b{float:right}.screen-main{padding:7vh 0;min-height:76vh}.screen h1{font-size:clamp(50px,6vw,100px)}.screen-sub{font-size:clamp(22px,3vw,38px)}.screen-url{font-size:clamp(20px,2vw,32px);color:#8cd5fb;overflow-wrap:anywhere}.screen-count{color:#d4e4ef}.screen-question{display:grid;grid-template-columns:1fr;gap:45px}.screen-question.with-image{grid-template-columns:3fr 1fr}.screen-question h2{font-size:clamp(30px,3.6vw,58px);max-width:100%;color:#fff}.screen-question img{width:100%;max-height:40vh;object-fit:contain}.screen-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.screen-answer{background:#ffffff19;padding:18px;font-size:clamp(18px,1.7vw,30px);display:flex;gap:15px;align-items:baseline}.screen-answer span{color:#83d2f8;font-weight:bold}.screen-answer.correct{background:#b8e8cc;color:#102235}.screen-reveal{color:#9cf1bc;letter-spacing:.15em;font-weight:bold}.screen-rankings{margin-top:40px;font-size:clamp(16px,1.7vw,26px)}@media(max-width:650px){.rankings,.screen-answers{grid-template-columns:1fr}.screen-question.with-image{grid-template-columns:1fr}.screen-question img{max-height:200px}.screen-main{padding:50px 0}}
.host-main{padding:50px 0 90px}.host-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.host-head h1{font-size:clamp(42px,5vw,72px)}.screen-link{color:#a5ddfa;text-decoration:none;font-size:13px;font-weight:bold}.host-tabs{display:flex;gap:20px;border-bottom:1px solid #cbdbe3;margin-bottom:28px;flex-wrap:wrap}.host-tabs button{border:0;background:none;padding:0 0 13px;color:#597184;font-weight:bold;cursor:pointer}.host-tabs button.active{color:#007db9;border-bottom:3px solid #007db9}.host-tabs button:last-child{margin-left:auto}.host-top{display:flex;justify-content:space-between;align-items:center}.host-top p{color:#476477}.host-question{background:#e7eef3;padding:20px;margin:20px 0;line-height:1.5}.host-question li{padding:5px}.host-question .key{color:#147a49;font-weight:bold}.host-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.host-button.secondary{background:#dbe7ed;color:#17394e}.host-button:disabled{opacity:.45;cursor:default}.phase-dot{width:12px;height:12px;background:#36b889;border-radius:50%}.hint{font-size:12px;color:#5b7280;line-height:1.5}.host-error{color:#fff;background:#8e2639;padding:12px}.host-error:empty{display:none}.editor-head,.edit-title{display:flex;justify-content:space-between;gap:20px;align-items:start}.editor-head p{color:#526d7c}.edit-question{border-top:1px solid #cbdbe3;padding:25px 0}.edit-question label{display:block;font-size:13px;font-weight:bold;color:#365365}.edit-question textarea,.edit-question input,.edit-question select{display:block;margin:7px 0 16px;font-weight:normal}.option-editor{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.edit-question select{max-width:180px}.text-button{color:#087eb6;border:0;background:none;padding:8px 0;cursor:pointer;font-weight:bold}.image-editor{display:flex;align-items:center;gap:20px;background:#e7eef3;padding:15px}.image-editor img{width:110px;height:80px;object-fit:contain}.image-editor small{display:block;color:#617984;font-weight:normal}.upload-label{cursor:pointer}.upload-label input{font-size:12px;padding:8px 0;border:0;background:transparent}.host-tabs button:focus-visible,.text-button:focus-visible{outline:2px solid #168fd3}@media(max-width:650px){.host-head,.editor-head{display:block}.screen-link{display:inline-block;margin-top:20px}.editor-head .host-button{margin:10px 0 20px}.option-editor{grid-template-columns:1fr}.image-editor{align-items:flex-start;flex-wrap:wrap}}
.wordmark{display:flex;align-items:center}.wordmark img{display:block;width:110px;height:56px;object-fit:contain;object-position:left center}.wordmark span{white-space:nowrap}@media(max-width:650px){.wordmark img{width:75px;height:40px}.wordmark span{white-space:normal}}
.join-screen{display:flex;gap:clamp(30px,6vw,100px);align-items:center;justify-content:space-between}.qr-wrap{flex:0 0 auto;text-align:center}.qr-wrap img{display:block;width:clamp(190px,23vw,330px);height:auto;background:#fff}.qr-wrap span{display:block;font-size:12px;font-weight:bold;letter-spacing:.2em;color:#bfe4f8;margin-top:16px}@media(max-width:650px){.join-screen{flex-direction:column;align-items:flex-start}.qr-wrap img{width:210px}}
/* Player-entered names and editor-entered text must wrap even without spaces. */
.quiz h2,.quiz p,.quiz .answer span:last-child{overflow-wrap:anywhere}
.quiz .answer span:last-child{min-width:0}

/* Official Imagine Live 2026 bumper with a static reduced-motion fallback. */
body{isolation:isolate;background-image:url('assets/motion-poster.jpg')}
.brand-motion{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
@media(prefers-reduced-motion:reduce){.brand-motion{display:none}}

.wordmark span,footer,.screen-main>.eyebrow{letter-spacing:normal;text-transform:none}.wordmark span{font-size:clamp(11px,1.2vw,16px)}@media(max-width:420px){.mast{gap:8px}.wordmark span{display:block;border:0;margin:6px 0 0;padding:0;font-size:11px}.tag{font-size:8px}}

.question-timer{display:inline-block;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;color:#087eb6}.projection .question-timer{color:#fff;font-size:36px;float:right}