@font-face{font-family:"Press Start 2P";src:url("assets/fonts/PressStart2P-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:block}
:root{color-scheme:dark;background:#080d16;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}
html,body,#game-shell,#game{width:100%;height:100%;overflow:hidden;background:#080d16}
canvas{display:block;margin:auto;image-rendering:pixelated;image-rendering:crisp-edges}
#touch-controls{display:none;position:fixed;inset:0;pointer-events:none;z-index:5}
#touch-controls button{pointer-events:auto;touch-action:none;border:3px solid #8898a4;background:#101722d9;color:#fff;box-shadow:4px 4px #05080c;font:700 20px monospace;border-radius:3px}
#touch-controls button.active{transform:translate(3px,3px);box-shadow:1px 1px #05080c;background:#6d491e}
.dpad{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:174px;height:126px}
.dpad button{position:absolute;width:56px;height:54px}
.dpad .up{left:59px;top:0}.dpad .down{left:59px;bottom:0}.dpad .left{left:0;bottom:0}.dpad .right{right:0;bottom:0}
.pedals{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px}
.pedals button{width:68px;height:68px;border-radius:50%;border-color:#c45536;background:#6f1717e6;color:#fff;font-family:"Press Start 2P",monospace}.pedals .throttle{transform:translateY(-10px)}
.pedals .throttle.active{transform:translate(3px,-7px)}
.system-controls{position:absolute;left:50%;bottom:max(13px,env(safe-area-inset-bottom));transform:translateX(-50%)}
.system-controls button{width:74px;height:30px;border-width:2px!important;border-radius:14px!important;font:700 10px "Press Start 2P",monospace!important;color:#d5d9db!important;background:#202a32dc!important;transform:skewX(-12deg)}
.system-controls button.active{transform:translate(2px,2px) skewX(-12deg)!important}
@media (pointer:coarse),(max-width:899px){#touch-controls{display:block}}
@media (max-height:460px){.dpad{transform:scale(.76);transform-origin:left bottom}.pedals{transform:scale(.76);transform-origin:right bottom}.system-controls{bottom:8px;transform:translateX(-50%) scale(.82)}}