@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#f5ede0;--ink-dim:#f5ede09e;--glass:#1a12188c;--glass-strong:#1a1218d9;--hairline:#f5ede029;--accent:#2853c8;--accent-hi:#4069d8;--accent-alt:#4fbf3f;--bg:#241c22;--radius:14px;--font:"Cairo Variable", "Cairo", "Avenir Next", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;min-height:100%;background:var(--bg);min-height:100dvh;font-family:var(--font);color:var(--ink);overflow:hidden}@media (pointer:coarse){body.in-game,body.in-game *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}button,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent-alt);outline-offset:2px}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hidden{display:none!important}#race-info,#speedometer,#hud-buttons button,.touch-btn{background:var(--glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px)}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#race-info{border-radius:var(--radius);min-width:200px;padding:12px 16px;font-size:.9rem;position:absolute;inset-block-start:calc(12px + env(safe-area-inset-top));inset-inline-start:calc(16px + env(safe-area-inset-left))}.race-row{justify-content:space-between;align-items:baseline;gap:16px;line-height:1.7;display:flex}.race-row span:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:.62rem;font-weight:600}.race-row span:last-child{font-variant-numeric:tabular-nums;font-weight:700}.cp-wrap{align-items:center;gap:8px;display:inline-flex}#checkpoint-pips{gap:5px;display:inline-flex}#checkpoint-pips i{background:#f5ede038;border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}#checkpoint-pips i.done{background:var(--ink)}#checkpoint-pips i.next{background:var(--accent-alt);box-shadow:0 0 6px var(--accent-alt);animation:1.1s ease-in-out infinite pip-pulse}@keyframes pip-pulse{50%{box-shadow:0 0 12px var(--accent-alt)}}#speedometer{border-radius:var(--radius);text-align:end;padding:12px 20px 10px;position:absolute;inset-block-end:calc(24px + env(safe-area-inset-bottom));inset-inline-end:calc(24px + env(safe-area-inset-right))}#speed-value{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}#speedometer .unit{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-inline-start:5px;font-size:.68rem;font-weight:600}#hud-buttons{pointer-events:auto;gap:8px;display:flex;position:absolute;inset-block-start:calc(12px + env(safe-area-inset-top));inset-inline-end:calc(16px + env(safe-area-inset-right))}#hud-buttons button{width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;font-size:1.05rem;transition:background .15s,border-color .15s}#hud-buttons button:hover{background:#f5ede024;border-color:#f5ede04d}#controls-hint{letter-spacing:.02em;color:var(--ink-dim);white-space:nowrap;font-size:.76rem;position:absolute;inset-block-end:calc(14px + env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] #controls-hint{transform:translate(50%)}#lap-flash{letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#fff7ec;background:linear-gradient(135deg, var(--accent) 0%, #1b3b96 100%);border-radius:999px;padding:10px 24px;font-size:1.2rem;font-weight:700;animation:2.2s forwards flash-fade;position:absolute;inset-block-start:18%;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 28px #2853c866}[dir=rtl] #lap-flash{transform:translate(50%)}@keyframes flash-fade{0%{opacity:0;translate:0 -8px}12%{opacity:1;translate:0}80%{opacity:1}to{opacity:0}}#countdown-overlay{pointer-events:none;z-index:12;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#countdown-value{color:#f5ede014;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 32px #00000059;font-size:clamp(6rem,20vw,11rem);font-weight:800;animation:.9s infinite countdown-pop}#countdown-value.go{color:var(--accent-alt);-webkit-text-stroke:0px transparent;text-shadow:0 0 40px #4fbf3f8c}@keyframes countdown-pop{0%{opacity:.3;transform:scale(1.3)}25%{opacity:1;transform:scale(1)}to{opacity:.92;transform:scale(.94)}}.overlay{-webkit-backdrop-filter:blur(7px);z-index:10;background:#140c129e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{text-align:center;background:var(--glass-strong);border:1px solid var(--hairline);border-radius:20px;flex-direction:column;gap:13px;min-width:270px;max-width:min(92vw,420px);padding:30px 28px 26px;display:flex;box-shadow:0 24px 70px #00000073}.panel h1{letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:1.6rem;font-weight:800}.panel h1:after{content:"";background:var(--accent);border-radius:2px;width:44px;height:3px;margin:10px auto 0;display:block}.panel button{letter-spacing:.04em;color:var(--ink);border:1px solid var(--hairline);cursor:pointer;background:#f5ede012;border-radius:12px;padding:13px 24px;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,transform 50ms}.panel button:hover,.panel button:focus-visible{background:#f5ede026;border-color:#f5ede052}.panel button:active{transform:scale(.98)}.panel button.primary{background:var(--accent);color:#f2f6ff;border-color:#0000;box-shadow:0 6px 22px #2853c859}.panel button.primary:hover,.panel button.primary:focus-visible{background:var(--accent-hi)}.panel .help{color:var(--ink-dim);font-size:.75rem;line-height:1.6}.panel .badge{letter-spacing:.06em;text-transform:uppercase;color:#f2fff0;background:var(--accent-alt);border-radius:999px;align-self:center;padding:6px 16px;font-size:.8rem;font-weight:700;box-shadow:0 4px 16px #4fbf3f59}.menu-row{justify-content:space-between;align-items:center;gap:14px;font-size:.92rem;display:flex}.menu-row-pair{gap:12px;display:flex}.menu-row-pair>.menu-row{flex-direction:column;flex:1 1 0;align-items:stretch;gap:6px;min-width:0}.menu-row-pair select{width:100%}.menu-row span:first-child,.menu-row label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:.68rem;font-weight:600}.menu-row span:last-child{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}#quality-select{color:var(--ink);border:1px solid var(--hairline);background:#f5ede012;border-radius:10px;padding:9px 14px;font-size:.9rem}#quality-select option{color:#241c22;background:#f5ede0}#touch-controls{pointer-events:none;z-index:8;position:fixed;inset:0}.zone-hint{color:#f5ede047;text-shadow:0 2px 12px #00000040;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,9vh,4.5rem);font-weight:800;line-height:1;transition:color .12s,transform .12s;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.zone-left{left:calc(18px + env(safe-area-inset-left))}.zone-right{right:calc(18px + env(safe-area-inset-right))}.zone-hint.active{color:var(--accent-alt);transform:translateY(-50%)scale(1.25)}[dir=rtl] #touch-controls .zone-hint{transform:translateY(-50%)scaleX(-1)}[dir=rtl] #touch-controls .zone-hint.active{transform:translateY(-50%)scaleX(-1)scale(1.25)}#touch-hint{text-align:center;max-width:88vw;color:var(--ink);background:var(--glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:opacity .5s;position:absolute;inset-block-end:calc(64px + env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] #touch-hint{transform:translate(50%)}#touch-controls.armed #touch-hint{opacity:0}body.touch-visible #controls-hint{display:none}@media (max-height:420px){#race-info{min-width:170px;padding:8px 12px;font-size:.78rem}#speed-value{font-size:1.9rem}}#loading-screen{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim);z-index:20;background:linear-gradient(#2b2331 0%,#241c22 55%,#33222a 100%);justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:opacity .3s;display:flex;position:fixed;inset:0}#loading-screen p{animation:1.6s ease-in-out infinite loading-pulse}@keyframes loading-pulse{50%{opacity:.45}}#loading-screen.hidden{opacity:0;pointer-events:none;display:flex!important}#error-screen{z-index:30}body:not(.in-game) #hud{display:none}body.mode-endless .race-only,body.mode-race .endless-only{display:none!important}.menu-overlay{z-index:15;background:radial-gradient(120% 80% at 50% 0,#e58a622e 0%,#0000 55%),linear-gradient(#2b2331 0%,#241c22 55%,#33222a 100%);overflow-y:auto}#menu-character{bottom:0;z-index:0;cursor:pointer;touch-action:manipulation;transform-origin:bottom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 20px 32px #00000080);height:min(74vh,640px);animation:.7s ease-out character-in;position:absolute;inset-inline-start:clamp(10px,5vw,110px)}@media (hover:hover){#menu-character:hover{filter:drop-shadow(0 22px 34px #0000008c)brightness(1.05)}}@keyframes character-in{0%{transform:translateY(28px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#menu-character{animation:none}}.menu-col{display:contents}.menu-panel{text-align:center;z-index:1;flex-direction:column;gap:20px;width:min(94vw,460px);margin:auto;padding:34px 28px 24px;display:flex;position:relative}.menu-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);font-size:.72rem;font-weight:700}#menu-title{margin-top:-12px;font-size:clamp(2.3rem,8vw,3.2rem);font-weight:800;line-height:1.15}#menu-title:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-alt));border-radius:2px;width:56px;height:4px;margin:14px auto 0;display:block}.go-btn{color:#f4fff1;cursor:pointer;background:linear-gradient(160deg,#5ecf4c 0%,#35a026 100%);border:none;border-radius:24px;justify-content:center;align-items:center;gap:16px;width:100%;padding:18px 22px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:0 7px #23701b,0 18px 34px #2e992759}.go-btn:hover,.go-btn:focus-visible{filter:brightness(1.08)}.go-btn:active{transform:translateY(5px);box-shadow:0 2px #23701b,0 8px 18px #2e99274d}.go-icon{font-size:2.6rem;line-height:1}.go-text{text-align:start;flex-direction:column;gap:3px;display:flex}.go-btn .mode-name{font-size:1.55rem;font-weight:900;line-height:1.15}.go-btn .mode-hint{color:#f4fff1d9}.race-card{color:var(--ink);background:var(--glass);border:1px solid var(--hairline);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;transition:background .15s,border-color .15s,transform .12s;display:flex}.race-card:hover,.race-card:focus-visible{background:#f5ede021;border-color:#f5ede052;transform:translateY(-2px)}.race-text{text-align:start;flex-direction:column;gap:2px;display:flex}.mode-icon{font-size:1.7rem;line-height:1}.mode-name{font-size:1.02rem;font-weight:800}.mode-hint{color:#f5ede0b8;font-size:.72rem;line-height:1.45}.menu-group{flex-direction:column;gap:9px;display:flex}.menu-group-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:.66rem;font-weight:700}.tile-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tile{color:#fff;text-shadow:0 1px 3px #00000059;cursor:pointer;filter:saturate(.6)brightness(.78);border:2px solid #ffffff24;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:13px 4px 10px;font-size:.72rem;font-weight:700;line-height:1.3;transition:transform .15s,filter .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.tile i{font-size:2rem;font-style:normal;line-height:1}.tile[data-env=desert]{background:linear-gradient(170deg,#dfa055 0%,#a05f2b 100%)}.tile[data-env=alula]{background:linear-gradient(170deg,#c97a5e 0%,#8e4436 100%)}.tile[data-env=valley]{background:linear-gradient(170deg,#5cae57 0%,#2f7a35 100%)}.tile[data-env=night]{background:linear-gradient(170deg,#4a5aa8 0%,#232f66 100%)}.tile:hover,.tile:focus-visible{filter:saturate(.9)brightness(.95);transform:translateY(-2px)}.tile.selected{filter:none;border-color:#fff;transform:scale(1.06);box-shadow:0 8px 20px #00000059}.tile.selected:after{content:"✓";top:-8px;color:#0e3d08;width:23px;height:23px;text-shadow:none;background:var(--accent-alt);border:2px solid #fff;border-radius:50%;place-items:center;font-size:.8rem;font-weight:900;display:grid;position:absolute;inset-inline-end:-8px}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{min-height:44px;color:var(--ink);border:1px solid var(--hairline);cursor:pointer;background:#f5ede012;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.chip i{font-size:1.05rem;font-style:normal;line-height:1}.chip:hover{background:#f5ede024}.chip.selected{border-color:var(--accent-alt);box-shadow:0 0 0 1px var(--accent-alt) inset;background:#4fbf3f2e}.car-color-row{gap:12px}.color-chip{cursor:pointer;border:2px solid #f5ede047;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 3px 10px #00000047}.color-chip[data-color=red]{background:#c8102e}.color-chip[data-color=blue]{background:#2853c8}.color-chip[data-color=black]{background:#1c1b1f}.color-chip[data-color=green]{background:#2e7d4f}.color-chip:hover,.color-chip:focus-visible{border-color:#fff;transform:translateY(-2px)}.color-chip.selected{box-shadow:0 0 0 3px var(--accent-alt), 0 5px 14px #00000059;border-color:#fff;transform:scale(1.08)}.menu-footer{flex-direction:column;align-items:center;gap:10px;display:flex}.ghost{color:var(--ink);border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:background .15s}.ghost:hover,.ghost:focus-visible{background:#f5ede01a}.install-help{max-width:260px;color:var(--ink-dim);font-size:.7rem;line-height:1.45}#menu-help{color:var(--ink-dim);font-size:.72rem;line-height:1.6}@media (max-width:980px),(max-height:740px){.menu-overlay{gap:clamp(6px,2.5vw,28px);padding:10px clamp(6px,2.5vw,24px)}#menu-character{object-fit:contain;object-position:bottom;align-self:flex-end;max-width:26vw;height:min(58vh,500px);position:static}.menu-panel{flex:0 460px;gap:clamp(8px,1.8vh,16px);min-width:0;margin:0;padding:16px 18px}#menu-title{margin-top:-6px;font-size:clamp(1.5rem,5.5vw,2.6rem)}#menu-title:after{margin-top:8px}.go-btn{border-radius:20px;gap:10px;padding:12px 16px}.go-icon{font-size:2rem}.go-btn .mode-name{font-size:clamp(1.05rem,3.5vw,1.4rem)}.race-card{padding:9px 14px}.mode-icon{font-size:1.4rem}.tile{padding:10px 4px 8px}.tile i{font-size:1.6rem}.menu-footer{gap:6px}.ghost{padding:7px 14px;font-size:.8rem}#menu-help{font-size:.65rem}}@media (max-width:599px) and (min-height:561px){.menu-overlay{flex-direction:column;justify-content:flex-start;align-items:center}#menu-character{object-fit:contain;object-position:center;max-width:70vw;height:min(30vh,260px);margin-top:max(8px, env(safe-area-inset-top));z-index:0;order:-1;align-self:center;position:static}.menu-panel{margin:0 auto}}@media (max-width:599px){.tile-row{grid-template-columns:repeat(2,1fr)}.tile{flex-direction:row;justify-content:center;gap:8px;padding:9px 8px}.tile i{font-size:1.4rem}}@media (min-height:561px) and (max-height:740px){.mode-hint,#menu-help{display:none}#menu-character{height:min(48vh,380px)}}@media (max-width:599px) and (min-height:561px) and (max-height:740px){#menu-character{height:min(26vh,220px)}}@media (max-width:980px) and (min-height:561px) and (max-height:640px){.menu-panel{gap:8px;padding:10px 14px}#menu-title{font-size:1.35rem}.menu-group{gap:6px}.chip{min-height:36px;padding:5px 13px;font-size:.82rem}.tile{padding:7px 6px}.race-card{padding:7px 12px}.ghost{padding:5px 12px}}@media (max-height:560px){.menu-panel{flex:none;grid-template-columns:1fr 1fr;align-content:center;column-gap:16px;width:min(74vw,680px);display:grid}.menu-col{flex-direction:column;gap:8px;min-width:0;display:flex}.menu-col-side{justify-content:center}.menu-kicker,.mode-hint,#menu-help{display:none}#menu-title{margin-top:0;font-size:clamp(1.3rem,5.5vh,1.8rem)}#menu-character{max-width:20vw;height:min(66vh,320px)}.tile-row{grid-template-columns:repeat(2,1fr)}.tile{flex-direction:row;justify-content:center;gap:7px;padding:8px 6px}.tile i{font-size:1.25rem}.go-btn{padding:10px 14px}.go-icon{font-size:1.7rem}.go-btn .mode-name{font-size:1.1rem}}@media (hover:none) and (pointer:coarse){#menu-help{display:none}}#autodrive-chip{color:#f2fff0;border:1px solid var(--accent-alt);-webkit-backdrop-filter:blur(6px);background:#4fbf3f47;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:700;position:absolute;inset-block-start:calc(14px + env(safe-area-inset-top));inset-inline-start:50%;transform:translate(-50%)}#boost-status{color:#ffe4a3}#boost-value{color:#ffd166;font-variant-numeric:tabular-nums}[dir=rtl] #autodrive-chip{transform:translate(50%)}#hud-buttons button[aria-pressed=true]{border-color:var(--accent-alt);background:#4fbf3f4d}#env-select{color:var(--ink);border:1px solid var(--hairline);background:#f5ede012;border-radius:10px;padding:9px 14px;font-size:.9rem}#env-select option{color:#241c22;background:#f5ede0}#pause-overlay .panel{gap:clamp(4px,1vh,13px);max-height:min(100dvh - 16px,100vh - 16px);padding:clamp(12px,2.4vh,30px) 28px clamp(10px,2vh,26px);overflow-y:auto}#pause-overlay .panel h1{margin-bottom:0;font-size:clamp(1.05rem,3vh,1.6rem)}#pause-overlay .panel h1:after{margin-top:clamp(4px,1vh,10px)}#pause-overlay .panel button{padding-block:clamp(6px,1.1vh,13px)}#pause-overlay .panel #quality-select,#pause-overlay .panel #env-select{padding-block:clamp(5px,1vh,9px)}#pause-overlay .panel .help{line-height:1.45}@media (max-width:560px){#hud-buttons button{width:38px;height:38px;font-size:.95rem}#race-info{min-width:170px;padding:8px 12px;font-size:.8rem;inset-block-start:calc(64px + env(safe-area-inset-top))}#autodrive-chip{inset-block-start:calc(64px + env(safe-area-inset-top))}}