@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Black.woff2)format("woff2");font-weight:900;font-display:swap}:root{--gold:#ffd34d;--green:#7cf08a;--ink:#0d1014;--panel:#0c0f14d1;--stroke:0 0 3px #000, 0 0 2px #000, 1px 1px 0 #000, -1px -1px 0 #000;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#101418;height:100%;margin:0;font-family:Vazirmatn,Tahoma,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#game{outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud-top{top:14px;right:calc(18px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute}#money{color:var(--green);text-shadow:var(--stroke);letter-spacing:.5px;font-size:30px;font-weight:900}#money.bump{animation:.5s bump}@keyframes bump{30%{color:#fff;transform:scale(1.15)}}#stars{color:var(--gold);text-shadow:var(--stroke);min-height:24px;font-size:20px}#mission{background:var(--panel);text-align:center;border:1px solid #ffd34d66;border-radius:12px;max-width:60vw;padding:8px 18px;font-size:17px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}#mission .dist{color:var(--gold);margin-inline-start:8px;font-weight:900}#mission .timer{color:#ff8a7a;margin-inline-start:8px;font-weight:900}#subtitle{text-align:center;max-width:70vw;text-shadow:var(--stroke);font-size:20px;font-weight:700;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#subtitle b{color:var(--gold)}#toast{color:var(--gold);text-shadow:var(--stroke);text-align:center;white-space:nowrap;font-size:42px;font-weight:900;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#toast.show{animation:2.2s forwards toast}#toast small{color:#fff;font-size:20px;font-weight:700;display:block}@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}#street{bottom:92px;right:calc(22px + var(--safe-r));color:#fff;text-shadow:var(--stroke);text-align:right;font-size:30px;font-weight:900;position:absolute}#street small{color:var(--gold);font-size:15px;font-weight:700;display:block}#street.fade{animation:4s forwards streetfade}@keyframes streetfade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#hint{top:16px;left:calc(18px + var(--safe-l));background:var(--panel);border-radius:10px;max-width:40vw;padding:8px 14px;font-size:15px;font-weight:700;position:absolute}#hint kbd,.help kbd{color:#111;direction:ltr;background:#fff;border-radius:4px;padding:0 6px;font-family:inherit;font-size:.9em;font-weight:900;display:inline-block}#speedo{bottom:22px;right:calc(22px + var(--safe-r));text-shadow:var(--stroke);align-items:baseline;gap:6px;display:flex;position:absolute}#speedo b{font-size:44px;font-weight:900}#speedo span{color:var(--gold);font-size:15px;font-weight:700}#minimap-wrap{bottom:18px;left:calc(18px + var(--safe-l));background:#1a1f26;border-radius:50%;width:170px;height:170px;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #000000b3,0 6px 18px #00000080}#minimap{width:100%;height:100%;display:block}#bigmap{background:#080a0ef0;position:absolute;top:0;bottom:0;left:0;right:0}#bigmap-canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bigmap-title{text-shadow:var(--stroke);font-size:22px;font-weight:900;position:absolute;top:14px;right:20px}.close-btn{color:#111;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:8px 18px;font-family:inherit;font-size:16px;font-weight:700;position:absolute;top:12px;left:16px}.screen{z-index:10;background:radial-gradient(at 50% 30%,#1e28378c,#05070aeb);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel{text-align:center;width:100%;max-width:640px;padding:24px}.logo{color:#fff;letter-spacing:2px;text-shadow:0 0 2px #000,4px 4px #c0392b,8px 8px #1a1a1a;margin:0;font-size:clamp(64px,14vw,130px);font-weight:900;line-height:1.1}.sub{color:var(--gold);text-shadow:var(--stroke);margin:6px 0 22px;font-size:20px;font-weight:700}#loading .bar{background:#ffffff1f;border-radius:6px;height:10px;overflow:hidden}#load-fill{background:linear-gradient(90deg, var(--gold), #ff8f3a);width:0;height:100%;transition:width .2s}#load-text{color:#cfd6df;margin-top:10px;font-size:15px}#menu{flex-direction:column;align-items:center;gap:12px;display:flex}#menu .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:16px;font-weight:700}.btn:hover{background:#ffffff2e}.btn.primary{color:#111;background:linear-gradient(#ffe07a,#ffb52e);border:0;padding:14px 54px;font-size:24px;font-weight:900;box-shadow:0 6px #a8661a}.btn.primary:active{transform:translateY(3px);box-shadow:0 3px #a8661a}.help{color:#c8d0da;margin-top:8px;font-size:14px;line-height:2}.credit{color:#8a96a3;margin-top:22px;font-size:12px}body.touch .desktop-only,body:not(.touch) .touch-only{display:none}#rotate{z-index:30;font-size:22px;font-weight:700;display:none}.rotate-icon{font-size:64px;animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(-90deg)}}@media (orientation:portrait){body.touch.playing #rotate{display:flex}}#touch{z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}#joy-zone{width:42%;height:70%;position:absolute;bottom:0;left:0}#look-zone{width:58%;height:100%;position:absolute;top:0;right:0}#joy-base{pointer-events:none;background:#ffffff1f;border:2px solid #ffffff59;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;position:absolute;top:calc(100% - 120px);left:120px}#joy-knob{background:#ffffff8c;border-radius:50%;width:58px;height:58px;position:absolute;top:36px;left:36px;box-shadow:0 2px 8px #0006}#btns{right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));direction:ltr;grid-template-columns:repeat(3,66px);grid-auto-rows:66px;gap:10px;display:grid;position:absolute}#top-btns{gap:8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#touch.has-mission #top-btns{top:64px}.tb{color:#fff;touch-action:none;background:#14181e8c;border:2px solid #fff6;border-radius:50%;width:66px;height:66px;padding:0;font-family:inherit;font-size:15px;font-weight:900}.tb.small{border-radius:10px;width:auto;height:38px;padding:0 12px;font-size:14px}.tb.big{background:#3caa5080}.tb.active,.tb:active{color:#111;background:#ffd34d99}#touch.mode-foot .tb.car:not(.foot),#touch.mode-car .tb.foot:not(.car){display:none}#touch.mode-car #tb-gas{border-radius:22px;grid-area:1/3/span 2;height:auto}#touch.mode-car #tb-brake{grid-area:2/2}#touch.mode-car #tb-hand{grid-area:2/1}#touch.mode-car #tb-horn{grid-area:1/1}#touch.mode-car #tb-interact{grid-area:1/2}#touch.mode-car #tb-taxi{border-radius:12px;grid-area:3/3;height:44px}#touch.mode-foot #tb-interact{grid-area:1/3}#touch.mode-foot #tb-jump{grid-area:2/3}#touch.mode-foot #tb-run{grid-area:2/2}#tb-interact.near{color:#111;background:#ffd34dbf}body.touch #minimap-wrap{width:120px;height:120px;top:10px;bottom:auto;left:calc(10px + var(--safe-l))}body.touch #hint{text-align:center;max-width:70vw;font-size:14px;top:auto;bottom:46%;left:50%;transform:translate(-50%)}body.touch #street{top:64px;bottom:auto;right:calc(16px + var(--safe-r));font-size:20px}body.touch #speedo{top:140px;bottom:auto;right:auto;left:calc(16px + var(--safe-l))}body.touch #speedo b{font-size:30px}body.touch #money{font-size:22px}body.touch #mission{max-width:52vw;padding:6px 12px;font-size:14px;top:8px}body.touch #toast{font-size:30px}body.touch #subtitle{font-size:16px;bottom:40%}@media (max-height:420px){.logo{font-size:64px}.sub{margin-bottom:10px;font-size:16px}.btn.primary{padding:10px 40px;font-size:20px}.help{line-height:1.6}}
