@font-face{font-family:GBLogo;src:url(../fonts/Bungee-Regular.ttf)format("truetype");font-display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#eee5d4;-webkit-user-select:none;user-select:none;touch-action:none;background:#0b0a10;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#c{width:100vw;height:100vh;height:100dvh;image-rendering:pixelated;display:block;position:fixed;inset:0}.hidden{display:none!important}.logo{text-align:center;filter:drop-shadow(0 6px #0008);line-height:.9;transform:rotate(-4deg)}.logo .grand{letter-spacing:.55em;color:#f2e6c8;-webkit-text-stroke:1px #2a1a10;padding-left:.55em;font-family:GBLogo,sans-serif;font-size:clamp(16px,4vw,30px)}.logo .main{letter-spacing:.02em;background:linear-gradient(#ffd27a 0%,#ff9a3c 45%,#e8485f 80%,#9d2a6a 100%);color:#0000;-webkit-text-stroke:2px #1a0e14;-webkit-background-clip:text;background-clip:text;font-family:GBLogo,sans-serif;font-size:clamp(38px,10vw,92px)}.logo .tag{letter-spacing:.3em;color:#9fb0d0;text-transform:uppercase;margin-top:10px;font-size:clamp(11px,2.4vw,14px);transform:rotate(4deg)}#menu{background:radial-gradient(at 50% 120%,#3a1c2a 0%,#0b0a10 65%);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}#menu.ingame{background:#0b0a10cc}.panel{background:#14111bdd;border:2px solid #3a2f45;width:min(520px,94vw);padding:14px}.panel h2{color:#ffb04a;letter-spacing:.08em;margin:0 0 10px;font-family:GBLogo,sans-serif;font-size:15px;font-weight:400}.maps{flex-direction:column;gap:8px;display:flex}.mapbtn{text-align:left;cursor:pointer;color:#eee5d4;width:100%;font:inherit;background:#221c2b;border:2px solid #3a2f45;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.mapbtn b{font-family:GBLogo,sans-serif;font-size:18px;font-weight:400}.mapbtn span{color:#b8aac4;font-size:13px}.mapbtn.sel{background:#2c2232;border-color:#ffb04a}.mapbtn.soon{opacity:.4;pointer-events:none}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}button.big{cursor:pointer;color:#1a0e14;background:linear-gradient(#ffd27a,#ff9a3c);border:none;padding:12px 28px;font-family:GBLogo,sans-serif;font-size:20px;box-shadow:0 4px #8a3a1c}button.big:active{transform:translateY(3px);box-shadow:0 1px #8a3a1c}button.small{font:inherit;color:#eee5d4;cursor:pointer;background:#221c2b;border:2px solid #3a2f45;padding:6px 10px;font-size:13px}button.small.sel{border-color:#ffb04a}.help{color:#cfc4b4;font-size:13px;line-height:1.6}.help kbd{text-align:center;background:#221c2b;border:1px solid #5a4d66;border-bottom-width:2px;min-width:22px;padding:0 5px;font-size:12px;display:inline-block}.credits{color:#8a7f96;text-align:center;max-width:520px;font-size:11px}.credits a{color:#b8aac4}#hud{pointer-events:none;position:fixed;inset:0}#hud .title{top:max(8px, env(safe-area-inset-top));letter-spacing:.05em;color:#ffb04a;text-shadow:2px 2px #000;font-family:GBLogo,sans-serif;font-size:13px;position:absolute;left:12px;transform:rotate(-3deg)}#hud .fps{top:max(8px, env(safe-area-inset-top));color:#9fb0d0;text-shadow:1px 1px #000;font:12px monospace;position:absolute;right:12px}#hud .prompt{color:#fff;text-shadow:2px 2px #000;white-space:nowrap;font-family:GBLogo,sans-serif;font-size:16px;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#hud .speed{color:#ffd27a;text-shadow:3px 3px #000;font-family:GBLogo,sans-serif;font-size:34px;position:absolute;bottom:16px;right:18px}#hud .speed small{font-size:14px}#hud .osm{color:#fff8;text-shadow:1px 1px #000;font-size:10px;position:absolute;bottom:4px;left:8px}#hud .hint{color:#cfc4b4;text-shadow:1px 1px #000;font-size:12px;line-height:1.5;position:absolute;top:34px;left:12px}#touch{pointer-events:none;position:fixed;inset:0}#touch .stick{background:#ffffff10;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;position:absolute;bottom:40px;left:30px}#touch .stick:not(.on){bottom:max(40px, env(safe-area-inset-bottom));top:auto!important;left:30px!important}#touch .knob{background:#fff5;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}#touch .btns{right:max(16px, env(safe-area-inset-right));bottom:max(70px, calc(env(safe-area-inset-bottom) + 50px));pointer-events:auto;grid-template-columns:80px 80px;gap:12px;display:grid;position:absolute}#touch button{color:#fff;pointer-events:auto;background:#0005;border:2px solid #ffffff50;border-radius:50%;width:80px;height:80px;font-family:GBLogo,sans-serif;font-size:11px}#touch button.on{background:#ffb04a88}#touch .pause{top:max(8px, env(safe-area-inset-top));width:44px;height:44px;font-size:14px;position:absolute;right:70px}#touch[data-mode=foot] .car,#touch[data-mode=car] .foot,#touch[data-mode=car] .foot-only{display:none}#loading{background:#0b0a10;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}#loading .msg{color:#9fb0d0;letter-spacing:.15em;text-transform:uppercase;font-size:14px}#err{color:#fcc;white-space:pre-wrap;z-index:99;background:#400;padding:10px;font:12px monospace;position:fixed;bottom:10px;left:10px;right:10px}#toast{color:#ffd27a;text-shadow:2px 2px #000;pointer-events:none;white-space:nowrap;z-index:5;font-family:GBLogo,sans-serif;font-size:18px;transition:opacity .6s;position:fixed;top:18%;left:50%;transform:translate(-50%)}