:root {
  --ink: #1B1530; --paper: #FFFFFF; --muted: #576782; --sky-top: #3CC8FF; --sky-bottom: #1A7FE0;
  --cloud: #EAFBFF; --sky-deep: #075CB6; --asphalt: #2E3140; --asphalt-2: #3D4257; --grass: #3CCB5A;
  --grass-deep: #209B48; --grass-light: #80E885; --curb-red: #E63B2E; --curb-white: #F4F4F4;
  --sun: #FFD23F; --boost: #FF8A1E; --turbo: #7B5CFF; --gold-1: #FFE17A; --gold-2: #F2B01E; --gold-3: #B87A00;
  --car-red: #E63B2E; --car-blue: #1F6FFF; --car-green: #19B35A; --car-yellow: #FFC21A; --car-pink: #FF5FB0; --car-orange: #FF7A1A;
  --ok: #19B35A; --warn: #FFB020; --bad: #E63B2E; --veil: #1B1530B8; --glass: #FFFFFFB8; --shadow-ink: #1B153028;
  --f-display: "Lilita One", "Arial Black", system-ui, sans-serif; --f-ui: "Nunito", "Trebuchet MS", system-ui, sans-serif;
  --t-tiny: 12px; --t-cap: 14px; --t-small: 16px; --t-body: 18px; --t-button: 22px;
  --t-banner: clamp(28px,4vw,44px); --t-title: clamp(40px,7vw,88px); --t-place: clamp(56px,10vw,128px);
  --r-pill: 999px; --r-card: 20px; --r-chip: 12px; --o-thick: 4px; --o-thin: 2px;
  --depth: 0 6px 0 var(--ink); --depth-pressed: 0 2px 0 var(--ink); --panel-shadow: 0 14px 0 var(--shadow-ink);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --e-spring: cubic-bezier(.34,1.56,.64,1); --e-snap: cubic-bezier(.2,.9,.2,1);
  --d-tap: 90ms; --d-hop: 180ms; --d-pop: 260ms; --d-flip: 600ms; --d-banner: 900ms;
  --active-color: var(--car-red);
}
@font-face { font-family: "Lilita One"; src: url('/fonts/lilita-one-v17-latin.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: "Nunito"; src: url('/fonts/nunito-v32-latin.woff2') format('woff2'); font-weight: 400 900; font-display: swap; }