:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#183438;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#a8d5d4}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f57e38;outline-offset:4px}#game{position:relative;width:100%;height:100svh;min-height:440px;overflow:hidden;isolation:isolate}canvas{position:absolute;inset:0;width:100%;height:100%}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:36px;font-weight:950;font-style:italic;text-decoration:none;color:inherit;letter-spacing:-4px}.brand span{font-size:17px;letter-spacing:2px;font-style:normal;border-left:1px solid #18343855;padding-left:14px}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px}.tools{display:flex;gap:8px}.tools button{background:#f3fbf5b5;border:1px solid #fff6;border-radius:12px;min-height:44px;padding:0 15px;font-weight:700}.hud{position:absolute;top:112px;left:30px;display:flex;gap:32px}.hud small{display:block;font-size:12px;letter-spacing:1px;margin-bottom:5px}.hud strong{font-size:30px;font-variant-numeric:tabular-nums}.hud i{font-size:14px;font-style:normal}.gold{color:#956218}.fuel{width:128px;padding-top:2px}.fuel small{display:flex;justify-content:space-between}.bar{height:11px;background:#18343820;border-radius:8px;margin-top:14px;overflow:hidden}.bar b{display:block;height:100%;width:100%;background:#1e7560;transition:width .1s}.trail-tag{position:absolute;right:30px;top:121px;letter-spacing:2px;font-size:13px}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding:90px 7vw 100px;background:linear-gradient(90deg,#d6eae7ee, #d6eae7a0 36%,transparent 68%);z-index:3}.overlay[hidden]{display:none}.panel{width:360px;max-width:100%}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:800;margin-bottom:16px}h1{font-size:clamp(35px,4.2vw,62px);line-height:1.15;letter-spacing:-2px;margin:0 0 18px;font-weight:900}h1 em{font-style:normal;color:#e16430}p{line-height:1.8;font-size:14px;margin:0 0 18px}.records{display:flex;gap:24px;font-size:12px;padding-bottom:16px}.records b{font-size:16px;margin-left:5px}.tracks{display:flex;gap:8px}.tracks button{background:#ffffff70;border:1px solid #18343825;padding:12px;border-radius:8px;font-size:13px;flex:1}.tracks .selected{background:#183438;color:#fff}.upgrade{width:100%;background:transparent;border:1px dashed #18343855;border-radius:8px;padding:10px;margin:10px 0 12px;font-size:13px}.primary{display:flex;justify-content:space-between;align-items:center;background:#e96c36;color:#fff;font-size:18px;font-weight:800;padding:16px 22px;border-radius:10px;width:100%;box-shadow:0 5px 0 #b64924}.primary span{font-size:26px}.hint{font-size:12px;line-height:1.7;opacity:.7;margin-top:17px}#notice{font-size:12px;margin:6px 0 0;color:#aa431c;min-height:18px}.pedals{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.pedals button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:#173237e8;color:#f2f5e9;width:126px;height:104px;border-radius:18px;border:2px solid #f1f3e943;border-bottom:6px solid #0b2026;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:17px;font-weight:800;transition:transform .08s}.pedals button span{font-size:30px;line-height:30px;opacity:.7}.pedals button small{font-size:11px;font-weight:400;margin-top:4px;opacity:.6}.pedals #gas{background:#e8753b;border-bottom-color:#a64b23}.pedals button.pressed{transform:translateY(4px);border-bottom-width:2px;filter:brightness(1.15)}.speed{text-align:center;color:#f3f1d8;text-shadow:0 2px 6px #173237}.speed b{font-size:34px;font-weight:800;display:block;font-variant-numeric:tabular-nums}.speed small{font-size:10px;letter-spacing:3px}.airtime{position:absolute;top:31%;left:50%;transform:translateX(-50%);font-size:24px;font-weight:900;color:#a55322;text-shadow:0 2px #fff9;white-space:nowrap}#toast{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);background:#183438;color:white;padding:10px 16px;border-radius:10px;display:none;font-size:14px;z-index:4}@media(max-width:600px){header{left:18px;right:18px;top:max(16px,env(safe-area-inset-top))}.brand{font-size:30px}.brand span{font-size:14px}.tools button{padding:0 11px;font-size:13px}.hud{left:20px;right:20px;top:91px;gap:22px;justify-content:space-between}.hud strong{font-size:25px}.fuel{width:100px}.trail-tag{top:163px;right:20px;font-size:11px}.overlay{padding:83px 24px 132px;background:#d6eae7cb;justify-content:center}.panel{width:340px}h1{font-size:42px}.eyebrow{margin-bottom:10px}.pedals{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom))}.pedals button{width:106px;height:91px}.hint{font-size:11px}.records{padding-bottom:12px}}@media(max-height:600px) and (min-width:600px){#game{min-height:320px}.overlay{padding:70px 30px 22px}.panel{width:480px}h1{font-size:32px}h1 br{display:none}.eyebrow,.hint{display:none}.panel p{margin-bottom:8px}.records{padding-bottom:8px}.tracks{float:left;width:58%}.upgrade{width:40%;margin:0 0 10px 2%;padding:12px 4px}.primary{padding:10px 18px;clear:both}.pedals button{height:80px;width:95px}.hud{top:90px}.trail-tag{top:90px}body:has(.overlay:not([hidden])) .hud{display:none}}

body:has(.overlay:not([hidden])) .hud,body:has(.overlay:not([hidden])) .trail-tag{visibility:hidden}.panel{max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:5px 5px 9px}.overlay{padding-top:95px;padding-bottom:125px}@media(max-height:600px) and (min-width:600px){.overlay{padding-top:72px;padding-bottom:12px}}