:root{--navy:#101a3a;--paper:#f5f0df;--gold:#ffc62c;--muted:#6f7485;--line:#e3dfd4;--green:#17734e;--red:#bd3c2e;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--navy);background:#ecebe6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2979e2;outline-offset:3px}button,.btn{border-radius:9px;padding:13px 18px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--gold);color:var(--navy);transition:background .15s,transform .15s}button:hover:not(:disabled),.btn:hover{filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}.secondary{background:#fff;border:1px solid var(--line)}.dark{background:var(--navy);color:white}.quiet{background:transparent;border:1px solid #d9d9d7}.danger{background:#fff1ef;color:#9a2c21}.small{padding:8px 12px;font-size:12px}.wide{width:100%}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.muted{color:var(--muted)}.sun{width:150px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(var(--gold) 0deg 12deg,transparent 12deg 20deg);display:grid;place-items:center}.sun:after{content:'';width:66%;height:66%;border:9px solid var(--navy);outline:5px solid var(--gold);border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 17px var(--gold),inset 0 0 0 25px var(--navy)}.login{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.login-art{background:var(--navy);color:var(--paper);padding:8vw;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.login-art .eyebrow{color:var(--gold)}.login-art h1{font-size:clamp(38px,5.8vw,88px);line-height:.96;letter-spacing:-.045em;margin:40px 0 22px}.login-art h1 span{color:var(--gold)}.login-art p{color:#bdc4dc;line-height:1.7;max-width:340px}.login-form{padding:40px;display:flex;align-items:center;justify-content:center;background:#faf9f5}.login-card{max-width:360px;width:100%}.login-card h2{font-size:30px;letter-spacing:-.04em;margin:15px 0}.login-card p{font-size:14px;line-height:1.7}.field{display:grid;gap:8px;font-size:12px;font-weight:700;margin:22px 0}input,select{padding:13px 14px;border:1px solid #d5d5d2;border-radius:8px;background:#fff;color:var(--navy);width:100%}input{font-size:16px}.form-error{color:var(--red);min-height:20px;font-size:13px}.login-bottom{margin-top:32px;font-size:12px;color:var(--muted)}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:15px;letter-spacing:-.02em}.mark{width:30px;height:30px;background:var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--navy)}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--muted);margin-top:4px}.top-actions{display:flex;align-items:center;gap:10px}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.09em;font-weight:800}.live-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#218556}.workspace{max-width:1700px;margin:auto;padding:28px 32px 20px;display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:26px}.stage-wrap{min-width:0}.stage-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:14px;gap:12px}.stage{position:relative;background:var(--paper);width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 9px 28px #101a3a12;container-type:inline-size}.slide-image{width:100%;height:100%;object-fit:contain;display:block}.stage-content{height:100%;padding:4.7cqw 6.3cqw;display:flex;flex-direction:column;justify-content:center;animation:fade .25s ease}.stage-content .eyebrow{font-size:1.25cqw;color:#c33220}.stage-content h1{font-size:5.6cqw;line-height:1.06;letter-spacing:-.04em;margin:1.7cqw 0 2cqw}.stage-content h2{font-size:3.1cqw;line-height:1.2;letter-spacing:-.025em;margin:1.4cqw 0 2.2cqw}.stage-content p{font-size:1.6cqw;line-height:1.5}.lobby{display:grid;grid-template-columns:1fr 34%;gap:6%;align-items:center}.lobby .eyebrow{color:var(--gold)}.lobby h1{color:var(--paper)}.lobby p{color:#c4cbe1}.navy-stage{background:var(--navy)}.qr-box{background:white;padding:9px;border-radius:14px;color:var(--navy);text-align:center;box-shadow:0 12px 35px #0002}.qr-box img{width:100%;display:block}.qr-box span{display:block;font-size:1.05cqw;font-weight:800;padding:0 0 1cqw}.join-count{font-size:2.6cqw;margin-top:2cqw;color:var(--gold);font-weight:800}.join-count small{font-size:1.4cqw;color:#cad0e0;font-weight:400}.question-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-top .pill{font-size:1.2cqw;padding:.6cqw 1cqw}.options{display:grid;grid-template-columns:1fr 1fr;gap:1.15cqw}.option{border:1.5px solid var(--navy);border-radius:1cqw;padding:1.2cqw;display:flex;align-items:center;gap:1cqw;font-size:1.7cqw;min-height:5.5cqw;position:relative;background:#fff8}.letter{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);font-weight:800;flex-shrink:0;width:3cqw;height:3cqw;border:1.5px solid var(--navy)}.option.correct{background:#d9eddf;border-color:var(--green)}.option.correct .letter{background:var(--green);color:white;border-color:var(--green)}.option-info{flex:1;min-width:0}.option-line{display:flex;justify-content:space-between;align-items:center;gap:.5cqw}.option-line b{font-size:1.3cqw;white-space:nowrap}progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#dddacc;margin-top:.65cqw}progress::-webkit-progress-bar{background:#dddacc}progress::-webkit-progress-value{background:var(--navy);border-radius:5px}progress::-moz-progress-bar{background:var(--navy);border-radius:5px}.correct progress::-webkit-progress-value{background:var(--green)}.reveal{background:var(--gold);padding:1.05cqw 1.5cqw;border-radius:.8cqw;font-size:1.35cqw;line-height:1.45;margin-top:1.6cqw}.reveal strong{display:block;margin-bottom:.25cqw;font-size:1.55cqw}.stage-footer{display:flex;justify-content:space-between;font-size:1.1cqw;letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:1.7cqw;color:#4c5671}.stage-controls{margin-top:15px;display:flex;justify-content:space-between;gap:15px;align-items:center}.nav-controls{display:flex;gap:10px}.hint{font-size:11px;color:var(--muted)}.filmstrip{display:flex;gap:8px;overflow:auto;margin-top:23px;padding:2px 2px 9px}.thumb{padding:0;position:relative;background:var(--navy);min-width:104px;width:104px;height:59px;overflow:hidden;border-radius:6px;opacity:.55;outline:2px solid transparent}.thumb img{width:100%;height:100%;object-fit:contain}.thumb.active{outline:2px solid #2545a8;outline-offset:2px;opacity:1}.thumb span{position:absolute;bottom:3px;right:4px;color:white;background:#101a3abf;border-radius:3px;padding:2px 4px;font-size:9px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:15px}.panel h3{font-size:14px;margin:0 0 20px}.metric{font-size:42px;font-weight:800;letter-spacing:-.055em}.metric small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.mini-metrics b{display:block;font-size:25px;letter-spacing:-.03em}.mini-metrics span{font-size:11px;color:var(--muted)}.divider{border-top:1px solid var(--line);margin:20px 0}.panel p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.panel label{font-size:12px;display:grid;gap:8px;margin:15px 0}.panel select{font-size:13px}.panel .wide+.wide{margin-top:9px}.pill{font-size:11px;font-weight:700;display:inline-block;border-radius:20px;padding:6px 10px;background:#ebe9df;color:var(--navy)}.pill.live{background:#e2f0e6;color:var(--green)}.aside-qr{width:112px;display:block;border:1px solid var(--line);border-radius:8px;margin:14px auto}.history{max-height:220px;overflow:auto;font-size:12px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid var(--line)}.history-item a{font-weight:700}.score-big{font-size:9cqw;line-height:1;font-weight:800;color:var(--gold);letter-spacing:-.06em}.score-big small{font-size:2.5cqw;color:#c7cfe5}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;align-items:center}.final-grid h1{font-size:4.6cqw}.leader{display:flex;align-items:center;justify-content:space-between;padding:1cqw 0;border-bottom:1px solid #ffffff25;color:#fff;font-size:1.6cqw}.leader b{color:var(--gold)}.final-grid .eyebrow{color:var(--gold)}.results{background:white;padding:22px;border:1px solid var(--line);border-radius:12px;margin-top:22px}.results h3{font-size:17px;margin-top:0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}td progress{width:80px}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--navy);color:white;border-radius:10px;box-shadow:0 5px 20px #0003;padding:13px 22px;font-size:13px;max-width:90vw;z-index:100;display:none}#toast.visible{display:block}#connection{position:fixed;top:0;left:0;right:0;z-index:101;text-align:center;padding:8px;background:#9d342a;color:white;font-size:12px}.loading{min-height:100dvh;display:grid;place-content:center;gap:12px;text-align:center;font-size:24px;font-weight:800}.loading span{font-size:13px;font-weight:400;color:var(--muted)}.projector{background:#080d1e;min-height:100dvh;display:grid;place-items:center}.projector .stage{width:min(100vw,177.7778dvh);border-radius:0;box-shadow:none}.projector-toolbar{position:fixed;bottom:16px;right:16px;z-index:30;opacity:0;transition:opacity .2s}.projector:hover .projector-toolbar,.projector-toolbar:focus-within{opacity:1}.phone{max-width:560px;margin:auto;min-height:100dvh;background:#faf8f0;padding:26px 22px;display:flex;flex-direction:column}.phone-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.phone-header .brand{font-size:12px}.phone-header .mark{width:25px;height:25px}.phone .eyebrow{font-size:11px;color:#bd3c2e}.phone h1{font-size:40px;line-height:1.02;letter-spacing:-.05em}.phone h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:16px 0 24px}.phone p{font-size:14px;line-height:1.65;color:var(--muted)}.phone .sun{width:110px;margin:25px auto 40px}.phone-wait{text-align:center;padding:25px 0}.phone-options{display:grid;gap:12px}.phone-option{display:flex;text-align:left;justify-content:flex-start;border:1.5px solid var(--navy);background:transparent;padding:16px;min-height:68px;font-size:16px;gap:15px;font-weight:500}.phone-option .letter{width:34px;height:34px;font-size:16px}.phone-option:disabled{opacity:.65}.phone-option.selected{background:var(--navy);color:white;opacity:1}.phone-option.selected .letter{color:var(--navy)}.phone-option.correct{background:#dceee0;color:var(--green);border-color:var(--green);opacity:1}.phone-status{border-radius:10px;padding:15px;background:#e8e7df;margin:20px 0;font-size:14px;font-weight:700}.phone-status.success{background:#dceee0;color:var(--green)}.phone-status.wrong{background:#f6e3dc;color:#9c352b}.phone .score-big{font-size:100px;color:var(--navy);margin:20px 0}.phone .score-big small{font-size:32px;color:var(--muted)}.phone-footer{margin-top:auto;padding-top:40px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.timer{font-variant-numeric:tabular-nums}.privacy{max-width:720px;padding:50px 25px;margin:auto;line-height:1.8}.privacy h1{letter-spacing:-.04em}.privacy li{margin:12px 0}@keyframes fade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr);padding:20px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin:0}.topbar{padding:0 20px}.hint{display:none}}@media(max-width:650px){.login{grid-template-columns:1fr}.login-art{min-height:310px;padding:35px}.login-art .sun{position:absolute;right:30px;top:40px;width:85px}.login-art h1{font-size:43px;margin:30px 0 10px}.login-art p{display:none}.login-form{padding:30px 25px}.topbar{height:68px;padding:0 14px}.top-actions .live-dot,.top-actions .projection-link{display:none}.workspace{padding:16px 12px}.sidebar{display:block}.panel{margin-bottom:12px}.stage-controls{flex-wrap:wrap}.stage-controls button{font-size:12px;padding:11px}.stage-content{padding:4.7cqw}.thumb{min-width:85px;width:85px;height:48px}.stage{border-radius:7px}.results{padding:15px;overflow:auto}.stage-meta .muted{display:none}.phone{padding:24px 18px}.brand{font-size:13px}}
.navy-stage{color:var(--paper)}.navy-stage .muted{color:#bdc7e2}.score-big small{margin-left:.25em;letter-spacing:0}