/* Palette sampled from anafeam-kids.co.il, September 2026. */
@font-face{font-family:Fredoka;src:url('./assets/fonts/fredoka-hebrew-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap;unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Fredoka;src:url('./assets/fonts/fredoka-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{--brand:#43229c;--panel:#4a2ba6;--accent:#ec3f76;--accent-hi:#ff5c8e;--soft:#ece7ff;--muted:#ddd4fb;--gold:#ffda74}
body{font-family:Fredoka,Rubik,Arial,sans-serif!important;background:var(--brand);color:#fff}
.wordmark{display:flex;align-items:center;gap:12px;text-shadow:none}.wordmark img{width:155px;height:auto;display:block}.wordmark span{font-size:13px!important;border-right:1px solid #ffffff40;padding-right:12px;color:var(--soft)}
.welcome{background:linear-gradient(270deg,#25134cf5,#25134cd6 22%,#25134c00 70%)}
.intro h1{font-weight:700!important;letter-spacing:-.025em!important}.description,.instructions,.track-facts span{color:var(--soft)}
.overline{color:var(--gold)}.primary{background:var(--accent);color:white;box-shadow:0 8px 24px #ec3f7626;border-radius:16px}.primary:hover{background:var(--accent-hi)}
.header-actions button,#difficulty{background:#301666d9;border-color:#ffffff45;border-radius:12px;color:#fff}.header-actions button:hover,#difficulty:hover{background:var(--panel)}
.garage-entry{display:block;width:260px;border:1px solid #d3bcff70;border-radius:13px;background:#43229cc9;padding:11px 15px;font-size:14px;margin-top:10px}.garage-entry:hover{background:#5c37b9}
.position,.map-box,.controls button{background:#2b175acc;border-color:#c3a7ff50}.controls .turbo{background:var(--accent);border-color:#ff96b7}.nitro i{background:var(--gold)}.overlay{background:#160c36b8;backdrop-filter:blur(12px)}.panel{background:#32196ced;border:1px solid #9671e380;border-radius:25px}.secondary{color:var(--soft)}.earned-coins{color:var(--gold)!important;font-size:18px!important}
.garage-overlay{position:fixed;inset:0;z-index:5;background:linear-gradient(270deg,#1f103de8,#1f103d80 45%,transparent 85%);display:flex;justify-content:flex-start;align-items:center;padding:95px 5vw 25px;pointer-events:none}
.garage-panel{pointer-events:auto;width:min(520px,100%);max-height:100%;overflow:auto;padding:25px;background:#32196cf0;border:1px solid #c4a2ff50;border-radius:24px;box-shadow:0 20px 60px #170c3540}
.garage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.garage-heading h2{font-size:36px;line-height:1.13;margin:0 0 18px;font-weight:600}.garage-heading .overline{margin-bottom:8px}.garage-heading .secondary{width:auto;margin:0;padding:8px 12px}
.wallet{background:#ffffff0c;border-radius:14px;padding:14px 18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:16px}.wallet strong{color:var(--gold);font-size:30px;margin-right:auto}.wallet span{width:100%;font-size:13px;color:var(--muted)}
.upgrades{display:grid;gap:12px;margin-top:18px}.upgrade{padding:15px 17px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff17}.upgrade>div:first-child{display:flex;justify-content:space-between;align-items:center}.upgrade h3{font-size:21px;margin:0;font-weight:500}.upgrade-level{direction:ltr;color:var(--gold)}.upgrade p{font-size:14px;margin:5px 0 12px;color:var(--muted)}.upgrade-bars{height:5px;border-radius:5px;background:linear-gradient(to left,var(--gold) var(--progress,0%),#ffffff22 var(--progress,0%));margin-bottom:12px}.upgrade button{border:0;background:var(--accent);border-radius:9px;padding:9px 14px;width:100%;font-size:14px}.upgrade button:hover:not(:disabled){background:var(--accent-hi)}.upgrade button:disabled{cursor:default;background:#ffffff13;color:var(--muted);opacity:1}
#garageNotice{font-size:14px;line-height:1.4;color:var(--gold)}#garageSaveNote{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:800px){.wordmark span{display:none}.wordmark img{width:135px}.intro{padding-top:65px}.intro h1{font-size:46px}.welcome{background:linear-gradient(270deg,#25134cf2,#25134cbd 30%,#25134c00 85%)}}
@media(max-width:560px){header{padding:12px}.wordmark img{width:120px}.header-actions button{padding:8px 6px}.intro{padding:0;bottom:40px}.intro h1{font-size:36px}.description{margin-bottom:12px}.track-facts{margin-bottom:12px}.garage-entry{width:100%;padding:9px}.welcome{background:linear-gradient(0deg,#25134cf7 0%,#25134cc9 38%,#25134c00 85%)}.garage-overlay{padding:85px 12px 12px;background:#1f103d66}.garage-panel{padding:18px}.garage-heading h2{font-size:29px}.upgrades{gap:8px}.upgrade{padding:12px}.garage-heading .overline{font-size:12px}.garage-heading h2 br{display:none}}
@media(max-height:700px){.garage-panel{padding:16px}.garage-heading h2{font-size:25px}.wallet{padding:8px 13px}.upgrades{gap:8px;margin-top:10px}.upgrade{padding:10px}.upgrade p{margin:3px 0 8px}.upgrade-bars{margin-bottom:8px}.intro h1{font-size:38px}.intro .overline{margin-bottom:8px}.description{margin-bottom:12px}.customize{margin-bottom:12px}.track-facts{margin-bottom:15px}}
.garage-paint{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:14px}.garage-paint .swatch{width:22px;height:22px}
@media(min-width:561px) and (max-height:850px){.garage-panel{padding:18px}.garage-heading h2{font-size:28px;margin-bottom:12px}.garage-heading h2 br{display:none}.wallet{padding:8px 14px}.wallet strong{font-size:24px}.wallet span{font-size:12px}.upgrades{gap:8px;margin-top:12px}.upgrade{padding:10px 14px}.upgrade h3{font-size:18px}.upgrade p{font-size:12px;margin:2px 0 6px}.upgrade-bars{margin-bottom:8px}.upgrade button{padding:7px}.garage-paint{margin-top:12px}#garageNotice{margin:10px 0 6px}#garageSaveNote{margin:5px 0}}
.overlay{padding:16px}.panel{max-height:calc(100dvh - 32px);overflow:auto}