:root{color-scheme:dark;--gold:#ffe168;--navy:#122a3a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#1b3444;font-family:Trebuchet MS,Arial,sans-serif;color:#fff}button{font-family:inherit;cursor:pointer;touch-action:manipulation;font-weight:900;border:0;border-radius:12px;padding:10px 14px;font-size:clamp(12px,1.8vw,17px);color:#133044;background:#e6f2f6;box-shadow:0 3px 0 #597687}button:active{transform:translateY(2px);box-shadow:0 1px 0 #597687}button:focus-visible{outline:3px solid #fff}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--gold);box-shadow:0 4px 0 #bf821a;color:#263034}#raceCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}#overlay{position:absolute;inset:0;background:linear-gradient(110deg,#102838e8,#16354bc2 60%,#1124388b),url('hero.webp') center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:clamp(6px,2.2vmin,20px)}#overlay.hidden,.hidden{display:none!important}.panel{width:min(560px,96vw);max-height:95dvh;overflow-y:auto;border-radius:20px;border:2px solid #e8cf76;background:#183549eF;padding:clamp(10px,2.3vh,22px);box-shadow:0 16px 75px #061521c9;scrollbar-width:thin}h1{font-family:Impact,Arial Black,Arial,sans-serif;font-weight:1000;line-height:.92;letter-spacing:.5px;font-size:clamp(33px,7vw,63px);margin:5px 0 9px;color:#fff;text-shadow:3px 4px #153044}h1 span{color:var(--gold);text-shadow:3px 4px #d05b36}.tag{font-size:clamp(10px,1.45vw,12px);color:#fce494;font-weight:900;letter-spacing:1.4px}.lead{font-size:clamp(13px,2vw,17px);line-height:1.3;margin:7px 0}.callout{padding:7px 9px;border-radius:9px;background:#26536c;font-weight:700;font-size:clamp(11px,1.8vw,14px);margin:8px 0}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 5px}.buttons button{flex:1 1 36%;white-space:normal}.buttons button.primary{flex:1 1 100%;min-height:42px}.status{font-size:12px;color:#c2dcf0;line-height:1.4}.sectiontitle{font-weight:900;font-size:clamp(19px,3.5vw,28px);color:var(--gold);margin:0 0 10px}.optiongrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option{padding:9px;border-radius:11px;background:#25485c;display:flex;justify-content:space-between;flex-direction:column;gap:5px;line-height:1.3;font-size:13px}.option button{font-size:12px;padding:8px}.badges{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.badge{font-size:12px;background:#284a60;border-radius:7px;padding:5px 7px}#hud{position:absolute;top:4px;left:6px;right:6px;pointer-events:none;z-index:2}.hudline{display:flex;justify-content:space-between;align-items:center;gap:4px}.hudline2{justify-content:center;margin-top:5px}.meter{font-family:Arial,sans-serif;font-size:clamp(10px,1.8vw,15px);font-weight:900;color:#fff;text-shadow:1px 2px #071a2a;background:#112837dc;border:1px solid #fff4;border-radius:9px;padding:6px 8px;min-width:0;white-space:nowrap}.small-btn{pointer-events:auto;min-width:38px;padding:4px 10px;line-height:1.3;font-size:19px}.hudline2 .meter{background:#113244b8}#toast{position:absolute;z-index:3;top:87px;left:50%;transform:translateX(-50%);font-family:Arial;font-weight:900;font-size:clamp(13px,2.5vw,21px);color:#ffed7a;text-shadow:1px 2px 3px #152b36;white-space:nowrap;pointer-events:none}#mobileControls{z-index:2;position:absolute;bottom:max(7px,env(safe-area-inset-bottom));left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,43px);gap:3px}.dpad button,#boostButton{pointer-events:auto;user-select:none;-webkit-user-select:none;box-shadow:0 3px #8d9da7bb;background:#e5f1eed9;min-width:45px;padding:0;border:1px solid #fff9;font-size:20px}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}#boostButton{height:65px;width:74px;font-size:21px;color:#203850;background:#ffe488ed}#boostButton small{display:block;font-size:10px}#mobileControls button.pressed{filter:brightness(.75);transform:translateY(2px)}@media(max-height:520px){.panel{padding:8px 13px;max-height:96dvh}.panel h1{font-size:clamp(29px,5vw,40px);margin:3px 0 6px}.lead{font-size:12px;line-height:1.18;margin:3px 0}.callout{padding:5px;margin:5px 0}.buttons{margin:6px 0 3px}.buttons button{padding:7px;min-height:0}.buttons button.primary{min-height:32px}.tag{font-size:10px}#toast{top:65px} .hudline2{margin-top:3px}.meter{padding:3px 5px}.dpad{grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,35px)}.dpad button{min-width:37px}#boostButton{width:62px;height:51px} .option{padding:5px;font-size:11px}.option button{font-size:11px;padding:5px}}@media(max-width:380px){.panel{padding:9px}.panel h1{font-size:clamp(27px,9vw,39px)}.lead{font-size:12px}.buttons{gap:5px}.buttons button{font-size:12px;padding:8px 6px}.status{font-size:11px}.meter{font-size:10px;padding:5px}.dpad{grid-template-columns:repeat(3,41px);grid-template-rows:repeat(2,39px)}.dpad button{min-width:41px}}