:root{color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:#102449;font-synthesis:none;--bg:#eaf3ff;--panel:#fff;--muted:#526b8a;--accent:#1d50f5;--line:#d0def0}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,a{touch-action:manipulation}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #245de0;outline-offset:4px}
.top{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:16px;font-size:28px;font-weight:800;letter-spacing:.3px}.brand-mark{width:60px;height:60px;object-fit:contain;flex-shrink:0}.live{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:700;letter-spacing:1px;color:#102449}.live:before{content:"";width:10px;height:10px;border-radius:50%;background:#ec343e}
.question-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:36px 40px;position:relative;min-width:0}.question-meta{display:flex;align-items:center;gap:24px;min-height:84px}.question-status{margin-right:auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.round{font-size:20px;font-weight:700;color:var(--muted);letter-spacing:1px}.phase{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.5px;min-height:18px}.count-card{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.eyebrow{font-size:14px;font-weight:600;letter-spacing:1px;color:var(--muted)}.count-card strong{font-size:32px;font-variant-numeric:tabular-nums;white-space:nowrap}.clock{flex-shrink:0;height:84px;width:154px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:38px;font-weight:800;border-radius:15px;font-variant-numeric:tabular-nums}.clock.urgent{background:#c83135}
h2{font-size:48px;line-height:1.2;letter-spacing:-.8px;margin:34px 0 28px;overflow-wrap:anywhere;font-weight:750}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}.options:empty,.leaders:empty{display:none}.option{min-width:0;display:flex;align-items:center;gap:22px;padding:22px;min-height:130px;border:2px solid #b5cbe7;border-radius:15px;background:#f0f5fc;color:#102449;text-align:left;font-size:32px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.option b{flex:0 0 46px;font-size:34px;color:var(--accent);text-align:center}.option span{min-width:0}.option:disabled{opacity:1}.option:not(:disabled){cursor:pointer}.option:not(:disabled):hover{background:#e0ebfe;border-color:var(--accent)}.option.selected{background:#fff0da;border-color:#c77412;color:#6c3800}.option.selected b{color:#9b4c00}.option.wrong{background:#ffe9ea;border-color:#cf303c;color:#8d1520}.option.wrong b{color:#ac1927}.option.correct{background:#e3f5e9;border-color:#23934b;color:#145c2c}.option.correct b{color:#167838}
.subtitle{color:var(--muted);font-size:21px;line-height:1.5;margin:26px 0}.subtitle:empty{display:none}.card-bottom{display:flex;align-items:flex-start;min-height:56px;margin-top:22px}.helper{color:var(--muted);font-size:18px;line-height:1.5;margin:0}.distribution{font-size:16px;color:var(--muted);line-height:1.5;margin:0;min-height:24px}.has-question .card-bottom{height:56px}.has-question .distribution{height:24px}.broadcast .helper{display:none}.broadcast .card-bottom{min-height:0;height:0;margin-top:16px}
.broadcast{width:1920px;height:1080px;overflow:hidden;background:transparent}.broadcast .shell{width:1920px;height:1080px;position:relative;isolation:isolate;background:linear-gradient(var(--bg),var(--bg)) 0 0/100% 128px no-repeat,linear-gradient(var(--bg),var(--bg)) 0 128px/1380px 620px no-repeat,linear-gradient(var(--bg),var(--bg)) 1860px 128px/60px 620px no-repeat,linear-gradient(var(--bg),var(--bg)) 0 748px/100% 332px no-repeat}.broadcast .top{height:100px;margin:0 60px;padding:0 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.broadcast .content{position:absolute;left:60px;right:60px;top:128px;display:grid;grid-template-columns:1280px 480px;gap:40px}.broadcast .question-card{height:832px}.broadcast .long-question h2{font-size:36px;line-height:1.25;margin-top:24px;margin-bottom:24px}.broadcast .long-question .option{font-size:28px;min-height:130px;padding:20px}.broadcast .long-question .option span{line-height:1.3}.broadcast .connection{position:absolute;left:64px;bottom:98px;max-width:1260px;margin:0;font-size:14px;color:#9b2636}
.camera{width:480px;height:620px;outline:1px solid #b8cce4;outline-offset:-1px;border-radius:18px;position:relative;background:transparent}.camera:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18px 18px,transparent 0 17px,var(--bg) 18px) top left/18px 18px no-repeat,radial-gradient(circle at 0 18px,transparent 0 17px,var(--bg) 18px) top right/18px 18px no-repeat,radial-gradient(circle at 18px 0,transparent 0 17px,var(--bg) 18px) bottom left/18px 18px no-repeat,radial-gradient(circle at 0 0,transparent 0 17px,var(--bg) 18px) bottom right/18px 18px no-repeat}.camera-marker{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:18px;background:#d7e2ef;color:#526b8a}.camera-marker>span{font-size:32px;letter-spacing:6px}.camera-marker p{font-size:22px}
.app-promotion{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #adc6ee;border-radius:18px;padding:16px}.broadcast .app-promotion{height:188px;margin-top:24px}.promotion-copy{flex:1;min-width:0}.promotion-copy h3{font-size:25px;line-height:1.15;letter-spacing:-.5px;margin:0 0 8px;font-weight:800}.promotion-copy p{font-size:17px;line-height:1.4;margin:0 0 12px;color:var(--muted)}.store-links{display:flex;gap:8px}.store-badge{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:7px 11px;border-radius:7px;background:#111925;color:#fff;text-decoration:none;white-space:nowrap;border:1px solid #28344b;line-height:1.1}.store-badge small{font-size:10px;margin-bottom:4px;color:#dbe5f3}.store-badge strong{font-size:16px;font-weight:650}.app-qr{display:flex;flex-direction:column;align-items:center;width:152px;flex-shrink:0;gap:2px;color:#102449;text-decoration:none}.qr-graphic{display:block;width:144px;height:144px;background:#fff}.qr-graphic svg{display:block;width:100%;height:100%}.app-qr>span:last-child{font-size:12px;font-weight:600}
.ticker{position:absolute;bottom:0;left:0;width:1920px;height:90px;display:flex;align-items:stretch;overflow:hidden;background:#102c4d;color:#fff}.ticker-label{display:flex;align-items:center;padding:0 32px;white-space:nowrap;background:var(--accent);color:#fff;font-size:27px;font-weight:750;z-index:1}.ticker-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;will-change:transform;width:max-content}.ticker-group{display:flex;min-width:1700px;flex-shrink:0}.ticker-item{display:flex;align-items:center;gap:20px;padding:0 36px;white-space:nowrap;border-right:1px solid #536980;font-size:24px}.ticker-item i{font-style:normal;color:#bed4ee;font-size:15px}.ticker-item>span{font-size:20px;color:#d7e8ff}
.leaders{list-style:none;padding:0;margin:24px 0;display:grid;gap:18px}.leaders li{display:flex;align-items:center;gap:20px;background:#f1f6fc;border:1px solid var(--line);border-radius:14px;padding:24px;font-size:25px}.leaders b{flex:1;min-width:0;overflow-wrap:anywhere}.leaders li>span:last-child{flex-shrink:0;font-size:24px;color:#234e8e}.leaders .rank{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;background:#dce7f5;color:#254364;font-size:24px;font-weight:750}.leaders.finalists b{font-size:34px}.leaders li:first-child{border-color:#d9b660;background:#fff9e9}.leaders li:first-child .rank{background:#ecc663;color:#553a00}.leaders li:nth-child(2) .rank{background:#d8e0ea}.leaders li:nth-child(3) .rank{background:#dfb697;color:#5c381b}
.player{background:var(--bg);min-height:100dvh}.player .shell{max-width:640px;margin:auto;padding:0 18px 28px}.player .top{height:82px;margin-bottom:18px;padding:0 12px;border-radius:0 0 12px 12px}.player .brand{font-size:17px;gap:10px}.player .brand-mark{width:42px;height:42px}.player .live{font-size:10px;letter-spacing:0;gap:6px}.player .live:before{width:7px;height:7px}.player .question-card{padding:20px 18px;border-radius:17px}.player .question-meta{gap:12px;min-height:54px}.player .question-status{gap:5px}.player .round{font-size:11px;letter-spacing:0}.player .phase{font-size:9px;letter-spacing:0;min-height:14px}.player .eyebrow{font-size:9px;letter-spacing:0}.player .count-card{gap:4px}.player .count-card strong{font-size:18px}.player .clock{width:76px;height:52px;font-size:24px;border-radius:10px}.player h2{font-size:27px;line-height:1.3;letter-spacing:-.4px;margin:24px 0}.player .options{grid-template-columns:minmax(0,1fr);gap:12px;grid-auto-rows:auto}.player .option{min-height:68px;padding:13px 12px;font-size:20px;gap:12px;line-height:1.4;border-radius:12px}.player .option b{flex-basis:30px;font-size:21px}.player .subtitle{font-size:14px;margin:20px 0}.player .card-bottom{margin-top:18px}.player .helper{font-size:13px}.player .distribution{font-size:12px}.player .app-qr{display:none}.player .app-promotion{margin-top:18px;padding:18px}.player .promotion-copy h3{font-size:20px;letter-spacing:0}.player .promotion-copy p{font-size:13px;margin-bottom:10px}.player .store-badge strong{font-size:16px}.player .store-badge{padding:9px 14px}.player .connection{font-size:12px;line-height:1.5;text-align:center;color:var(--muted)}.player .leaders li{gap:10px;padding:14px}.player .leaders .rank{flex-basis:36px;height:36px;font-size:17px}.player .leaders.finalists b{font-size:20px}.player .leaders li>span:last-child{font-size:14px}
.auth-box{margin-top:20px}.auth-box form{display:grid;gap:14px}.auth-box label{display:grid;gap:6px;color:#344e70;font-size:14px}.auth-box input{width:100%;min-height:46px;padding:12px;background:#fff;border:1px solid #9eb8db;border-radius:9px;color:#102449;font:inherit;font-size:16px}.auth-box button,.join-button{background:var(--accent);color:#fff;padding:13px 18px;border:0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.auth-box button:disabled{opacity:.65}.auth-box h3{margin:8px 0;font-size:20px}.auth-box p{font-size:13px;line-height:1.5;color:var(--muted)}.auth-box .form-message{color:#a42536}.form-message:empty{display:none}.join-button{margin-top:20px}.logout-button{display:block;margin:22px auto 0;padding:10px 18px;color:#355578;background:#fff;border:1px solid #b9cce5;border-radius:10px;font-size:13px;cursor:pointer}.registration .options,.registration .distribution{display:none}.registration h2{margin-bottom:12px}
.player-stream{margin:0 0 18px}.stream-toggle{width:100%;padding:11px 14px;border:1px solid #b2c8e6;border-radius:10px;background:#fff;color:#1e51bb;font-weight:650;cursor:pointer}.player-stream iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:10px;background:#000}
.download-page{min-height:100dvh;background:var(--bg);padding:50px 18px}.download-card{max-width:480px;margin:0 auto;background:#fff;padding:32px;border:1px solid var(--line);border-radius:20px;text-align:center}.download-logo{width:86px;height:86px;object-fit:contain}.download-card h1{font-size:29px;margin:20px 0 12px}.download-card p{color:var(--muted);line-height:1.5}.download-card .store-links{justify-content:center;margin:24px 0}.download-card .store-badge{padding:12px 18px}.download-back{color:#245de0;font-size:14px}
.demo-controls{position:fixed;z-index:5;bottom:100px;right:60px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:1000px;opacity:.5}.demo-controls:hover,.demo-controls:focus-within{opacity:1}.demo-controls button{background:#fff;border:1px solid #748aaa;border-radius:6px;padding:7px;color:#102449;font-size:10px;cursor:pointer}.player .demo-controls{position:static;margin:15px 18px;opacity:1;justify-content:center}
@media(max-width:360px){.player .shell{padding-inline:10px}.player .brand{font-size:15px}.player .question-card{padding:16px 12px}.player .question-meta{gap:8px}.player .clock{width:68px;font-size:22px}.player .count-card strong{font-size:16px}.player h2{font-size:24px}}

/* Wide participant screens keep the quiz and app download area side by side. */
@media(min-width:1000px){
 .player .shell{max-width:1480px;padding:0 28px 32px;display:grid;grid-template-columns:minmax(0,1fr)320px;grid-template-rows:auto auto 1fr auto auto;gap:24px;align-items:start}
 .player .top{grid-column:1/-1;grid-row:1;height:88px;margin:0;padding:0 24px;border-radius:0 0 18px 18px}
 .player .brand{font-size:24px;gap:14px}.player .brand-mark{width:52px;height:52px}.player .live{font-size:12px}
 .player .content{display:contents}
 .player .question-card{grid-column:1;grid-row:2/span 2;padding:28px;min-height:min(620px,calc(100svh - 160px));border-radius:22px}
 .player .question-meta{gap:20px;min-height:68px}.player .question-status{gap:8px}.player .round{font-size:16px}.player .phase{font-size:11px;min-height:16px}
 .player .eyebrow{font-size:11px}.player .count-card strong{font-size:24px}.player .clock{width:108px;height:68px;font-size:32px}
 .player h2{font-size:34px;line-height:1.25;margin:28px 0}.player .long-question h2{font-size:29px}
 .player .options{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
 .player .option{font-size:22px;min-height:112px;padding:18px 16px;gap:14px;line-height:1.35}.player .option b{font-size:27px;flex-basis:32px}
 .player .helper{font-size:14px}.player .distribution{font-size:13px}.player .subtitle{font-size:18px}
 .player .aside{grid-column:2;grid-row:2/span 2;min-width:0;align-self:start}
 .player .app-promotion{margin:0;padding:24px 20px;flex-direction:column;gap:16px;text-align:center;border-radius:20px}
 .player .promotion-copy{width:100%}.player .promotion-copy h3{font-size:27px;line-height:1.2}.player .promotion-copy p{font-size:16px;margin:12px 0 18px}
 .player .store-links{justify-content:center}.player .store-badge{padding:10px 12px;text-align:left}
 .player .app-qr{display:flex;width:200px;gap:8px}.player .qr-graphic{width:184px;height:184px}.player .app-qr>span:last-child{font-size:14px}
 .player .player-stream{grid-column:2;grid-row:2;margin:0;min-width:0}
 .player .player-stream:not([hidden])~.content .aside{grid-row:3}
 .player .connection{grid-column:1/-1;margin:0}.player .connection:empty{display:none}
 .player .logout-button{grid-column:1/-1;justify-self:center;margin:0}
 .player .auth-box{max-width:520px}.player .auth-box label{font-size:16px}.player .auth-box p{font-size:14px}
 .player .leaders.finalists b{font-size:26px}.player .leaders li{padding:20px}.player .leaders li>span:last-child{font-size:18px}
}
@media(min-width:1280px){.player .option{font-size:24px}.player h2{font-size:38px}.player .long-question h2{font-size:32px}}

/* Stronger blue accents, with unchanged answer-state geometry. */
.top{box-shadow:0 6px 18px #235ecd08}
.question-card{border-color:#bdd4f4;box-shadow:0 12px 28px #174dcc0a}
.option{background:linear-gradient(135deg,#f3f8ff,#e7f0ff);border-color:#a5c3f1;box-shadow:0 2px 0 #205bcb09}
.option:not(:disabled):hover{background:#dceaff;border-color:var(--accent)}
.option.selected{background:#fff0da;border-color:#c77412}
.option.wrong{background:#ffe9ea;border-color:#cf303c}
.option.correct{background:#e3f5e9;border-color:#23934b}
.clock{background:linear-gradient(135deg,#2c66ff,#1643e5);box-shadow:0 6px 16px #2158ed24}
.clock.urgent{background:#c83135}
.app-promotion{border-color:#91b6f6;box-shadow:0 8px 24px #235ecd0c}
.ticker-label{background:linear-gradient(120deg,#245fff,#153feb)}