@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#020713;--panel:rgba(7,24,49,.84);--line:rgba(95,200,255,.23);--blue:#159cff;--cyan:#8cefff;--white:#f7fbff;--muted:#91a9c5;--green:#41e7a4;--red:#ff6678}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--white);font-family:Manrope,Arial,sans-serif;background:radial-gradient(circle at 78% 30%,#0b3264 0,transparent 33%),linear-gradient(135deg,#020611,#07142a 55%,#02050d);overflow-x:hidden}button{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;background-image:linear-gradient(rgba(49,155,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,155,230,.055) 1px,transparent 1px);background-size:54px 54px;animation:grid 12s linear infinite}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(76,200,255,.3) 50%,transparent 50.2%);animation:sweep 5s ease-in-out infinite}.ambient i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.18}.ambient i:nth-child(1){width:420px;height:420px;background:#087cff;right:-120px;top:8%;animation:float 9s ease-in-out infinite}.ambient i:nth-child(2){width:300px;height:300px;background:#31ddff;left:-160px;bottom:0}.shell{position:relative;z-index:1;width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;display:flex;flex-direction:column}.brandbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.13em}.brand small{display:block;color:#72cfff;font-size:.56rem;letter-spacing:.28em}.brand-mark{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 22px rgba(27,160,255,.26)}.brand-mark b{position:absolute;width:3px;height:15px;border-radius:5px;background:linear-gradient(#fff,#1aa8ff)}.brand-mark b:first-child{transform:translateX(-4px) rotate(15deg)}.brand-mark b:last-child{transform:translateX(4px) rotate(-15deg)}.sound-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--cyan);background:rgba(9,31,61,.75);cursor:pointer}.sound-btn.muted{opacity:.45}.screen{display:none;flex:1}.screen.active{animation:screenIn .48s ease both}.start-screen.active{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:5vh 0 8vh}.eyebrow{display:flex;align-items:center;gap:10px;color:#7edcff;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.21em}.eyebrow span{width:26px;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.season{display:inline-block;margin-top:18px;color:#617b9c;font-size:.62rem;font-weight:700;letter-spacing:.2em}h1{font-size:clamp(4.3rem,9vw,8rem);line-height:.8;letter-spacing:-.075em;text-transform:uppercase;margin:25px 0 32px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8deaff;filter:drop-shadow(0 0 14px rgba(33,177,255,.42))}.lead{max-width:620px;color:#b7c8dc;font-size:1.12rem;line-height:1.7}.start-panel{display:flex;margin:30px 0 28px;border:1px solid var(--line);background:linear-gradient(110deg,rgba(11,49,91,.74),rgba(5,18,39,.8));clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.stat{flex:1;padding:18px 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:1.15rem;text-shadow:0 0 16px #159cff}.stat span{color:#7f99b6;font-size:.6rem;text-transform:uppercase;letter-spacing:.13em}.primary-btn{position:relative;min-height:58px;padding:7px 8px 7px 24px;border:0;color:#fff;text-decoration:none;background:linear-gradient(100deg,#087de9,#2bc4ff);display:inline-flex;align-items:center;gap:24px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:0 15px 45px rgba(11,135,240,.3);overflow:hidden}.primary-btn:before{content:"";position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:buttonShine 3s ease-in-out infinite}.primary-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary-btn b{width:42px;height:42px;display:grid;place-items:center;background:#fff;color:#087adf}.fineprint{font-size:.68rem;color:#607895}.hero-visual{position:relative;height:540px;display:grid;place-items:center}.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(83,202,255,.15);transform:rotate(45deg);animation:squareSpin 24s linear infinite}.hero-visual:after{width:285px;height:285px;animation-direction:reverse;animation-duration:17s}.orbit{position:absolute;border:1px solid rgba(95,219,255,.38);border-radius:50%;box-shadow:0 0 30px rgba(20,153,255,.12)}.orbit:after{content:"";position:absolute;width:9px;height:9px;left:50%;top:-5px;border-radius:50%;background:#b9f8ff;box-shadow:0 0 18px #4cd9ff}.orbit-one{width:390px;height:390px;animation:spin 11s linear infinite}.orbit-two{width:290px;height:290px;border-style:dashed;animation:spin 15s linear infinite reverse}.orbit-three{width:460px;height:180px;transform:rotateX(65deg);animation:tilt 8s linear infinite}.light-core{position:relative;width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,rgba(146,241,255,.48),rgba(20,132,230,.22) 40%,#041127 73%);border:1px solid #96efff;box-shadow:0 0 25px rgba(62,206,255,.72),0 0 100px rgba(12,127,239,.34),inset 0 0 45px rgba(58,198,255,.22);animation:core 3.6s ease-in-out infinite}.light-core:before{content:"";position:absolute;inset:15px;border:1px solid rgba(161,242,255,.35);border-radius:50%;animation:pulse 2.2s ease-in-out infinite}.light-core i{position:absolute;inset:-16px;border:2px solid transparent;border-top-color:#8cf1ff;border-bottom-color:#198ffa;border-radius:50%;animation:spin 4s linear infinite}.core-number{font-size:4rem;font-weight:800;line-height:1;text-shadow:0 0 24px #39bfff}.light-core small{font-size:.56rem;letter-spacing:.27em;color:#9cefff}.float-tag{position:absolute;display:flex;gap:10px;padding:9px 14px;border:1px solid rgba(87,197,255,.33);background:rgba(4,20,42,.8);backdrop-filter:blur(12px);color:#83dfff;font-size:.56rem;letter-spacing:.15em;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);animation:tag 4s ease-in-out infinite}.float-tag b{color:#fff}.tag-one{left:0;top:28%}.tag-two{right:0;top:44%;animation-delay:-1.3s}.tag-three{left:12%;bottom:19%;animation-delay:-2.2s}.scanner{position:absolute;width:420px;height:2px;background:linear-gradient(90deg,transparent,#72eaff,transparent);box-shadow:0 0 18px #24b7ff;animation:scan 3.2s ease-in-out infinite}.quiz-screen.active{display:flex;flex-direction:column;padding:5vh 0 7vh}.quiz-top{display:flex;justify-content:space-between;align-items:center}.category,.difficulty{display:inline-flex;padding:7px 12px;border:1px solid var(--line);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.category{color:#86ddff;background:rgba(25,147,234,.12)}.difficulty{margin-left:7px;color:#a7b8cb}.counter{color:#728ba8;font-size:.8rem}.counter b{font-size:1.25rem;color:#fff}.progress{position:relative;height:6px;margin-top:20px;background:rgba(255,255,255,.08);overflow:visible}.progress span{position:relative;display:block;height:100%;background:linear-gradient(90deg,#1689ef,#75eaff);box-shadow:0 0 16px #27afff;transition:width .4s ease}.progress span:after{content:"";position:absolute;right:-5px;top:-4px;width:13px;height:13px;background:#d3fbff;transform:rotate(45deg);box-shadow:0 0 18px #62e3ff}.question-wrap{width:min(850px,100%);margin:clamp(42px,8vh,80px) auto 28px;padding:36px 38px 32px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(8,31,63,.88),rgba(4,15,33,.84));backdrop-filter:blur(16px);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:0 30px 80px rgba(0,0,0,.25);animation:questionIn .42s ease}.question-kicker{color:#55bce9;font-size:.65rem;text-transform:uppercase;letter-spacing:.18em}.question-wrap h2{font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.18;letter-spacing:-.035em;margin:13px 0 30px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{position:relative;min-height:68px;padding:14px 17px 14px 58px;text-align:left;color:#e9f5ff;background:rgba(5,21,44,.88);border:1px solid rgba(125,202,255,.17);cursor:pointer;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:.2s}.answer:hover:not(:disabled){transform:translateY(-2px);border-color:#42bfff;background:rgba(11,55,98,.9);box-shadow:0 8px 25px rgba(17,137,232,.14)}.answer .letter{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);color:#77b9e0;font-size:.72rem;font-weight:800}.answer.correct{background:rgba(16,105,74,.58);border-color:var(--green);animation:correct .45s ease}.answer.correct .letter{background:var(--green);color:#032418}.answer.wrong{background:rgba(114,26,43,.55);border-color:var(--red);animation:shake .35s ease}.answer.wrong .letter{background:var(--red);color:#fff}.answer.dim{opacity:.38}.feedback{display:none;gap:12px;margin-top:17px;padding:14px 16px;background:rgba(255,255,255,.045);border-left:2px solid var(--green);color:#a9bdd2}.feedback.show{display:flex;animation:screenIn .3s ease}.feedback.bad{border-color:var(--red)}.feedback-icon{width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.feedback.bad .feedback-icon{background:var(--red);box-shadow:0 0 12px var(--red)}.feedback p{margin:0;font-size:.82rem;line-height:1.55}.feedback strong,.feedback span{display:block}.feedback strong{color:#fff}.quiz-footer{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center}.score-pill{color:#7890aa;font-size:.74rem}.score-pill b{color:#fff;font-size:1.25rem;margin-left:7px}.next-btn{padding:13px 18px;border:0;background:#fff;color:#07152a;font-weight:800;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.next-btn span{margin-left:15px}.next-btn:disabled{opacity:.25;cursor:not-allowed}.result-screen.active{display:flex;flex-direction:column;align-items:center;text-align:center;padding:7vh 0}.result-halo{position:relative;width:155px;height:155px;border-radius:50%;display:flex;justify-content:center;align-items:baseline;padding-top:45px;border:1px solid #62d9ff;background:radial-gradient(circle,rgba(33,161,249,.3),rgba(5,20,44,.8));box-shadow:0 0 70px rgba(28,153,255,.28)}.result-halo:before{content:"";position:absolute;inset:-17px;border:1px dashed rgba(91,221,255,.5);border-radius:50%;animation:spin 8s linear infinite}.result-halo span{font-size:3.7rem;font-weight:800}.result-halo small{color:#8da7c2}.centered{margin-top:38px;justify-content:center}.result-screen h2{font-size:clamp(2.2rem,6vw,4.2rem);letter-spacing:-.055em;margin:18px 0 10px}.result-message{max-width:590px;color:#a7bad0;line-height:1.6}.reward-card{width:min(520px,100%);padding:23px;text-align:left;border:1px solid rgba(93,209,255,.4);background:linear-gradient(130deg,rgba(18,90,157,.38),rgba(5,21,44,.9));clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.gift-label{color:#7fdbff;text-transform:uppercase;letter-spacing:.17em;font-size:.6rem;font-weight:800}.reward-card>strong{display:block;font-size:1.45rem;margin:6px 0 16px}.code-row{display:flex;padding:6px;background:#020a17}.code-row code{flex:1;padding:10px;text-align:center;color:#fff;font:800 1rem Manrope;letter-spacing:.12em}.code-row button{border:0;background:#fff;color:#07518f;font-weight:800;padding:0 16px;cursor:pointer}.reward-card small{display:block;color:#7089a5;font-size:.62rem;margin-top:11px}.result-actions{display:flex;gap:12px;margin-top:24px}.ghost-btn,.review-btn{padding:16px 20px;color:#d9efff;background:rgba(8,30,60,.7);border:1px solid var(--line);cursor:pointer}.review-btn{margin-top:18px;padding:10px 16px;color:#8da6c1;font-size:.72rem}.review-panel{display:none;width:min(760px,100%);text-align:left;margin-top:22px}.review-panel.open{display:block}.review-item{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}.review-item strong{display:block;font-size:.86rem}.review-item span{font-size:.72rem;color:#8fa4bc}.review-item.ok strong:before{content:"✓ ";color:var(--green)}.review-item.ko strong:before{content:"× ";color:var(--red)}.confetti{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:14px;animation:fall 3.4s linear forwards}
@keyframes screenIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes grid{to{background-position:54px 54px}}@keyframes sweep{0%,100%{transform:translateX(-60%);opacity:0}50%{transform:translateX(60%);opacity:1}}@keyframes float{50%{transform:translateY(-28px)}}@keyframes buttonShine{55%,100%{transform:translateX(130%)}}@keyframes squareSpin{to{transform:rotate(405deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tilt{to{transform:rotateX(65deg) rotateZ(360deg)}}@keyframes core{50%{transform:translateY(-9px) scale(1.025)}}@keyframes pulse{50%{inset:3px;opacity:.25}}@keyframes tag{50%{transform:translateY(-11px)}}@keyframes scan{0%,100%{transform:translateY(-150px);opacity:0}20%,80%{opacity:1}50%{transform:translateY(150px)}}@keyframes questionIn{from{opacity:0;transform:translateX(22px);filter:blur(4px)}}@keyframes correct{50%{box-shadow:0 0 30px rgba(65,231,164,.35)}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(900deg);opacity:.1}}
@media(max-width:850px){.start-screen.active{grid-template-columns:1fr}.hero-visual{position:absolute;right:-155px;top:15%;width:450px;height:450px;opacity:.25;z-index:-1}.start-copy{max-width:650px}.question-wrap{padding:28px 24px}}
@media(max-width:650px){.shell{width:min(100% - 28px,1120px)}.brandbar{height:72px}.start-screen.active{padding-top:3vh}.start-screen h1{font-size:clamp(3.8rem,23vw,5.5rem)}.lead{font-size:.98rem}.start-panel{flex-direction:column}.stat{padding:11px 15px;border-right:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.hero-visual{right:-260px;opacity:.2}.answers{grid-template-columns:1fr}.question-wrap{margin:32px auto 22px;padding:23px 16px}.question-wrap h2{font-size:1.55rem}.quiz-footer{position:sticky;bottom:0;padding:26px 0 10px;background:linear-gradient(transparent,var(--bg) 30%)}.result-actions{width:100%;flex-direction:column}.result-actions>*{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Graphite edition: restrained Livolo blue, reward highlighted in gold */
:root{--bg:#08090c;--panel:rgba(20,22,27,.9);--line:rgba(255,255,255,.14);--blue:#3fa9f5;--cyan:#c8f0ff;--muted:#a7adb7}
body{background:radial-gradient(circle at 76% 28%,rgba(44,63,80,.3),transparent 34%),linear-gradient(135deg,#07080a,#13161b 58%,#07080a)}
.ambient{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.ambient:after{opacity:.3;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.18) 50%,transparent 50.2%)}
.ambient i:nth-child(1){background:#6b7f92;opacity:.11}.ambient i:nth-child(2){background:#3fa9f5;opacity:.08}
.brand-mark,.sound-btn{box-shadow:none}.season,.fineprint{color:#7f858e}
.lead strong{color:#fff;font-size:1.2em;text-shadow:0 0 25px rgba(255,255,255,.12)}
.start-panel{background:linear-gradient(110deg,rgba(34,37,43,.92),rgba(15,17,21,.94));border-color:rgba(255,255,255,.13)}
.stat strong{text-shadow:none}.reward-stat strong{color:#ffd76a;text-shadow:0 0 18px rgba(255,195,45,.28)}
.primary-btn{background:linear-gradient(100deg,#252a31,#4e5965);box-shadow:0 15px 45px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.22)}
.primary-btn b{color:#20242a}.hero-visual:before,.hero-visual:after{border-color:rgba(255,255,255,.1)}
.orbit{border-color:rgba(195,222,238,.28);box-shadow:0 0 30px rgba(255,255,255,.05)}.orbit:after{background:#fff;box-shadow:0 0 15px #fff}
.light-core{background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.38),rgba(79,101,119,.2) 40%,#0c1015 73%);border-color:rgba(228,244,255,.75);box-shadow:0 0 24px rgba(199,236,255,.3),0 0 90px rgba(44,93,128,.18),inset 0 0 42px rgba(255,255,255,.12)}
.core-number{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.4)}.light-core small{color:#cbd8e0}.light-core i{border-top-color:#fff;border-bottom-color:#536879}
.float-tag{color:#c6d2dc;background:rgba(16,18,22,.88);border-color:rgba(255,255,255,.17)}.scanner{background:linear-gradient(90deg,transparent,#fff,transparent);box-shadow:0 0 15px rgba(255,255,255,.5)}
.category{color:#d6e4ee;background:rgba(255,255,255,.06)}.progress span{background:linear-gradient(90deg,#59636e,#d9edf7);box-shadow:0 0 12px rgba(212,240,255,.35)}.progress span:after{background:#fff;box-shadow:0 0 14px rgba(255,255,255,.65)}
.question-wrap{background:linear-gradient(130deg,rgba(27,30,36,.94),rgba(12,14,18,.94));border-color:rgba(255,255,255,.13);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.answer{background:rgba(18,20,24,.92);border-color:rgba(255,255,255,.12)}.answer:hover:not(:disabled){border-color:rgba(210,235,249,.5);background:rgba(35,39,45,.96);box-shadow:0 8px 25px rgba(0,0,0,.2)}
.reward-card{border-color:rgba(255,213,106,.5);background:linear-gradient(130deg,rgba(79,62,21,.36),rgba(18,18,19,.95))}.gift-label{color:#ffd76a}.code-row button{color:#17191c;background:#ffd76a}

/* Compact gameplay layout: keeps the next button inside the viewport */
.quiz-screen.active{min-height:calc(100vh - 86px);padding:22px 0 18px}
.quiz-top{flex:0 0 auto}
.progress{flex:0 0 auto;margin-top:16px}
.question-wrap{flex:0 1 auto;margin:26px auto 16px;padding:24px 28px 22px}
.question-kicker{margin:0 0 8px}
.question-wrap h2{min-height:0;margin:8px 0 20px;font-size:clamp(1.55rem,2.8vw,2.3rem);line-height:1.12}
.answers{gap:9px}
.answer{min-height:58px;padding:11px 14px 11px 55px;font-size:.9rem;line-height:1.3}
.feedback{margin-top:10px;padding:10px 14px}
.feedback p{font-size:.76rem;line-height:1.4}
.quiz-footer{position:sticky;z-index:6;bottom:0;flex:0 0 auto;margin-top:auto;padding:14px 0 8px;background:linear-gradient(transparent 0,var(--bg) 28%)}
.next-btn{min-height:42px;padding:11px 16px}
@media(max-height:760px) and (min-width:651px){.brandbar{height:64px}.quiz-screen.active{min-height:calc(100vh - 64px);padding:12px 0}.question-wrap{margin:16px auto 10px;padding:18px 24px}.question-wrap h2{font-size:1.75rem;margin:5px 0 14px}.answer{min-height:50px;padding-top:8px;padding-bottom:8px}.quiz-footer{padding-top:10px}}
@media(max-width:650px){.quiz-screen.active{min-height:calc(100vh - 72px);padding:14px 0 8px}.question-wrap{margin:18px auto 10px;padding:18px 14px}.question-wrap h2{font-size:1.35rem;margin:6px 0 15px}.answers{gap:7px}.answer{min-height:50px;padding:9px 10px 9px 50px;font-size:.82rem}.quiz-footer{padding:18px 0 6px}}

/* Expert edition: viewport layout and game progression */
[hidden]{display:none!important}
body.playing .shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
body.playing .brandbar{height:64px;flex:0 0 64px}
body.playing .quiz-screen.active{min-height:0;flex:1;overflow:hidden;padding:12px 0 0}
body.playing .question-wrap{min-height:0;flex:1;overflow:auto;clip-path:none;border-radius:16px;margin:14px auto 10px;padding:22px 26px;scrollbar-color:#637180 #171b21;scrollbar-width:thin}
body.playing .quiz-footer{position:relative;bottom:auto;flex:0 0 auto;margin:0;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#08090c;gap:12px}
.steps{display:flex;gap:5px;margin-top:15px;flex-shrink:0}
.step{flex:1;text-align:center;line-height:24px;font-size:12px;background:#1c222b;color:#9ba6b3;border-bottom:2px solid #38424f;border-radius:3px}
.step.good{color:#b3f7d6;background:#183b30;border-color:#41e7a4}.step.bad{color:#ffc4cb;background:#40242b;border-color:#e77d8a}.step.current{color:white;border-color:#ddd;background:#485461}
.mission-hud{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;color:#b8c3ce;flex-shrink:0}.mission-hud strong{color:#eac978}
.breakdown{width:min(560px,100%);margin-top:28px;padding:22px;border:1px solid #39424b;border-radius:16px;text-align:left;background:#141a21}.breakdown h3{margin:0;font-size:20px}.breakdown p{font-size:14px;color:#aab6c3}.topic-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:14px;font-size:14px}.topic-row progress{grid-column:1/-1;width:100%;height:7px;accent-color:#b8cddd}
.answer{font-size:1rem!important;line-height:1.4;min-height:56px}.feedback p{font-size:.9rem;line-height:1.5}.next-btn{font-size:.875rem;min-height:46px}.category,.difficulty,.fineprint,.question-kicker{font-size:12px}.question-wrap h2{font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.25}.answer:focus-visible,.next-btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffda78;outline-offset:3px}
@media(max-width:650px){.steps{gap:3px}.step{font-size:10px;line-height:18px}.mission-hud{font-size:12px;gap:6px}.mission-hud strong{white-space:nowrap}body.playing .question-wrap{padding:18px 14px;margin-top:12px}body.playing .brandbar{height:56px;flex-basis:56px}.question-wrap h2{font-size:1.35rem}}

/* Readable feedback, clearly separated navigation and perfect-score award */
#questionText:focus{outline:none}
.review-item p{font-size:14px;line-height:1.6;color:#cad1da;margin:8px 0 0}
#copyStatus{display:block;font-size:14px;line-height:1.4;color:#c2dbcd;margin-top:10px}
.result-halo.perfect{border-color:#ffd76a;box-shadow:0 0 55px #ffd76a33}
.result-halo.perfect:before{border-color:#ffd76a}
body.playing .quiz-footer{border-top:1px solid #45505d;box-shadow:0 -12px 25px #08090c99}
body.playing .feedback{scroll-margin-block:10px}
#streakStatus{flex-shrink:0}
@media(max-width:420px){.mission-hud{flex-wrap:wrap}body.playing .question-wrap{padding:14px 12px}.next-btn{font-size:12px}.answer{padding-left:48px}}