:root{font-family:'Nunito',system-ui,sans-serif;color:#392c3d;background:#f4d267;font-synthesis:none;--ink:#392c3d;--paper:#fff1be;--green:#376b51;--purple:#684e7c}*{box-sizing:border-box}body{margin:0;background:repeating-linear-gradient(115deg,#f4d267 0 20px,#f2cd60 20px 21px)}button,select{font:inherit;color:inherit}button{min-width:44px;min-height:44px;border:2px solid var(--ink);border-radius:9px;background:var(--paper);padding:8px 12px;cursor:pointer;font-weight:850;box-shadow:0 3px 0 var(--ink);overflow-wrap:anywhere}button:hover:enabled{background:#fff8da}button:active:enabled,button.held{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cf573a;outline-offset:3px}button:disabled{cursor:default;box-shadow:none;opacity:.55}button[aria-pressed=true]{color:#fff2cb;background:var(--green)}[hidden]{display:none!important}main{max-width:1060px;margin:auto;padding:12px 16px 6px}header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.brand{display:flex;align-items:center;gap:8px}.brand img{width:57px;height:64px;object-fit:contain}.brand strong{font-size:clamp(13px,2vw,21px);line-height:1.05;display:block;letter-spacing:-.4px}.brand small,.hero small{font-size:9px;font-weight:900;letter-spacing:2px;display:block;margin-bottom:3px}nav{display:flex;gap:7px}nav button{font-size:12px;padding:5px 8px}#hud{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;background:var(--paper);border:2px solid var(--ink);border-radius:10px 10px 0 0;gap:12px;padding:8px 12px}#hud div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 4px}#hud span{font-size:11px;font-weight:800;overflow-wrap:anywhere}#hud strong{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}meter,progress{grid-column:span 2;width:100%;height:9px;border:0;accent-color:var(--green)}meter::-webkit-meter-bar{background:#d4c8a4;border:0}meter::-webkit-meter-optimum-value{background:var(--green)}#boostMeter::-webkit-meter-optimum-value{background:var(--purple)}#armorMeter::-webkit-meter-optimum-value{background:#d45c3d}#playfield{position:relative;border:3px solid var(--ink);border-radius:0 0 12px 12px;overflow:hidden;background:#efbd6f}canvas{display:block;width:100%;aspect-ratio:16/9}#stamp{position:absolute;top:12px;left:12px;color:#fff2cb;background:var(--purple);border:2px solid var(--ink);font-size:11px;padding:5px 8px;transform:rotate(-3deg);font-weight:850}.road-sign{position:absolute;right:10px;top:10px;text-align:right;color:var(--ink);display:grid;max-width:50%;font-size:11px;font-weight:900}.road-sign strong{font-size:14px}#controls{display:flex;gap:8px;justify-content:space-between;padding:12px 0 5px;user-select:none;touch-action:none}.cluster{display:flex;gap:6px}#controls button{touch-action:none;min-width:64px;max-width:125px;padding:10px 8px;font-size:12px}button[data-control=gas]{background:var(--green);color:#fff2cb}button[data-control=boost]{background:var(--purple);color:#fff2cb}#notice{font-size:12px;min-height:16px;margin:3px 0}dialog{color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:18px;width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:8px 8px 0 #392c3d55}dialog::backdrop{background:#34243dba}dialog p{font-size:13px;line-height:1.55;margin:10px 0}dialog h2{font-size:19px;margin:12px 0 8px}dialog button{margin:4px 4px 4px 0}#menu{width:min(790px,calc(100vw - 20px));padding:16px}.hero{position:relative;border:2px solid var(--ink);border-radius:12px;overflow:hidden;min-height:160px;background:#75604b}.hero img{width:100%;display:block;aspect-ratio:16/7;object-fit:cover}.hero>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#33223be8);color:#ffedb2;padding:26px 16px 12px}.hero h1{font-size:clamp(20px,4vw,34px);line-height:1;margin:0;max-width:350px}.hero small{margin:0 0 5px}.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}#wallet{background:#edc455;border:2px solid var(--ink);padding:6px 10px;border-radius:20px;font-size:13px}#cars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.car-card{border:2px solid var(--ink);border-radius:10px;padding:8px;background:#f8e6ac;min-width:0}.car-card.selected{background:#d0dbac;outline:2px solid var(--green);outline-offset:1px}.car-card img{width:100%;height:60px;object-fit:contain}.car-card button{width:100%;margin:3px 0;font-size:12px;padding:6px}.car-card p{font-size:11px;line-height:1.3;margin:4px 0}.car-card small{display:block;font-size:11px;font-weight:800}#parts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.part-card{border:1px dashed #705362;padding:5px;min-width:0;display:grid;align-content:space-between}.part-card strong{font-size:12px;overflow-wrap:anywhere}.part-card small{font-size:11px}.part-card button{font-size:11px;padding:5px;min-height:44px;margin:4px 0 0;width:100%}#garageNotice{color:#99432f;font-weight:800}#courses{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#courses button{margin:0;display:grid;gap:4px;font-size:12px}#courses small{font-size:11px}.start-row{display:flex;gap:8px;margin-top:12px}.start-row button{flex:1;margin:0}#play{background:var(--green);color:#fff1be}details{margin:14px 0;border-top:1px solid #b7a477;padding-top:12px}summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}.settings{display:flex;flex-wrap:wrap;gap:10px 18px}.settings label{display:flex;align-items:center;gap:6px;min-height:44px;font-size:13px}.settings select{min-height:44px;max-width:170px;background:#fff9df;border:1px solid var(--ink);border-radius:6px}.settings input{width:20px;height:20px;accent-color:var(--green)}.helper{width:92px;height:92px;object-fit:contain;float:right}#loading{font-weight:800}body[data-motion=false] *{scroll-behavior:auto}@media(max-width:540px){main{padding:8px 8px 4px}.brand img{width:42px;height:52px}.brand small{font-size:7px;letter-spacing:1px}.brand strong{font-size:13px}nav{gap:5px}nav button{font-size:11px;max-width:77px}#hud{grid-template-columns:1fr 1fr;gap:6px 12px;padding:7px 9px}#hud strong{font-size:11px}#playfield canvas{aspect-ratio:4/3}#controls{gap:4px;padding-top:8px}.cluster{gap:4px}#controls button{min-width:0;width:54px;font-size:10px;line-height:1.2;padding:8px 4px;min-height:54px}.cluster:last-child button{width:57px}#stamp{font-size:9px;top:8px;left:8px}.road-sign{font-size:9px;top:8px;right:8px}#menu{padding:10px}.hero img{aspect-ratio:16/8}.hero{min-height:120px}.hero>div{padding:20px 10px 10px}#cars{grid-template-columns:repeat(2,1fr)}.car-card img{height:48px}.car-card button{font-size:11px}#parts{grid-template-columns:repeat(3,1fr)}#courses{gap:5px}#courses button{padding:7px 4px;font-size:11px}.start-row button{font-size:12px}.menu-heading h2{font-size:17px}#wallet{font-size:11px;padding:5px 7px}}@media(min-width:541px) and (max-height:470px){header{margin-bottom:5px}.brand img{width:38px;height:42px}.brand strong{font-size:14px}main{max-width:760px;padding-top:6px}canvas{max-height:235px}#hud{padding:5px 10px}#controls{padding-top:8px}dialog{max-height:calc(100dvh - 16px)}}