*{box-sizing:border-box}body{margin:0;background:#080f1c;color:#eff7ff;font:16px system-ui}main{max-width:1120px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}small{font-size:.875rem;color:#9cb2cb;letter-spacing:.09em}h1{margin:5px 0;font-size:clamp(1.8rem,4vw,2.6rem)}em{color:#55e8d2;font-style:normal}button,select{font:inherit;border-radius:10px;padding:12px 16px;border:1px solid #38536f;background:#18314b;color:white;cursor:pointer}button:hover{border-color:#55e8d2}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #55e8d2;outline-offset:2px}.hud{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px;background:#132236;border-radius:12px 12px 0 0}.fuel{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:bold}progress{width:130px;accent-color:#55e8d2}.stage{position:relative;border-radius:0 0 14px 14px;overflow:hidden;background:#254d64}canvas{width:100%;display:block;aspect-ratio:16/9}#message{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#081522db;padding:9px 16px;border-radius:9px;text-align:center;font-weight:700;max-width:90%;width:max-content}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#081422e8;padding:24px;overflow:auto}#overlay>p{max-width:540px;color:#b4c9df;line-height:1.5}h2{font-size:2rem;margin:10px}#setup p{color:#b4c9df;line-height:1.8}label{display:grid;gap:8px}#start,#resume,#next,#restart{background:#137a70;font-weight:800}#question{width:min(650px,100%)}#prompt{font-size:1.4rem}#choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}#choices button{text-align:left}.correct{background:#16694d}.wrong{background:#8b3545}.touch{display:flex;gap:10px;margin:12px 0}.touch button{flex:1;touch-action:none;user-select:none}.footer{font-size:.875rem;color:#9cb2cb;line-height:1.5}[hidden]{display:none!important}@media(max-width:650px){main{padding:10px}.hud{flex-wrap:wrap;gap:10px;font-size:.875rem}.hud button{padding:8px}canvas{aspect-ratio:4/3}#overlay{padding:14px;justify-content:flex-start}#choices{grid-template-columns:1fr}h2{font-size:1.5rem}#prompt{font-size:1.1rem}.touch button{padding:14px 8px}progress{width:85px}}
/* Question stops need room for feedback and next controls on small screens. */
/* Explicit product colors keep host heading styles from darkening the review text. */
h1,h2,h3,label{color:#eff7ff}
#overlay{background:#0b1728;color:#eff7ff}
#title,#prompt{color:#eff7ff}
#feedback,#summary,#summary p,#summary summary{color:#dce9f6}
#choices button:disabled{opacity:1;color:#fff}
#summary{width:min(680px,100%);text-align:left;line-height:1.6}#summary details{padding:12px;background:#142b42;border-radius:10px;margin:8px 0}#summary summary{cursor:pointer;font-weight:700}#overlay{justify-content:flex-start;padding-top:35px}#overlay button{flex-shrink:0;margin:5px}#question{flex-shrink:0}.hud{flex-wrap:wrap}#reviewProgress{font-size:.875rem;color:#55e8d2}

.race-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}#setup{width:min(610px,100%)}#racePlan{font-size:.9rem;line-height:1.5!important}#countdown{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;background:#08142255;text-shadow:0 4px 12px #000}#countNumber{font-size:clamp(5rem,15vw,9rem);color:#ffcf62;line-height:1}#flagText{font-size:1.25rem;font-weight:800;margin-top:12px}.green #countNumber,.green #flagText{color:#55e8a3}#checkpointDistance{font-size:.8rem;color:#b4c9df}@media(max-width:650px){.race-settings{grid-template-columns:1fr}#setup p{margin:8px 0}#overlay{padding-top:16px}}
.race-flag{display:none;width:75px;height:55px;border-left:5px solid white;background:#24d278;clip-path:polygon(0 0,100% 0,85% 55%,7% 55%,7% 100%,0 100%);margin:0 auto 12px;transform:rotate(-12deg)}.green .race-flag{display:block}

.header-controls{display:flex;gap:8px;align-items:center}.fuel-gauge{position:relative;width:150px;height:88px;flex-shrink:0;background:radial-gradient(ellipse at 50% 85%,#1b3043,#070d16);border:1px solid #41596e;border-radius:55px 55px 12px 12px;box-shadow:inset 0 0 0 3px #162b3d,0 2px 8px #0006}.fuel-gauge svg{width:100%;height:100%}.gauge-rim{fill:none;stroke:#55d7ba;stroke-width:8}.gauge-danger{fill:none;stroke:#f56965;stroke-width:8}.gauge-ticks{fill:none;stroke:#eef8ff;stroke-width:2}.fuel-gauge text{fill:#eef8ff;font-size:10px;font-weight:800}#juiceNeedle{transform-origin:80px 75px;transition:transform .2s linear;fill:#ffca64}#juiceNeedle circle{fill:#fff1d2;stroke:#25384b;stroke-width:3}.fuel-gauge>span{position:absolute;bottom:3px;left:0;width:100%;text-align:center;letter-spacing:.08em;font-size:.65rem;color:#b9cfe1}.fuel-gauge.low{border-color:#ffbb5d}.fuel-gauge.empty #juiceValue{color:#ff8b7a}#recovery{position:absolute;top:18%;left:50%;transform:translateX(-50%);display:grid;gap:6px;padding:14px 24px;background:#391c19e8;border:1px solid #ff9e65;border-radius:12px;text-align:center;pointer-events:none;width:max-content;max-width:90%}#recovery b{color:#ffb77a;font-size:1.4rem}#recovery span{font-size:.85rem;color:#ffe3cc}
#gameShell:fullscreen,#gameShell:-webkit-full-screen,#gameShell.theater{display:flex;flex-direction:column;max-width:none;width:100%;height:100dvh;height:100vh;margin:0;padding:12px;background:#080f1c}#gameShell.theater{position:fixed;inset:0;z-index:1000}#gameShell:fullscreen .stage,#gameShell:-webkit-full-screen .stage,#gameShell.theater .stage{flex:1;min-height:0}#gameShell:fullscreen canvas,#gameShell:-webkit-full-screen canvas,#gameShell.theater canvas{width:100%;height:100%;object-fit:contain}#gameShell:fullscreen header,#gameShell:-webkit-full-screen header,#gameShell.theater header{margin-bottom:6px}#gameShell:fullscreen .footer,#gameShell:-webkit-full-screen .footer,#gameShell.theater .footer{display:none}#gameShell:fullscreen .touch,#gameShell:-webkit-full-screen .touch,#gameShell.theater .touch{margin:6px 0 0}#gameShell:fullscreen h1,#gameShell:-webkit-full-screen h1,#gameShell.theater h1{font-size:1.6rem}#gameShell:fullscreen .fuel-gauge,#gameShell:-webkit-full-screen .fuel-gauge,#gameShell.theater .fuel-gauge{width:115px;height:70px}
@media(max-width:650px){.header-controls button{padding:9px;font-size:.8rem}.fuel-gauge{width:115px;height:70px}.hud{gap:8px}header small{font-size:.65rem}.hud #checkpointDistance{flex-basis:100%}#recovery b{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){#juiceNeedle{transition:none}}

.breadcrumbs{font-size:.875rem;color:#9cb2cb;letter-spacing:.09em}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:#55e8d2;text-decoration:underline}.breadcrumbs a:focus-visible{outline:3px solid #55e8d2;outline-offset:3px;border-radius:2px}