*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;font-family:Manrope,system-ui,sans-serif;background:#0a0c10;color:#e8eaef}canvas{display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1rem,3vw,1.75rem);z-index:10;overflow:hidden}.hud__speed{position:absolute;top:clamp(1rem,3vw,1.75rem);right:clamp(1rem,3vw,1.75rem);display:flex;align-items:baseline;gap:.35rem;padding:.65rem 1rem .65rem 1.1rem;border-radius:14px;background:linear-gradient(145deg,#0c10188c,#1c243473);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000040}.hud__speed-value{font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(2rem,5vw,2.75rem);line-height:1;color:#fff}.hud__speed-unit{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:#ffffffa6}.hud__controls-stack{position:absolute;top:clamp(5.25rem,13.5vw,6.75rem);right:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:auto;max-width:min(96vw,42rem)}.hud__side-dock{position:absolute;top:clamp(5.25rem,13.5vw,6.75rem);right:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;pointer-events:auto;z-index:12;width:min(92vw,17.5rem)}.hud__side-rail{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.35rem;padding:.35rem .4rem;border-radius:14px;background:linear-gradient(145deg,#0c10188c,#1c243473);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000038}.hud__side-ruler{flex:0 0 auto;width:1.15rem;height:2.55rem;padding:0;margin:0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff1f,#ffffff0a);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .25s ease}.hud__side-ruler:hover{background:#ffffff29;border-color:#ffffff59}.hud__side-dock.is-open .hud__side-ruler{border-color:#fff6;background:#ffffff2e}.hud__side-dock.is-open .hud__side-ruler-ticks{transform:rotate(90deg)}.hud__side-ruler-ticks{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.22rem;width:.55rem;transition:transform .28s ease}.hud__side-ruler-ticks span{display:block;height:1px;background:#ffffffb8;border-radius:1px;box-shadow:0 1px #00000059}.hud__side-ruler-ticks span:nth-child(odd){width:100%}.hud__side-ruler-ticks span:nth-child(2n){width:65%;align-self:flex-end}.hud__side-drawer{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:100%;transform:translateY(-.6rem);opacity:0;visibility:hidden;pointer-events:none;max-height:0;overflow:hidden;transition:transform .34s cubic-bezier(.33,1,.68,1),opacity .24s ease,visibility .24s ease,max-height .34s ease}.hud__side-dock.is-open .hud__side-drawer{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;max-height:28rem;overflow:visible}.hud__panel{display:flex;flex-direction:column;gap:.45rem;padding:.55rem .55rem .6rem;border-radius:14px;background:linear-gradient(145deg,#0c10189e,#1c243480);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000038}.hud__panel-label{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;padding-left:.1rem}.hud__time-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.hud__chip-btn{height:2.15rem;padding:0 .4rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f4f6fae0;font-size:.78rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hud__chip-btn:hover{background:#ffffff1f;border-color:#ffffff47}.hud__chip-btn.is-active{background:#fff3;border-color:#ffffff6b;color:#fff}.hud__panel--actions{flex-direction:row;gap:.35rem;padding:.4rem}.hud__action-btn{flex:1 1 0;height:2.35rem;padding:0 .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f4f6fae6;font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hud__action-btn:hover{background:#ffffff1f;border-color:#ffffff47}.hud__action-btn.is-active{background:#fff3;border-color:#ffffff6b;color:#fff}.hud__paint-layout{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:stretch}.hud__paint-finishes{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.hud__paint-btn{height:2.15rem;padding:0 .35rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f4f6fae6;font-size:.7rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hud__paint-btn:hover{background:#ffffff1f;border-color:#ffffff47}.hud__paint-btn.is-active{background:#fff3;border-color:#ffffff6b;color:#fff}.hud__swatch{position:relative;width:4.6rem;min-height:4.6rem;margin:0;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#ffffff1a,#0003),repeating-conic-gradient(#ffffff1f,#ffffff1f 25%,#0000002e 0%,#0000002e 50%) 50% / 10px 10px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-shadow:inset 0 1px #ffffff2e,0 6px 16px #00000047;transition:border-color .15s ease,transform .15s ease}.hud__swatch:hover{border-color:#fff6;transform:translateY(-1px)}.hud__swatch:focus-within{outline:2px solid rgba(120,180,255,.65);outline-offset:2px}.hud__swatch-fill{position:absolute;top:.35rem;right:.35rem;bottom:.35rem;left:.35rem;border-radius:8px;box-shadow:inset 0 1px #ffffff59,inset 0 -8px 16px #00000040,0 2px 6px #00000040}.hud__swatch-ring{position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border-radius:7px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #0000002e;pointer-events:none}.hud__swatch-hint{position:relative;z-index:1;margin-bottom:.35rem;padding:.12rem .4rem;border-radius:999px;background:#080a0e8c;border:1px solid rgba(255,255,255,.14);color:#ffffffd9;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.hud__color-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:auto}.hud__vehicle-switch{position:absolute;top:clamp(5.25rem,13.5vw,6.75rem);right:clamp(1rem,3vw,1.75rem);display:flex;gap:.45rem;pointer-events:auto}.hud__logo-btn{flex:0 0 auto;height:2.55rem;min-width:5.6rem;padding:.35rem .65rem;margin:0;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,#1c2028b8,#0c0e12c7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.hud__logo-btn:hover{border-color:#ffffff52;background:linear-gradient(160deg,#282c36cc,#12141ad9)}.hud__logo-btn.is-active{border-color:#dce6f58c;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #ffffff14,0 6px 18px #00000059}.hud__logo-chrome{display:block;width:4.6rem;height:1.35rem;background:linear-gradient(155deg,#f8f8f8,#cfd3d8 18%,#fff,#9aa0a8,#e6e8ec 78%,#b4b8c0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)) drop-shadow(0 -1px 0 rgba(0,0,0,.45)) drop-shadow(0 2px 2px rgba(0,0,0,.4));transform:translateY(-.5px)}.hud__logo-btn.is-active .hud__logo-chrome{background:linear-gradient(155deg,#fff,#dde2ea 20%,#fff 42%,#a8b0bc,#f2f4f8 82%,#c5cad3);filter:drop-shadow(0 1px 0 rgba(255,255,255,.75)) drop-shadow(0 -1px 0 rgba(0,0,0,.4)) drop-shadow(0 2px 3px rgba(0,0,0,.45))}.hud__earnings{position:absolute;bottom:clamp(1rem,3vw,1.75rem);left:50%;transform:translate(-50%);width:min(92vw,520px);pointer-events:none;z-index:20;display:flex;flex-direction:column;align-items:center;gap:.45rem}.hud__earnings-sum{font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(.82rem,2.4vw,1.05rem);color:#ffffffeb;text-shadow:0 0 20px rgba(255,255,255,.25);text-align:center;line-height:1.35;padding:0 .25rem}.hud__earnings-track{width:100%;height:6px;border-radius:999px;background:#484e5ad9;box-shadow:inset 0 1px 3px #00000073,0 1px #ffffff0f;overflow:hidden}.hud__earnings-fill{height:100%;border-radius:inherit;width:0%;min-width:0;max-width:100%;background:linear-gradient(90deg,#fffffff2,#fff);box-shadow:0 0 12px #ffffffa6,0 0 28px #ffffff59,0 0 48px #ffffff1f;transition:width .45s cubic-bezier(.33,1,.68,1)}.scene-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:#000;pointer-events:auto}.scene-loading-overlay__bar{width:min(92vw,520px)}