/* The quiz opens onto a photographic studio; all questions remain live, readable HTML. */
:root{--show-gold:#e9c77e;--show-muted:#abb9d2;--show-blue:#080f29;--show-line:#3d5386;background:#050a1c;color:#edf2ff;color-scheme:dark}
body,body[data-screen="play"]{min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#1a2f61 0,transparent 60%),#050a1c;color:#edf2ff}
.site-header{max-width:1360px;min-height:88px;padding:20px 38px;border-bottom:1px solid #7183b227}.brand{color:#eef4ff;letter-spacing:.025em;font-size:25px}.brand span{color:#dcba73}.brand small{color:#9faecb;font-size:9px;letter-spacing:.24em;margin-top:9px}.site-header nav{align-items:center;gap:28px;color:#c5cee2;font-size:12px}.sound-toggle{display:flex;align-items:center;gap:9px;background:#101a37;border:1px solid #4a5a7d;border-radius:30px;color:#e8edf8;min-height:39px;padding:8px 14px;font-size:11px}.sound-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-toggle[aria-pressed="true"]{color:#f2d693;border-color:#b89a5f;background:#201e2d}.sound-toggle[aria-pressed="false"] svg{opacity:.5}
main{max-width:1300px;padding:0 38px}.eyebrow{color:var(--show-gold)}.skip{background:#fff;color:#15304d;z-index:30}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff0b0;outline-offset:5px}.text-button{color:#afbad3;font-size:11px}.primary{color:#16192b;background:linear-gradient(110deg,#cda456,#f6dda0 48%,#d1ab62);box-shadow:0 3px 0 #785d2d,0 8px 25px #edc57618;border-radius:6px}.primary:hover:not(:disabled){background:linear-gradient(110deg,#e5bf75,#fff0c5 48%,#e5bc77)}.primary:active:not(:disabled){box-shadow:0 1px 0 #785d2d}.secondary{background:#101d3a;color:#e2e9fb;border-color:#59698b;border-radius:6px}.secondary:hover{background:#1c2e52}.quiet,.personal-best{color:#a8b8d4}
/* Opening title, with a genuine stage instead of a flat illustration tile. */
.intro{position:relative;grid-template-columns:1fr 1fr;gap:0;padding-top:54px;isolation:isolate}.intro:before{content:"";position:absolute;inset:0 -38px 150px;background:linear-gradient(90deg,#050a1c 2%,#050a1ce8 32%,#050a1c10 78%),linear-gradient(0deg,#050a1c,transparent 24%),url('assets/studio-night-20261006.webp') 60% 25%/cover no-repeat;z-index:-1;opacity:.85}.intro-copy{padding:20px 0 34px}.intro .eyebrow{font-size:10px;letter-spacing:.28em}.intro-overline{color:#d7c49c;font-size:14px;font-weight:400;letter-spacing:.06em;margin-top:23px}.intro h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;line-height:1.4;letter-spacing:.01em;font-size:clamp(40px,4.4vw,62px);font-weight:700;text-shadow:0 2px 26px #020718}.intro h1>span{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;letter-spacing:.38em}.intro h1 em{color:#ecd196;background:linear-gradient(#fff0bf,#cfab61);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-lead{color:#b9c7df;font-size:13px;line-height:2;margin-top:17px}.intro-facts{margin:25px 0 26px;color:#acbbd4;gap:24px}.intro-facts b{color:#efcf8b;font-size:30px;font-family:Georgia,serif}.start{min-width:330px;font-size:14px;padding:17px 23px}.intro-art{background:transparent;border-radius:0;min-height:460px;margin:0;padding:0 0 96px;align-items:flex-end}.mascot{height:250px;width:53%;filter:drop-shadow(0 11px 12px #000b);z-index:2}.mascot.pao{margin:0 -8px 0 -8px}.mascot.rabi{margin:0 -18px 0 -8px}.goal-seal{top:32px;width:160px;height:160px;justify-content:center;background:radial-gradient(circle,#132b54e8,#08152ee8);border:1px solid #ac8c53;border-radius:50%;outline:1px solid #7c714b66;outline-offset:8px;box-shadow:0 0 60px #2a5c9c33;color:#ebcf93}.goal-seal:before{content:"";position:absolute;inset:9px;border:1px solid #dabd7455;border-radius:50%}.goal-seal>span{font-size:8px;letter-spacing:.16em;font-weight:500;position:relative}.goal-seal b{font-size:69px;font-family:Georgia,serif;line-height:1.02;font-weight:400}.art-caption{bottom:30px;color:#d0d7e9;font-size:11px;letter-spacing:.08em}.art-caption span{color:#bba16a;font-size:9px;letter-spacing:.2em}.intro-rules{margin-top:26px;padding:26px 0 30px;border-top:1px solid #53658d55;gap:30px}.rule-number{color:#d8b46f;font-family:Georgia,serif;font-size:21px;line-height:1.4}.intro-rules strong{font-weight:500;font-size:13px;color:#e4ebf8}.intro-rules p>span{color:#8fa2c1;font-size:11px}
/* Stage and live round. */
.play{padding-top:17px}.play-top{margin-bottom:18px;gap:10px}.play-top p{font-size:11px;letter-spacing:.1em;color:#b3bfd5}.play-top strong{color:#e9ce97;font-size:15px;letter-spacing:.06em}.arena{grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}.quiz-column{min-width:0}.broadcast-stage{position:relative;aspect-ratio:2.8;min-height:250px;isolation:isolate;overflow:hidden;border-top:1px solid #617da14d;border-bottom:1px solid #7189b55c;background:linear-gradient(0deg,#081128bb,transparent 40%),url('assets/studio-night-20261006.webp') 50% 52%/cover no-repeat;border-radius:3px 3px 0 0}.stage-caption-top{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.25em;color:#c5d4e9;z-index:4}.stage-person{position:absolute;bottom:26px;width:29%;height:76%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;z-index:3}.stage-person img{width:100%;height:90%;filter:drop-shadow(0 10px 8px #0009);object-fit:contain}.host-pao{left:8%}.host-rabi{right:8%}.stage-person>span{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:#060d20e8;border:1px solid #98845588;border-radius:3px;padding:5px 12px;color:#c9ae74;white-space:nowrap;font-size:8px;letter-spacing:.12em;box-shadow:0 3px 12px #0008}.stage-person b{font-size:11px;color:#fff0ca;margin-left:7px;font-weight:500}.stage-emblem{position:absolute;top:21%;left:50%;transform:translateX(-50%);width:125px;aspect-ratio:1;border-radius:50%;border:1px solid #b7a16c;background:radial-gradient(circle,#1a315ae8,#081025ee);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ecd399;box-shadow:0 0 0 6px #34497533,0 0 40px #447abd44}.stage-emblem:before{content:"";position:absolute;inset:7px;border:1px solid #d6bc724d;border-radius:50%}.stage-emblem>span{font-size:7px;letter-spacing:.13em}.stage-emblem b{font:52px/1.05 Georgia,serif;font-weight:400;margin:3px 0}.stage-emblem small{font-size:7px;letter-spacing:.22em}.stage-caption{position:absolute;bottom:9px;left:10px;right:10px;text-align:center;font-size:11px;letter-spacing:.05em;color:#e5e8f2;text-shadow:0 1px 9px #000;z-index:4}.stage-beam{position:absolute;top:-18%;width:25%;height:130%;transform-origin:top;opacity:.13;background:linear-gradient(180deg,#bcdcff,#7eb3ff44 75%,transparent);filter:blur(10px);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);pointer-events:none;z-index:1}.beam-left{left:16%;transform:rotate(-25deg);animation:beam-left 13s ease-in-out infinite alternate}.beam-right{right:16%;transform:rotate(25deg);animation:beam-right 15s ease-in-out infinite alternate}.round-info{margin:20px 0 12px;gap:15px}.round-info strong{font-family:Georgia,serif;font-size:29px;color:#e8cb8d;font-weight:400}.round-info>p{font-size:12px}.round-info>p>span{color:#8398ba}.level-label{background:transparent;border:1px solid #4a5a7b;color:#c5d2e9;font-size:10px;border-radius:3px;padding:5px 9px}.streak{color:#d5c29a;font-size:11px;font-weight:500}.progress-track{height:2px;margin-bottom:22px;background:#26304e;border-radius:0}.progress-track span{background:linear-gradient(90deg,#7589c0,#efcf8a);box-shadow:0 0 12px #e8cd8877}
/* TV answer rails: silver outlines, gold selection, and clear reveal states. */
.question-card{background:none;border:0;box-shadow:none;border-radius:0;padding:0;position:relative}.question-card .eyebrow{text-align:center;color:#a5b8da;letter-spacing:.2em;font-size:10px;margin:0 0 11px}.question-card h2{position:relative;text-align:center;color:#f0f4ff;font-size:21px;font-weight:600;line-height:1.85;margin:0 0 20px;padding:19px 37px;min-height:104px;display:block;isolation:isolate;overflow:visible;filter:drop-shadow(0 6px 15px #0004)}.question-card h2:before,.question-card h2:after{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:linear-gradient(120deg,#6b7fa8,#cbddff 50%,#5972a2)}.question-card h2:after{inset:1.5px;z-index:-1;background:linear-gradient(120deg,#111b48,#172963 50%,#111b44)}.question-card h2 ruby{line-height:2.2}.question-card rt{color:#c3d3ec}.choices{grid-template-columns:1fr 1fr;gap:13px 17px;position:relative}.choices:before{content:"";position:absolute;top:25%;bottom:25%;left:-18px;right:-18px;border-top:1px solid #64789e;border-bottom:1px solid #64789e;z-index:0;pointer-events:none}.choice{--panel:linear-gradient(110deg,#101b40,#16264f);background:linear-gradient(100deg,#7183a6,#d1dcf3 50%,#5c709e);border:0;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);border-radius:0;min-height:69px;padding:13px 28px;font-size:14px;line-height:1.8;font-weight:500;color:#eef1fa;box-shadow:none!important;gap:10px;position:relative;isolation:isolate;transition:filter .2s,transform .2s}.choice:before{content:"";position:absolute;inset:1.5px;background:var(--panel);clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);z-index:-1}.choice>span{z-index:1}.choice .letter{color:#edc773;background:none;border-radius:0;width:19px;font-family:Georgia,serif;font-size:19px;font-weight:400}.choice:hover:not(:disabled){--panel:linear-gradient(120deg,#263b6f,#1c3266);background:#ecddba;transform:translateY(-1px)}.choice[aria-pressed="true"]{--panel:linear-gradient(110deg,#bd8737,#efc574 55%,#cd9947);background:linear-gradient(90deg,#d0b77b,#fff1b8,#b7954c);color:#191a29}.choice[aria-pressed="true"] .letter{background:transparent;color:#372315}.choice[aria-pressed="true"] rt{color:#52412c}.choice:focus-visible{outline:none;background:#fff3bd;filter:drop-shadow(0 0 4px #fff3bd)}.choice:focus-visible:after{content:"";position:absolute;inset:5px;border:1px dashed #eedd9d;clip-path:inherit;z-index:2;pointer-events:none}.choice[aria-pressed="true"]:focus-visible:after{border-color:#4b3b22}.choice.is-correct{--panel:linear-gradient(100deg,#206552,#308b66);background:#aee0bc;color:#fff}.choice.is-correct .letter{color:#fff4bd;background:transparent}.choice.is-wrong{--panel:linear-gradient(100deg,#49304e,#694462);background:#c393b7;color:#f7e9f2}.choice.is-wrong .letter{color:#f4cfe3;background:transparent}.choice.eliminated{--panel:#0d152c;background:#354162;color:#7183a3;opacity:.52}.choice.eliminated .letter{background:transparent;color:#74829d}.choice-status{font-size:11px;margin-top:3px}.answer-action{margin-top:21px;border-top:0;padding:0;gap:16px;flex-direction:row;align-items:center}.answer-action p{font-size:11px;color:#a2b2ce}.answer-action .primary{font-size:12px;min-height:43px;padding:11px 19px;white-space:nowrap}.answer-action .primary:disabled{background:#17223e;color:#8d9bb5;opacity:1;box-shadow:none}.answer-action button span{margin-left:14px}.hint-box{background:#122240;border-color:#46618b;color:#d5e1f6;border-radius:6px}.hint-box strong{color:#efcf8e}.hint-box:focus{outline:2px solid #d9bd79;outline-offset:4px}.section-label{margin:25px 0 12px}.section-label h2{font-size:11px;color:#c9d5ec;font-weight:500;letter-spacing:.08em}.section-label>span{font-size:10px;color:#91a2c0}.lifeline-grid{gap:12px}.lifeline-grid button{position:relative;background:linear-gradient(180deg,#172546,#0c1630);border:1px solid #637395;border-radius:40px;padding:9px 5px 12px;gap:0;min-height:90px;color:#e0e8f6}.lifeline-grid button:not(:disabled):hover{background:#24385c;border-color:#d2b775}.lifeline-grid img,.lifeline-icon{height:37px;width:50px}.lifeline-grid strong{color:#dfc58d;font-size:11px;font-weight:500;margin-top:3px}.lifeline-grid small{color:#99abca;font-size:9px;margin-top:3px}.fifty-icon{color:#f0d49a;font-size:20px;font-family:Georgia,serif;letter-spacing:-.03em}.lifeline-grid button.used{background:#0b1225;border-color:#354360;opacity:.5}.lifeline-grid button.used:after{content:"";position:absolute;top:21px;left:37%;right:37%;height:1px;background:#c6cfe4;transform:rotate(-28deg)}.lifeline-grid button.used small{color:#aab7cb}.assist-status{color:#d6be84;font-size:11px}
/* The right-hand ladder stays visible on large screens, becomes a compact rail on phones. */
.journey{border-radius:3px;border:1px solid #526083;background:linear-gradient(145deg,#111c39,#090e24);padding:25px 16px 20px;box-shadow:inset 0 1px 0 #c8d4f41f;position:sticky;top:20px}.journey .eyebrow{font-size:8px;letter-spacing:.22em;color:#b39a62}.journey h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:20px;color:#ebd09a;margin:10px 0 7px;font-weight:500}.journey-sub{font-size:10px;color:#99abc9;margin-bottom:24px}.journey ol{gap:6px}.journey li{padding:7px 10px;min-height:35px;border-radius:0;border:0;font-size:10px;color:#91a9cc;gap:12px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}.journey li b{font:15px Georgia,serif;width:18px;color:#c8b287}.journey li.milestone{background:#182340;color:#e2d2ad}.journey li.current{background:linear-gradient(90deg,#bf9348,#efcb80,#c49850);color:#141b30;box-shadow:none}.journey li.current b{color:#282131}.journey li.done{background:#152e39;color:#a8d3cd}.journey li.done b{color:#94baaf}.journey>p:last-child{margin-top:22px;padding-top:17px;border-top:1px solid #3b486755;font-size:11px;color:#98abc9;line-height:1.9}
.feedback{border:1px solid #5d7d8f;border-radius:5px;padding:26px;margin-top:28px;background:linear-gradient(125deg,#12283b,#0f1b33);box-shadow:0 10px 30px #0004;color:#d7e3f6}.feedback .eyebrow{color:#a7d5bf;font-size:10px;letter-spacing:.16em}.feedback h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;color:#e8d19c;font-size:27px}.feedback .correct-copy{color:#a3dfbd}.feedback .answer-note{background:#1a2d45;color:#d6e1f3;border-radius:4px}.feedback .sources{color:#b4c5df}.feedback .sources a{color:#c0d7f8}.feedback p{font-size:13px}.sources summary:focus-visible{outline-color:#ead49a}
body[data-phase="resolving"] .broadcast-stage{filter:saturate(.7)}body[data-phase="resolving"] .stage-emblem{box-shadow:0 0 65px #d9b66f77;border-color:#eed79f}body[data-phase="resolving"] .stage-caption{color:#ffe7ad;letter-spacing:.22em}body[data-phase="resolving"] .choice[aria-pressed="true"]{animation:answer-lock 1.4s ease-in-out}body[data-phase="correct"] .broadcast-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent,#63b39133);animation:reveal-glow .9s ease-out}body[data-round="10"] .stage-emblem{border-color:#f0c568;box-shadow:0 0 60px #d6aa4e55}body[data-round="10"] .question-card .eyebrow{color:#f3d093}
/* The host's close-up has a real frame and remains scrollable in landscape. */
.final-dialog{width:720px;max-width:calc(100% - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:1px solid #c7aa6a;border-radius:5px;background:#0a142d;color:#edf3ff;box-shadow:0 28px 100px #000c}.final-dialog[open]{display:grid;grid-template-columns:.85fr 1.15fr;animation:arrive .3s ease-out}.final-dialog::backdrop{background:#010516dc;backdrop-filter:blur(8px)}.final-portrait{position:relative;background:linear-gradient(0deg,#0b1732 3%,transparent 48%),url('assets/studio-night-20261006.webp') 26% 50%/auto 100% no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;min-height:390px;overflow:hidden}.final-portrait:before{content:"";position:absolute;width:220px;height:220px;left:50%;top:50%;transform:translate(-50%,-50%);background:#7baff044;border-radius:50%;filter:blur(35px)}.final-portrait>span{color:#c7b07b;font-size:9px;letter-spacing:.23em;position:relative}.final-host{position:relative;width:100%;height:235px;object-fit:contain;filter:drop-shadow(0 14px 13px #000b);margin:14px 0 0}.final-portrait>b{font:26px Georgia,serif;letter-spacing:.3em;color:#d5bd88;margin:0 0 15px 8px;position:relative}.final-call{padding:34px 32px 32px;text-align:center;background:linear-gradient(130deg,#142343,#0b142b);border-left:1px solid #65769844}.final-dialog .host-label{color:#c2a76c;font-size:9px;letter-spacing:.23em;margin:0 0 15px}.final-dialog h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:31px;letter-spacing:.05em;line-height:1.5;color:#f0d69f;font-weight:500}.final-dialog .host-subtitle{color:#adbedb;font-size:11px;margin:15px 0 20px;line-height:1.8}.final-choice{padding:12px 3px;border-top:1px solid #5e6e92;border-bottom:1px solid #5e6e92;display:flex;align-items:center;justify-content:center;gap:15px;font-size:14px;line-height:1.9;margin:0 0 7px;overflow-wrap:anywhere}.final-choice>b{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#e6c581}.final-choice rt{color:#c0cfe6}.final-dialog .primary{font-size:13px;min-height:48px;padding:13px}.final-dialog .secondary{font-size:11px;min-height:42px;font-weight:500;padding:10px}.voice-replay{display:inline-block!important;width:auto;background:transparent;border:0;color:#b9ccec;font-size:10px;min-height:30px;margin-top:6px;text-decoration:underline;text-underline-offset:4px}.voice-replay[hidden]{display:none!important}.final-dialog[open] .final-host{animation:host-arrive .5s ease-out}.final-dialog[open] h2{animation:host-line .75s ease-out}
#leave-dialog{background:#101b36;color:#e8eef9;border-color:#6a7897;border-radius:6px}#leave-dialog p{color:#b7c6e1}.result{padding-top:12px}.result h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;color:#f0d69a;font-size:36px}.result>p{color:#a7bad8}.result>.eyebrow{color:#d0b274}.keep{white-space:nowrap}.diploma{color-scheme:light;background:linear-gradient(120deg,#fffbee,#fbf1d9);color:#6a542f;box-shadow:0 15px 65px #d4b46a1c}.diploma-friends b{color:#224469}.score-card{background:#122241;border:1px solid #4a5d85;border-radius:6px}.score-card p{color:#f2d592}.review{border-color:#3a4b70}.review-item{border-color:#3a4b70}.review-item>small{color:#c3a86d}.review-answer{color:#a0d7c3}.review-item .answer-note{background:#152644}.library-link,.follow{color:#bbcce6}.review .sources a{color:#bed6f8}#share-status{color:#ddca9d}.confetti{z-index:20}footer{color:#8297b9;border-color:#41507155;margin-top:38px}footer p:first-child{color:#a1b3cf}
@keyframes beam-left{to{transform:rotate(16deg);opacity:.09}}@keyframes beam-right{to{transform:rotate(-14deg);opacity:.08}}@keyframes answer-lock{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes reveal-glow{from{opacity:0}45%{opacity:1}to{opacity:.2}}@keyframes host-arrive{from{transform:translateY(12px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes host-line{0%,25%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.intro-art{min-height:485px}.mascot{height:285px}.goal-seal{top:25px}}
@media(max-width:1000px){.arena{grid-template-columns:minmax(0,1fr) 195px;gap:20px}.journey{padding:23px 10px 18px}.journey h2{font-size:18px}.journey li{gap:8px;font-size:9px}.question-card h2{font-size:20px;padding:18px 26px}.choice{padding:12px 20px;font-size:13px}.broadcast-stage{min-height:220px;aspect-ratio:2.65}.stage-emblem{width:105px}.stage-emblem b{font-size:44px}.stage-person{width:31%;height:75%}.host-pao{left:6%}.host-rabi{right:6%}.intro h1{font-size:44px}.intro-art{min-height:450px}.mascot{height:220px}.intro-facts{gap:14px}.intro-facts span{max-width:none;flex-wrap:nowrap}.start{min-width:300px}}
@media(max-width:760px){main{padding:0 22px}.site-header{padding:19px 22px;min-height:80px}.arena{grid-template-columns:minmax(0,1fr) 170px;gap:15px}.choices{grid-template-columns:1fr;gap:10px}.choice{min-height:58px}.choices:before{display:none}.question-card h2{min-height:0;font-size:18px}.answer-action{flex-direction:column;align-items:stretch;gap:10px}.answer-action .primary{width:100%;min-height:45px}.answer-action p{text-align:center}.stage-emblem{width:92px;top:22%}.stage-emblem b{font-size:36px}.stage-emblem>span{font-size:6px}.stage-emblem small{font-size:6px}.stage-person>span{font-size:6px;padding:4px 7px}.stage-person b{font-size:9px}.broadcast-stage{min-height:200px}.intro{grid-template-columns:1fr 1fr}.intro:before{inset:0 -22px 170px}.intro h1{font-size:37px}.intro-facts{gap:11px}.intro-facts span{font-size:8px}.intro-facts b{font-size:25px}.start{min-width:0;width:100%;font-size:12px}.intro-art{padding-bottom:90px;min-height:420px}.mascot{height:185px}.goal-seal{height:130px;width:130px;top:45px}.goal-seal b{font-size:55px}.art-caption{font-size:9px}.intro-rules{gap:16px}.intro-rules strong{font-size:11px}.intro-rules p>span{font-size:10px}.rule-number{font-size:18px}.journey li{font-size:9px;padding:6px 7px;gap:6px}.journey li b{font-size:12px;width:15px}.journey h2{font-size:16px}.journey-sub{font-size:9px}.lifeline-grid{gap:7px}.lifeline-grid strong{font-size:9px}.lifeline-grid small{font-size:8px}.lifeline-grid button{border-radius:28px}}
@media(max-width:640px){.site-header{min-height:72px;padding:17px 18px;gap:12px}.brand{font-size:20px}.brand small{font-size:7px;margin-top:8px}.site-header nav{gap:12px;font-size:10px}.sound-toggle{font-size:10px;min-height:35px;padding:7px 10px;gap:5px}.sound-toggle svg{width:14px;height:14px}main{padding:0 17px}.intro{grid-template-columns:1fr;padding-top:23px}.intro:before{inset:0 -17px 210px;background:linear-gradient(0deg,#050a1c,transparent 40%,#050a1c77),url('assets/studio-night-20261006.webp') 50% 50%/auto 100% no-repeat;opacity:.8}.intro-copy{padding:5px 0 0;position:relative;z-index:2}.intro .eyebrow{font-size:8px}.intro-overline{font-size:11px;margin:15px 0 8px}.intro h1{font-size:43px;line-height:1.32}.intro h1>span{font-size:12px;letter-spacing:.3em}.intro-lead{font-size:11px;margin-top:12px}.intro-facts{gap:22px;margin:20px 0}.intro-facts span{font-size:9px}.intro-facts b{font-size:27px}.start{max-width:350px;font-size:14px;min-height:50px;padding:14px 20px}.quiet{font-size:10px}.personal-best{font-size:10px}.intro-art{grid-row:auto;max-width:400px;min-height:212px;margin:5px auto 0;padding:26px 18px 38px;background:none;border-radius:0}.mascot{height:157px;width:49%}.mascot.pao{margin:0 30px 0 -12px}.mascot.rabi{margin:0 -15px 0 0}.goal-seal{top:14px;width:90px;height:90px;border-radius:50%;padding:0;outline-offset:5px;z-index:1;background:#0f1c37de}.goal-seal b{font-size:38px}.goal-seal>span{font-size:6px;margin:3px 0}.goal-seal:before{inset:5px}.art-caption{bottom:13px;font-size:10px}.art-caption span{display:none}.intro-rules{grid-template-columns:1fr;gap:16px;margin-top:10px;padding:22px 7px 0}.intro-rules strong{font-size:12px}.intro-rules p>span{font-size:11px}.rule-number{font-size:19px;min-width:23px}.play{padding-top:8px}.play-top{margin:0 0 8px}.play-top p{font-size:9px;letter-spacing:0}.play-top strong{font-size:12px;letter-spacing:.02em}.text-button{font-size:9px;min-height:36px;padding:9px 2px}.arena{display:flex;flex-direction:column;gap:18px}.quiz-column{width:100%}.broadcast-stage{aspect-ratio:2.2;min-height:168px;max-height:210px;overflow:hidden;background-position:50% 50%}.stage-caption-top{font-size:6px;top:10px;letter-spacing:.22em}.stage-person{bottom:22px;height:80%;width:32%}.host-pao{left:3%}.host-rabi{right:3%}.stage-person img{height:90%}.stage-person>span{bottom:1px;font-size:6px;padding:4px 7px}.stage-person b{font-size:8px;margin-left:5px}.stage-emblem{width:80px;top:24%;box-shadow:0 0 0 4px #34497533,0 0 20px #447abd44}.stage-emblem b{font-size:32px;margin:1px 0}.stage-emblem>span{font-size:5px}.stage-emblem small{font-size:5px}.stage-emblem:before{inset:5px}.stage-caption{font-size:9px;bottom:6px;letter-spacing:.02em}.round-info{margin:15px 0 10px;gap:10px}.round-info strong{font-size:27px}.round-info>p{font-size:10px}.level-label{font-size:9px;padding:4px 7px}.streak{font-size:9px}.progress-track{margin-bottom:16px}.question-card{padding:0;border-radius:0}.question-card .eyebrow{font-size:8px;margin-bottom:8px}.question-card h2{font-size:17px;padding:15px 21px;line-height:1.85;margin:0 0 15px;min-height:0}.question-card h2 ruby{line-height:2.15}.question-card h2:before,.question-card h2:after{clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.choices{gap:9px}.choice{min-height:57px;padding:10px 23px;font-size:13px;gap:10px;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}.choice:before{clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}.choice .letter{font-size:18px;width:19px;height:auto}.choice ruby{line-height:2.1}.answer-action{margin-top:15px;gap:10px;padding:0;flex-direction:column}.answer-action p{font-size:10px}.answer-action .primary{font-size:12px;min-height:45px;width:100%}.section-label{margin:22px 0 10px}.section-label h2{font-size:10px}.section-label>span{font-size:9px}.lifeline-grid{gap:8px}.lifeline-grid button{min-height:82px;padding:8px 3px 10px;border-radius:33px}.lifeline-grid img,.lifeline-icon{width:43px;height:32px}.lifeline-grid strong{font-size:9px;margin-top:3px}.lifeline-grid small{font-size:7px;margin-top:3px}.fifty-icon{font-size:18px}.assist-status{font-size:10px}.journey{position:static;margin:0;padding:15px 12px;width:100%;border-color:#394a70}.journey .eyebrow,.journey-sub,.journey>p:last-child{display:none}.journey h2{font-family:inherit;font-size:11px;margin:0 0 12px;letter-spacing:.03em;text-align:left}.journey ol{gap:3px;flex-direction:row-reverse}.journey li{padding:4px 0;min-height:29px;display:flex;justify-content:center;flex:1;clip-path:none;border-radius:2px;gap:0;background:#151e36}.journey li>b{width:auto;font-size:12px}.journey li>span{display:none}.journey li.current{background:#e2bd76}.feedback{margin-top:23px;padding:23px 18px;border-radius:4px}.feedback h2{font-size:23px}.feedback p{font-size:12px}.feedback .correct-copy{font-size:14px}.feedback .eyebrow{font-size:9px}.feedback .next{font-size:12px}.final-dialog{max-width:calc(100% - 26px);max-height:calc(100dvh - 26px);border-radius:5px;width:390px}.final-dialog[open]{display:flex;flex-direction:column}.final-portrait{min-height:0;height:155px;flex:none;padding:10px 0 0;background-size:cover;background-position:50% 50%}.final-portrait>span{font-size:7px;position:absolute;top:15px;left:17px}.final-portrait>b{font-size:17px;position:absolute;bottom:0;right:20px;letter-spacing:.2em;margin:0 0 14px}.final-host{width:220px;height:160px;margin:0;flex:none}.final-call{padding:20px 23px 23px;border-left:0;border-top:1px solid #5d719444}.final-dialog .host-label{font-size:8px;margin:0 0 9px}.final-dialog h2{font-size:27px;line-height:1.4}.final-dialog .host-subtitle{font-size:10px;margin:10px 0 16px}.final-choice{font-size:13px;padding:10px 0;margin-bottom:4px}.final-choice>b{font-size:22px}.final-dialog .primary{font-size:13px;padding:12px;min-height:46px;margin-top:8px}.final-dialog .secondary{font-size:11px;min-height:40px;margin-top:10px}.voice-replay{font-size:10px;min-height:28px;margin-top:3px}.result h1{font-size:27px}.diploma-friends img{width:85px}.diploma-friends b{font-size:38px}footer{font-size:9px;margin-top:32px;padding:22px 16px}}
@media(max-width:350px){main{padding:0 13px}.site-header{padding:16px 14px}.site-header nav{gap:8px}.sound-toggle{padding:6px 8px;font-size:9px}.intro h1{font-size:37px}.intro-facts{gap:15px}.intro:before{left:-13px;right:-13px}.broadcast-stage{min-height:153px}.stage-emblem{width:71px}.stage-emblem b{font-size:28px}.question-card h2{font-size:16px}.choice{font-size:12px;min-height:55px}.lifeline-grid strong{font-size:8px}.lifeline-grid small{font-size:7px}.final-call{padding:17px 20px 20px}.final-portrait{height:120px}.final-host{height:132px}.final-dialog h2{font-size:24px}.result h1{font-size:24px}}
@media(max-height:550px){.final-dialog[open]{display:grid;grid-template-columns:.75fr 1.25fr;width:700px}.final-portrait{height:auto;min-height:300px}.final-call{padding:22px;border-top:0}.final-host{height:180px;width:220px}.final-dialog h2{font-size:25px}.final-dialog .host-subtitle{margin:9px 0 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stage-beam{display:none}.confetti{display:none}}
/* Keep the studio and all four answers together on a typical laptop screen. */
@media(min-width:761px){.site-header{min-height:70px;padding-top:14px;padding-bottom:14px}.play{padding-top:6px}.play-top{margin-bottom:10px}.broadcast-stage{height:225px;min-height:0;aspect-ratio:auto}.stage-person{height:88%;bottom:20px;width:26%}.stage-emblem{width:105px;top:19%}.stage-emblem b{font-size:44px}.stage-caption-top{top:10px}.stage-person>span{bottom:0}.round-info{margin-top:15px;margin-bottom:9px}.progress-track{margin-bottom:17px}.question-card h2{min-height:86px;padding-top:13px;padding-bottom:13px;margin-bottom:15px}.question-card .eyebrow{margin-bottom:9px}.choice{min-height:61px;padding-top:10px;padding-bottom:10px}}
.broadcast-stage{width:100%;max-width:100%}