*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#2a1810;color:#f5efe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#180c08ad;z-index:30;padding:24px;text-align:center}.overlay-hidden{display:none}.overlay-title{font-size:clamp(28px,6vw,52px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:#fff6ec;text-shadow:0 4px 20px rgba(0,0,0,.65)}.overlay-subtitle{font-size:clamp(13px,2.2vw,17px);color:#e6b896;max-width:480px;margin:0 0 28px;line-height:1.45}.start-btn{appearance:none;border:2px solid rgba(255,255,255,.85);background:#d25c2ad9;color:#fff;font-family:inherit;font-size:clamp(16px,2.5vw,22px);font-weight:800;letter-spacing:.1em;padding:16px 38px;border-radius:999px;cursor:pointer;box-shadow:0 8px 28px #00000073;transition:transform .12s ease,background .12s ease}.start-btn:hover,.start-btn:focus-visible{background:#eb6c34f2;transform:scale(1.03);outline:none}.start-btn:active{transform:scale(.98)}.hud{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:25}.hud-panel{background:#140b0894;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:10px 14px;min-width:148px}.hud-clickable{pointer-events:auto;cursor:pointer}.hud-right-group{margin-left:auto;display:flex;align-items:flex-start;gap:8px}.hud-actions{display:flex;gap:6px}.hud-icon-btn{background:#140b08a6;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;width:38px;height:38px;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;transition:transform .1s ease,background .15s ease,border-color .15s ease}.hud-icon-btn:hover{background:#2d1912d9;border-color:#ffffff80;transform:scale(1.05)}.hud-icon-btn:active{transform:scale(.95)}.hud-music-btn{position:relative;font-size:19px}.hud-icon-btn-off{opacity:.55}.hud-icon-btn-off:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:currentColor;transform:rotate(-45deg)}.hud-air-panel{min-width:185px}.hud-air-header{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;font-variant-numeric:tabular-nums}.hud-air-track{width:100%;height:10px;background:#ffffff29;border-radius:999px;overflow:hidden}.hud-air-fill{height:100%;width:100%;background:linear-gradient(90deg,#5ad2ff,#c8f2ff);border-radius:999px;transition:width .06s linear}.hud-air-low .hud-air-fill{background:#ff3b30}.hud-air-low{border-color:#ff4637d9;animation:pulse-low-air .45s infinite alternate}@keyframes pulse-low-air{0%{background:#140b08a6}to{background:#82120cb8}}.hud-airtime{position:fixed;top:max(84px,calc(env(safe-area-inset-top) + 70px));left:50%;transform:translate(-50%);background:#140b08ad;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#ffe2c4;pointer-events:none;z-index:15}.controls-hint{position:fixed;bottom:max(48px,calc(env(safe-area-inset-bottom) + 38px));left:50%;transform:translate(-50%);background:#140b08c2;border:1px solid rgba(255,255,255,.26);border-radius:10px;padding:10px 18px;font-size:13px;color:#fff2e4;text-align:center;pointer-events:none;z-index:16;max-width:92vw;transition:opacity .4s ease}.controls-hint-hidden{opacity:0}.touch-layer{display:none;position:fixed;inset:0;pointer-events:none;z-index:20}@media(pointer:coarse){.touch-layer{display:block}}.touch-left-zone{position:absolute;top:0;bottom:0;left:0;width:45%;pointer-events:auto;touch-action:none}.joystick-base{position:absolute;width:112px;height:112px;margin-left:-56px;margin-top:-56px;border-radius:50%;border:2px solid rgba(255,255,255,.42);background:#ffffff14;pointer-events:none;display:none}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:#ffffff52;pointer-events:none}.touch-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:220px;height:220px;pointer-events:none}.touch-btn{position:absolute;min-width:68px;min-height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#1c100c8c;color:#fff;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-btn-active{background:#e1622dc7;border-color:#fff}.touch-btn-thrust{width:88px;height:88px;right:72px;bottom:72px;font-size:13px;border-color:#82dcffcc}.touch-btn-go{width:72px;height:72px;right:0;bottom:8px}.touch-btn-brake{width:68px;height:68px;right:84px;bottom:0}.touch-btn-boost{width:70px;height:70px;right:0;bottom:92px}.touch-btn-reset{width:64px;height:64px;right:4px;bottom:170px;font-size:20px}.touch-btn-roll{width:68px;height:68px;right:76px;bottom:168px;border-color:#ffc878c7}.hud-stunt{position:fixed;top:max(124px,calc(env(safe-area-inset-top) + 110px));left:50%;transform:translate(-50%);background:#180c08d1;border:1px solid rgba(255,190,90,.75);border-radius:999px;padding:6px 18px;font-size:14px;font-weight:800;letter-spacing:.1em;color:#ffd37a;pointer-events:none;z-index:15}.footer-disclaimer{position:fixed;bottom:max(6px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:11px;color:#f5e6d7a6;text-align:center;pointer-events:none;z-index:15;white-space:nowrap}.fatal-message{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#2a1810;color:#fff6ec;font-size:18px;font-weight:700;padding:24px;text-align:center;z-index:50;cursor:pointer}.rotate-hint{display:none;position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);max-width:78vw;padding:10px 16px;border-radius:10px;background:#140b08b8;border:1px solid rgba(255,255,255,.25);color:#ffe9d2;font-size:14px;font-weight:700;text-align:center;pointer-events:none;z-index:18}@media(pointer:coarse)and (orientation:portrait){.rotate-hint{display:block}}