*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#030816;color:#eef8ff;font:16px/1.5 system-ui,sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;z-index:2}header a{color:#c3d5e5;text-decoration:none;font-size:14px}header strong{letter-spacing:3px;font-size:18px}header strong span{color:#63dcff}button{cursor:pointer;font:inherit;color:inherit;background:#11263dcc;border:1px solid #638ba066;border-radius:12px;padding:12px 20px}button:focus-visible,a:focus-visible{outline:3px solid #ffd36d;outline-offset:4px}.stats{position:relative;display:flex;justify-content:center;gap:38px;font-size:12px;letter-spacing:2px;pointer-events:none}.stats b{font-size:22px;margin-left:8px;letter-spacing:0}.gold{color:#ffd36d}.panel{position:absolute;left:7%;top:50%;transform:translateY(-42%);width:min(450px,86%);padding:30px;border:1px solid #8ec6ed33;background:linear-gradient(125deg,#102339ed,#061222dd);border-radius:24px;box-shadow:0 24px 100px #0006}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#7edfff}h1{font-size:clamp(26px,3.2vw,44px);line-height:1.13;margin:18px 0}p{color:#c0d0df}.reward{color:#ffd36d;font-size:14px}.primary{background:#a3edff;color:#09243c;font-weight:750;border:0;width:100%;margin:14px 0;box-shadow:0 0 30px #5acaff25}small{display:block;color:#a8bbd0;font-size:13px}.instruction{text-align:center;margin-top:25px;color:#c8e8ff}.readout{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);text-align:center;padding:12px 45px;background:#051629cc;border:1px solid #7bdcff44;border-radius:16px;pointer-events:none}.readout span{display:block;font-size:12px;letter-spacing:2px}.readout strong{font-size:42px}.quizheading{text-align:center;margin:25px 10px 14px}.quizheading h1{font-size:28px;margin:10px}.quizheading p{margin:0}#choices{position:relative;max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:14px}#choices button{min-height:90px;font-size:26px;font-weight:700;background:#0c1b32c9;border-color:#6d9bc980;box-shadow:inset 0 0 28px #6083a922}#choices button:hover{background:#244460}#choices button.hit{border-color:#ffd36d;color:#ffd36d;background:#463915bb}#choices button.miss{border-color:#ff8b84;color:#ffb6ad}#feedback{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);text-align:center;width:90%;color:#ffd36d;font-size:18px;pointer-events:none}footer{position:absolute;bottom:12px;width:100%;text-align:center;color:#829bb6;font-size:12px;letter-spacing:3px;pointer-events:none}[hidden]{display:none!important}@media(max-width:650px){header{padding:16px}header strong{font-size:14px;letter-spacing:1px}header a{font-size:12px}.stats{gap:20px}.panel{padding:22px;top:48%}.quizheading{margin-top:18px}.quizheading h1{font-size:23px}#choices{grid-template-columns:repeat(2,1fr);gap:8px;max-width:450px}#choices button{min-height:48px;padding:8px;font-size:22px}.readout{bottom:15%}}@media(max-height:600px){.panel{top:48%;padding:18px}.panel h1{font-size:28px;margin:8px 0}.panel p{margin:8px 0}.quizheading{margin:8px}.quizheading h1{font-size:22px}#choices{grid-template-columns:repeat(5,1fr)}#choices button{min-height:52px}header{padding:12px}}

#cockpit{position:absolute;right:24px;bottom:70px;width:240px;padding:16px;background:#09192de8;border:1px solid #70cafa66;border-radius:16px;font-size:14px}#cockpit label{font-weight:650}#speed-value{float:right;color:#8de6ff}#speed{width:100%;accent-color:#7de1ff;margin:14px 0;min-height:24px}.fuel-label{display:flex;justify-content:space-between}#fuel{width:100%;height:13px;accent-color:#72e7bd;display:block;margin:8px 0 12px}#boost{width:100%;font-weight:700;border-color:#70dcff;color:#9deaff;touch-action:none;user-select:none}#boost[aria-pressed="true"]{background:#a3edff;color:#09243c;box-shadow:0 0 25px #61cfff88}#boost:disabled{opacity:.5}#cockpit small{font-size:12px;margin-top:8px}#impact{position:fixed;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 110px #ff8c36;background:#ff8c3618;opacity:0}body.boosting .readout{border-color:#9effff;box-shadow:0 0 30px #61cfff44}@media(max-width:650px){#cockpit{right:12px;bottom:64px;width:180px;padding:12px}.readout{left:12px;transform:none;bottom:80px;padding:10px 16px}.readout strong{font-size:30px}#cockpit small{display:none}}@media(prefers-reduced-motion:reduce){#impact{box-shadow:none;background:#b56a2525}}

#fire{width:100%;margin-bottom:8px;background:#9aeaff;color:#06273f;font-weight:750;touch-action:none;user-select:none}#fire:active{background:#fff}#fire:disabled{opacity:.5}

/* Compact flight HUD: speed above, thumb controls below. */
.top-controls{display:flex;align-items:center;gap:12px}#speed-control{width:125px}#speed-control label{font-size:14px;display:flex;justify-content:space-between;gap:12px}#speed-control #speed{margin:0;min-height:28px;width:100%}.top-controls #pause{min-height:44px;padding:8px 12px}
#cockpit{right:max(16px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:auto;padding:0;border:0;background:none;pointer-events:none}#cockpit .action-buttons{display:flex;align-items:flex-start;gap:14px}#cockpit #fire,#cockpit #boost{width:68px;height:68px;min-width:68px;padding:0;margin:0;border-radius:50%;font-size:14px;border:1px solid #9aeaffbb;pointer-events:auto;box-shadow:0 4px 20px #0005}#cockpit #boost{background:#0a243ad9}#cockpit #boost[aria-pressed="true"]{background:#a3edff}#cockpit #power-status{font-size:12px;max-width:170px;text-align:right;margin:0 0 8px;color:#a9f0d2}#power-status:empty{display:none}.fuel-mini{width:68px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:6px;font-size:12px}.fuel-mini #fuel{width:100%;height:5px;margin:3px 0 0}.fuel-mini label{font-size:12px;font-weight:400}.readout{bottom:100px}#feedback{bottom:135px}
@media(max-width:650px){header{flex-wrap:wrap;gap:8px;padding:10px 12px}header>a{font-size:12px}header>strong{font-size:12px}.top-controls{margin-left:auto;gap:8px}#speed-control{width:96px}.top-controls #pause{font-size:14px}.stats{gap:18px;font-size:12px}.stats b{font-size:18px}.instruction{font-size:14px;margin-top:10px}.readout{left:12px;bottom:32px;padding:8px 12px;max-width:calc(100% - 195px)}.readout strong{font-size:26px}.readout span{font-size:12px;letter-spacing:0}#cockpit{bottom:max(22px,env(safe-area-inset-bottom));right:12px}#hint{display:none}#feedback{bottom:145px;font-size:14px}}
@media(max-width:420px){header>strong{display:none}#cockpit .action-buttons{gap:10px}#cockpit #fire,#cockpit #boost{width:60px;height:60px;min-width:60px}.fuel-mini{width:60px}.readout{max-width:calc(100% - 165px)}}
@media(max-height:500px){#cockpit #fire,#cockpit #boost{width:56px;height:56px;min-width:56px}.readout{bottom:24px}.instruction{margin-top:4px}#cockpit{bottom:12px}#feedback{bottom:110px}}