:root{--bg:#12161c;--panel:#161b22eb;--card:#1e252e;--line:#2f3a46;--text:#f1f3f5;--muted:#9aa5b1;--accent:#ff9f1c;--accent-2:#2a9d8f;--danger:#e63946;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game,#touch{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#touch{touch-action:none}.hidden{display:none!important}.icon-btn{top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 14px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:5;background:linear-gradient(#303842cc,#0c0f13cc);border:1px solid #ffffff59;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff40,0 2px 8px #00000059}.screen{z-index:10;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);touch-action:pan-y;background:radial-gradient(120% 140% at 70% 0,#2b6cb0 0%,#183b63 45%,#0f1a2a 100%);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.dim{background:#080a0e9e;justify-content:center;align-items:center}.topbar{justify-content:flex-end;display:flex}.pill{background:#00000059;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:18px;font-weight:800;display:inline-flex}.coin-icon{background:#ffd60a;border:2px solid #b08900;border-radius:50%;width:18px;height:18px;display:inline-block}.menu-layout,.garage-layout{flex:1;align-items:center;gap:24px;min-height:0;display:flex}.menu-left,.garage-left{flex-direction:column;flex:1.2;align-items:center;gap:6px;min-width:0;display:flex}.menu-right{flex-direction:column;flex:1;gap:12px;max-width:320px;display:flex}.garage-right{flex-direction:column;flex:1.3;gap:10px;max-height:100%;display:flex;overflow-y:auto}.logo{letter-spacing:1px;text-align:center;color:#ffd60a;text-shadow:0 3px #b5651d,0 6px 14px #00000080;margin:0;font-size:clamp(28px,7vh,54px);font-style:italic;font-weight:900;line-height:1}.logo span{color:#fff;letter-spacing:6px;text-shadow:0 3px #333,0 6px 14px #00000080;font-size:.62em;display:block}.preview{width:min(100%,360px);height:clamp(90px,34vh,190px)}.vehicle-name{font-size:20px;font-weight:800}.muted{color:var(--muted)}.small{margin:6px 0 0;font-size:13px}.btn{-webkit-appearance:none;appearance:none;color:var(--text);cursor:pointer;touch-action:manipulation;background:#2c3846;border:0;border-radius:14px;padding:12px 20px;font-size:18px;font-weight:800;box-shadow:0 4px #18202a}.btn:active{transform:translateY(3px);box-shadow:0 1px #18202a}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);color:#1b1200;box-shadow:0 4px #b5651d}.btn-primary:active{box-shadow:0 1px #b5651d}.btn-big{padding:18px 20px;font-size:26px}.btn-small{padding:8px 14px;font-size:15px}.screen-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.screen-head h2{flex:1;margin:0;font-size:24px}.scroll{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-content:start;align-items:start;gap:12px;padding-bottom:12px;display:grid;overflow-y:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.track-value{text-align:right;min-width:64px;font-size:18px}.card-wide{grid-column:1/-1}.card h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px;font-size:15px}.row{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;display:flex}.row input[type=range]{min-width:140px;accent-color:var(--accent);flex:1}.seg{background:#10151b;border-radius:12px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 16px;font-size:15px;font-weight:800}.seg button.on{background:var(--accent);color:#1b1200}.status{color:var(--muted);font-size:13px}.status.warn{color:#ffb4a2}.check{align-items:center;gap:8px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.tilt-meter{background:#10151b;border-radius:7px;flex:1;min-width:140px;height:14px;position:relative;overflow:hidden}.tilt-zero{background:#555;width:2px;position:absolute;top:0;bottom:0;left:50%}#tilt-bar{background:var(--accent-2);border-radius:5px;width:0;position:absolute;top:2px;bottom:2px;left:50%}.vehicle-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.vehicle-card{color:var(--text);text-align:center;background:#10151b;border:2px solid #0000;border-radius:12px;padding:6px}.vehicle-card.on{border-color:var(--accent)}.vehicle-card canvas{width:100%;height:64px;display:block}.vehicle-card b{font-size:14px;display:block}.vehicle-card small{color:var(--muted);font-size:11px;line-height:1.2;display:block}.color-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.swatches{grid-template-columns:repeat(6,36px);gap:8px;display:grid}.swatch{border:3px solid #ffffff26;border-radius:50%;width:36px;height:36px}.swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.custom-color{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.custom-color input{background:0 0;border:0;width:44px;height:36px;padding:0}.upgrade{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:6px 12px;padding:10px 12px;display:grid}.upgrade h4{margin:0;font-size:17px}.levels{grid-column:1;gap:3px;display:flex}.levels i{background:#10151b;border-radius:3px;flex:1;height:10px}.levels i.on{background:var(--accent-2)}.upgrade .btn{grid-area:1/3/span 2;align-items:center;gap:6px;font-size:16px;display:inline-flex}.upgrade .btn-down{grid-column:2;justify-content:center;min-width:44px;padding-left:0;padding-right:0;font-size:22px}.dialog{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;gap:10px;min-width:min(380px,92vw);max-height:100%;padding:18px 22px;display:flex;overflow-y:auto}.dialog h2{margin:0 0 4px;font-size:26px}.dialog-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stats{gap:6px;display:grid}.stats div{background:#10151b;border-radius:10px;justify-content:space-between;gap:20px;padding:8px 12px;font-size:18px;display:flex}.badge{color:#3d2a00;background:#ffd60a;border-radius:999px;align-self:center;padding:4px 14px;font-weight:900;animation:.6s ease-out pop}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.15)}to{transform:scale(1)}}#rotate{z-index:100;background:var(--bg);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:20px;font-weight:700;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#safe-probe{visibility:hidden;pointer-events:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);position:absolute}@media (max-height:430px){.btn-big{padding:14px 18px;font-size:22px}.btn{padding:10px 16px;font-size:16px}.menu-right{gap:9px}.dialog{gap:8px;padding:12px 18px}.dialog h2{font-size:22px}}.grow{flex:1}.toast{text-align:center;color:#e0e7ff;background:#28326ebf;border-radius:12px;padding:8px 10px;font-weight:800;animation:.5s ease-out pop}.vehicle-card.locked{opacity:.55}.vehicle-card.locked canvas{filter:brightness(0)opacity(.5)}.help-item{grid-template-columns:34px 1fr;align-items:start;gap:4px 10px;margin:10px 0;display:grid}.help-item .ico{text-align:center;grid-row:span 2;font-size:22px}.help-item b{font-size:15px}.help-item span{color:var(--muted);font-size:14px;line-height:1.35}.help-version{text-align:center;color:var(--muted);margin:4px 0 8px;font-size:12px}.help-text{color:var(--text);margin:0;font-size:14px;line-height:1.45}#screen-menu{touch-action:none}.menu-left{position:relative}.stamp{--stamp:#d62828;z-index:5;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;color:var(--stamp);border:.12em solid var(--stamp);outline:.05em solid var(--stamp);outline-offset:.08em;opacity:.95;pointer-events:none;-webkit-mask-composite:source-in;background:#fff8ebed;border-radius:.18em;padding:.18em .5em;font-size:clamp(18px,6vh,34px);font-weight:900;line-height:1;animation:.45s cubic-bezier(.2,.9,.3,1.3) both stamp-in;position:absolute;top:6%;left:86%;transform:translate(-50%)rotate(-14deg);box-shadow:0 4px 14px #00000059;-webkit-mask-image:radial-gradient(circle at 20% 30%,#0000 0 1.3px,#000 2.2px),radial-gradient(circle at 70% 60%,#0000 0 1px,#000 1.8px);mask-image:radial-gradient(circle at 20% 30%,#0000 0 1.3px,#000 2.2px),radial-gradient(circle at 70% 60%,#0000 0 1px,#000 1.8px);-webkit-mask-size:41px 33px,31px 47px;mask-size:41px 33px,31px 47px;-webkit-mask-composite:source-in;mask-composite:intersect}.stamp[data-season=christmas]{--stamp:#e63946}.stamp[data-season=easter]{--stamp:#c2187a}.stamp[data-season=halloween]{--stamp:#ff7f11}@keyframes stamp-in{0%{opacity:0;transform:translate(-50%)rotate(-14deg)scale(2.4)}70%{opacity:.95;transform:translate(-50%)rotate(-14deg)scale(.94)}to{opacity:.95;transform:translate(-50%)rotate(-14deg)scale(1)}}.preview.shake{animation:.7s ease-out shake-jump}@keyframes shake-jump{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-22px)rotate(-6deg)}40%{transform:translateY(0)rotate(3deg)}60%{transform:translateY(-10px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}