:root{--game-shell-viewport-left: 0px;--game-shell-viewport-top: 0px;--game-shell-viewport-width: 100vw;--game-shell-viewport-height: 100dvh;--game-shell-safe-area-bottom: max( env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px) )}@media(display-mode:browser)and (hover:none)and (pointer:coarse){:root{--game-shell-safe-area-bottom: max( env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 36px) )}}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}#app{position:fixed;top:var(--game-shell-viewport-top, 0px);left:var(--game-shell-viewport-left, 0px);width:var(--game-shell-viewport-width, 100vw);height:var(--game-shell-viewport-height, 100dvh);overflow:hidden;background:#dcc29c}#convoy-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}.hud-safe{position:absolute;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:var(--game-shell-safe-area-bottom, 0px);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.shared-hud-controls>button{pointer-events:auto;cursor:pointer}.drive-pad{position:fixed;left:0;top:0;width:var(--drive-pad-size, 96px);height:var(--drive-pad-size, 96px);border-radius:50%;border:2px solid rgb(255 214 150 / .55);background:#28180c40;visibility:hidden;z-index:1;pointer-events:none}.drive-pad[data-active=true]{visibility:visible}.drive-pad-dot{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border-radius:50%;background:#ffc86ecc}.convoy-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,var(--game-shell-safe-area-bottom, 0px));display:grid;grid-template-columns:repeat(2,var(--convoy-action-size));grid-template-rows:repeat(2,var(--convoy-action-size));gap:8px;align-items:center;z-index:20;--convoy-action-size: clamp(44px, 14dvh, 58px);pointer-events:none}.convoy-actions[hidden]{display:none}.convoy-actions button{pointer-events:auto;touch-action:none;width:var(--convoy-action-size);height:var(--convoy-action-size);border-radius:50%;border:2px solid rgb(255 214 150 / .7);background:#2e1a0e9e;color:#fbe8c8;font:700 14px Arial,sans-serif;letter-spacing:.06em}.convoy-actions button.fire{grid-column:2;grid-row:2}.convoy-actions button[data-held=true]{background:#d66e28d9;color:#2a140a}.convoy-actions button.nitro{grid-column:2;grid-row:1;font-size:11px;border-color:#6ec8ffb3}.convoy-actions button.nitro[data-held=true]{background:#60c4ffd9}.convoy-actions button.rocket{grid-column:1;grid-row:2;font-size:11px;border-color:#ff8c50bf}.convoy-actions button.rocket[data-held=true]{background:#ff7832e6}.convoy-actions button[hidden]{display:none}.loading-cover{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 40%,#6b3b1e,#22140b 70%);color:#f6dfb8;font-family:Arial,sans-serif;transition:opacity .5s}.loading-cover[data-done=true]{opacity:0;pointer-events:none}.loading-title{font:900 clamp(34px,8vw,72px) Arial,sans-serif;letter-spacing:.12em;color:#ffb040;text-shadow:0 3px 0 #3a1a08}.loading-line{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.8}