*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--color-cream: #fff6ea;--color-cream-deep: #ffecd1;--color-coral: #ff6b4d;--color-coral-dark: #e2523a;--color-peach: #ffab76;--color-butter: #ffd873;--color-charcoal: #2b2420;--color-charcoal-soft: #5a4d43;--radius-lg: 28px;--radius-md: 18px;--radius-pill: 999px;--shadow-soft: 0 12px 30px rgba(43, 36, 32, .14);--shadow-lift: 0 18px 40px rgba(43, 36, 32, .2);font-family:var(--font-body);color-scheme:light dark}body{min-height:100dvh;background-color:var(--color-cream);color:var(--color-charcoal)}@media(prefers-color-scheme:dark){:root{--color-cream: #241d18;--color-cream-deep: #2e241d;--color-charcoal: #fff6ea;--color-charcoal-soft: #d8cabd;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .35);--shadow-lift: 0 18px 40px rgba(0, 0, 0, .45)}}.page{max-width:80ch;margin-inline:auto;padding:2rem}.pill-button{font-family:var(--font-body);font-weight:700;font-size:1rem;border:none;border-radius:var(--radius-pill);padding:.85em 1.8em;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.pill-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lift)}.pill-button:active:not(:disabled){transform:translateY(0) scale(.97)}.pill-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pill-button--primary{background:linear-gradient(135deg,var(--color-coral),var(--color-peach));color:var(--color-cream)}.pill-button--ghost{background:var(--color-cream-deep);color:var(--color-charcoal)}.game-app{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-cream)}.wordmark{text-align:center;padding:2rem 1.5rem .5rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:800;letter-spacing:-.02em;color:var(--color-charcoal)}.wordmark__accent{background:linear-gradient(120deg,var(--color-coral),var(--color-butter));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.vehicle-select{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 1.5rem 3rem;max-width:960px;margin-inline:auto;width:100%;animation:fade-in .3s ease}.vehicle-select__intro{text-align:center;color:var(--color-charcoal-soft);font-weight:500;max-width:60ch}.vehicle-select__high-score{font-weight:700;color:var(--color-coral-dark);background:var(--color-cream-deep);padding:.4em 1.2em;border-radius:var(--radius-pill)}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;width:100%}.vehicle-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left;background:var(--color-cream-deep);border:3px solid transparent;border-radius:var(--radius-lg);padding:1.4rem;cursor:pointer;box-shadow:var(--shadow-soft);font-family:var(--font-body);color:var(--color-charcoal);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.vehicle-card--selected{border-color:var(--color-coral);box-shadow:var(--shadow-lift)}.vehicle-card__swatch{width:100%;height:10px;border-radius:var(--radius-pill);background:var(--vehicle-color, var(--color-coral))}.vehicle-card__name{font-size:1.2rem;font-weight:800}.vehicle-card__tagline{color:var(--color-charcoal-soft);font-size:.9rem;font-weight:500;min-height:3.4em}.vehicle-card__stats{display:flex;flex-direction:column;gap:.4rem;width:100%;margin-top:.3rem}.stat-bar{display:grid;grid-template-columns:5.5em 1fr;align-items:center;gap:.6rem;font-size:.75rem;font-weight:700;color:var(--color-charcoal-soft)}.stat-bar__track{height:8px;border-radius:var(--radius-pill);background:#2b24201f;overflow:hidden}.stat-bar__fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-coral),var(--color-butter));transition:width .2s ease}.vehicle-select__start{margin-top:.5rem}.game-stage{position:relative;flex:1;min-height:0;width:100%}.game-canvas{position:absolute;inset:0}.game-canvas__surface{display:block;width:100%;height:100%}.touch-controls{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 1rem 1.25rem;pointer-events:none}.touch-controls .touch-btn{pointer-events:auto}@media(pointer:fine){.touch-controls{display:none}}.touch-btn{width:60px;height:60px;border-radius:50%;border:none;background:#2b24208c;color:var(--color-cream);font-size:1.4rem;display:flex;align-items:center;justify-content:center;touch-action:none;box-shadow:var(--shadow-soft)}.touch-btn--boost{background:#ff6b4dd9;margin-left:.75rem}.touch-controls__group{display:flex;gap:.6rem}.hud{position:absolute;inset:0;display:flex;flex-direction:column;gap:.6rem;padding:1rem;pointer-events:none;font-family:var(--font-body)}.hud__top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hud__vehicle{display:flex;flex-direction:column;background:#fff6ead9;border-radius:var(--radius-md);padding:.4em 1em;box-shadow:var(--shadow-soft)}.hud__vehicle-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-charcoal-soft);font-weight:700}.hud__vehicle-name{font-weight:800;color:var(--color-charcoal)}.hud__score{display:flex;align-items:baseline;gap:.4em;background:#fff6ead9;border-radius:var(--radius-md);padding:.4em 1em;box-shadow:var(--shadow-soft)}.hud__score-value{font-weight:800;font-size:1.2rem;color:var(--color-coral-dark)}.hud__score-label{font-size:.75rem;color:var(--color-charcoal-soft);font-weight:600}.hud__quit{margin-left:auto;pointer-events:auto;padding:.5em 1.2em;font-size:.85rem}.radar{position:relative;width:84px;height:84px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(43,36,32,.16) 0 1.5px,transparent 1.5px 21px),radial-gradient(circle at center,#fff6eaf2,#ffecd1eb);border:3px solid var(--color-coral);box-shadow:var(--shadow-soft);overflow:hidden}.radar__sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(255,107,77,.4),transparent 30%);animation:radar-sweep 3s linear infinite}.radar__player{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--color-charcoal);box-shadow:0 0 0 2px #fff6eae6}.radar__blip{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--color-peach)}.radar__blip--storm.radar__blip--tracking{background:var(--color-butter);animation:radar-pulse 1s ease-in-out infinite}.radar__blip--storm.radar__blip--danger{background:var(--color-coral-dark);animation:radar-pulse .6s ease-in-out infinite}.radar__blip--debris{width:5px;height:5px;margin:-2.5px;background:var(--color-charcoal-soft)}.radar__label{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-charcoal-soft)}.hud__bars{display:flex;flex-direction:column;gap:.4rem;max-width:320px}.hud__bar{position:relative;height:22px;border-radius:var(--radius-pill);background:#2b242059;overflow:hidden;box-shadow:var(--shadow-soft)}.hud__bar-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);transition:width .2s ease}.hud__bar-fill--health{background:linear-gradient(90deg,var(--color-coral),var(--color-butter))}.hud__bar-fill--boost{background:linear-gradient(90deg,var(--color-peach),var(--color-butter))}.hud__bar-label{position:relative;z-index:1;display:block;text-align:center;font-size:.7rem;font-weight:800;line-height:22px;color:var(--color-cream);text-shadow:0 1px 2px rgba(0,0,0,.35)}.hud__stats{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem;font-weight:700;color:var(--color-charcoal)}.hud__stats span{background:#fff6ead9;border-radius:var(--radius-pill);padding:.3em .9em;box-shadow:var(--shadow-soft)}.hud__message{align-self:center;background:var(--color-coral);color:var(--color-cream);font-weight:800;padding:.5em 1.4em;border-radius:var(--radius-pill);box-shadow:var(--shadow-lift);animation:slide-down .25s ease}.hud__legend{margin-top:auto;align-self:center;font-size:.75rem;font-weight:600;color:var(--color-charcoal-soft);background:#fff6ead9;padding:.4em 1em;border-radius:var(--radius-pill)}@media(pointer:coarse){.hud__legend{display:none}}.game-over{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem 3rem;max-width:640px;margin-inline:auto;text-align:center;animation:fade-in .3s ease}.game-over__title{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.game-over__subtitle{color:var(--color-charcoal-soft);font-weight:500}.game-over__badge{background:linear-gradient(120deg,var(--color-coral),var(--color-butter));color:var(--color-cream);font-weight:800;padding:.4em 1.2em;border-radius:var(--radius-pill);box-shadow:var(--shadow-lift)}.game-over__stats{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:1rem;width:100%;margin:0}.game-over__stats>div{background:var(--color-cream-deep);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-soft)}.game-over__stats dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-charcoal-soft);font-weight:700}.game-over__stats dd{margin:0;font-size:1.6rem;font-weight:800;color:var(--color-charcoal)}.game-over__actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radar-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@media(prefers-reduced-motion:reduce){.vehicle-select,.game-over,.hud__message,.radar__sweep,.radar__blip--tracking,.radar__blip--danger,.pill-button{animation:none;transition:none}}