:root{font-family:system-ui,-apple-system,sans-serif;color:#fff4dd;background:#192b31;font-synthesis:none}*{box-sizing:border-box}body{margin:0}#phone{width:min(100vw,430px,56.25dvh);aspect-ratio:9/16;position:relative;overflow:hidden;margin:auto;background:#80b675;touch-action:none;user-select:none;box-shadow:0 20px 80px #101c1e8c}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated}.hud{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:start;padding:17px 13px 30px;background:linear-gradient(#152d35ee,transparent);pointer-events:none}.brand b{display:block;font-size:13px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:1.3px;color:#d6e8ce}.coins{font-size:10px;letter-spacing:1px;padding:9px;background:#21413ae0;border:2px solid #f6e2af}.coins strong{display:block;color:#f9c76a;font-size:21px;text-align:center}.mission{position:absolute;top:79px;left:15px;right:15px;z-index:2;background:#193b3bef;border:2px solid #e8e4c5;box-shadow:4px 4px #22332d80;padding:9px 12px;pointer-events:none}.mission small{display:block;color:#f3bc66;font-weight:700;letter-spacing:1.5px;font-size:10px;margin-bottom:4px}.mission strong{display:block;font-size:15px}.mission span{display:block;color:#d6e3d3;font-size:11px;margin-top:5px}#toast{position:absolute;top:44%;left:12%;right:12%;z-index:5;opacity:0;transition:opacity .2s;background:#fff0be;color:#2a3e3f;font-weight:900;font-size:16px;text-align:center;padding:12px;border:3px solid #335c52;pointer-events:none}#toast.visible{opacity:1}.controls{position:absolute;bottom:28px;left:13px;right:13px;display:flex;justify-content:space-between;z-index:3}.controls>div{display:flex;gap:7px;align-items:end}.controls button{touch-action:none;width:57px;height:57px;border-radius:12px;border:2px solid #f0edcd;background:#20444adb;color:#fff;font-weight:700;font-size:19px;box-shadow:0 5px #182d32ad}.controls button[data-control=go]{background:#f4b74b;color:#322a1e;width:66px;height:66px}.controls button[data-control=brake]{background:#b65e5ade;font-size:11px;height:50px}.controls button:active,.controls button.pressed{transform:translateY(3px);filter:brightness(1.2)}.hint{position:absolute;bottom:10px;text-align:center;width:100%;font-size:8px;letter-spacing:.6px;color:#fff9e3bb;text-shadow:1px 2px #334a48}@media(max-width:500px){#phone{box-shadow:none}}