:root{font-family:Tahoma,Arial,sans-serif;color:#f8f6ed;background:#233431;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}#scene,.shade{position:absolute;inset:0;width:100%;height:100%;display:block}.shade{pointer-events:none;background:linear-gradient(90deg,#0f1c1c0f,#121f1e05 42%,#121e1d85),linear-gradient(180deg,rgba(13,27,28,.42),transparent 23%,transparent 68%,rgba(15,27,27,.56))}.ui{position:absolute;inset:0;display:flex;flex-direction:column;pointer-events:none}.topbar{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;direction:ltr}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font:900 39px/1 Arial,sans-serif;letter-spacing:-4px;color:#fff}.brand-mark span{color:#e0a96e}.brand-name{font:700 13px/1.1 Arial,sans-serif;letter-spacing:2px}.brand-name b{color:#eab179}.brand-name small{display:block;margin-top:5px;font:8px/1 Arial,sans-serif;letter-spacing:2.1px;color:#e8e5d7}.build-tag{direction:rtl;border:1px solid rgba(255,255,255,.32);background:#17262433;border-radius:30px;padding:10px 14px;font-size:10px;color:#f3f1e7}.status-dot,.mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c7d69c;margin-left:7px;box-shadow:0 0 8px #c7d69c}.tag-separator{margin:0 5px;color:#ffffff70}.hero{margin:auto 7% auto 0;max-width:465px;text-align:right;transform:translateY(-5px)}.eyebrow{font-size:11px;color:#f3c68f;letter-spacing:.2px;margin-bottom:20px}.line{display:inline-block;vertical-align:middle;width:29px;height:1px;background:#f3c68f;margin-left:10px}h1{font-size:clamp(33px,4.1vw,59px);line-height:1.55;letter-spacing:-2px;margin:0;font-weight:800;text-shadow:0 2px 30px #13251c4d}h1 em{font-style:normal;color:#f1c28f}.hero p{font-size:13px;line-height:2.15;color:#f5f3e5c9;max-width:345px;margin:17px 0 26px}.stage-card{width:min(100%,365px);border:1px solid #ffffff38;background:#263b36aa;backdrop-filter:blur(14px);border-radius:3px;padding:16px;display:flex;align-items:center;gap:12px}.stage-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;background:#ebbb8424;color:#f0c089;font-size:20px}.stage-card strong,.stage-card small{display:block}.stage-card strong{font-size:11px}.stage-card small{font-size:10px;color:#ffffffa8;margin-top:8px}.stage-number{margin-right:auto;color:#e5c19c;font:10px Arial;white-space:nowrap}.bottom-bar{height:90px;margin:0 6.5%;border-top:1px solid #ffffff40;display:flex;align-items:center;justify-content:space-between;direction:rtl}.location{display:flex;align-items:center;gap:11px}.location-icon{font-size:25px;color:#e8bd8a}.location small,.location strong{display:block}.location small{font-size:9px;color:#ffffffa0;margin-bottom:6px}.location strong{font-size:11px}.location strong span{color:#d5ae88}.bottom-center{font-size:10px;color:#ffffffbd}.footer-sep{padding:0 8px;color:#ffffff70}.phase{display:flex;align-items:center;gap:9px;font:9px Arial;letter-spacing:1px;color:#ffffff91}.phase strong{color:#fff;font-size:13px}.phase i{width:44px;height:1px;background:linear-gradient(to right,#ebc092 25%,#fff6 25%)}#error{position:absolute;inset:25% 20%;height:max-content;background:#252e2b;padding:25px;border:1px solid #e4b681;text-align:center;line-height:2}#error[hidden]{display:none}@media(max-width:700px){.topbar{height:82px;padding:0 6%}.brand-mark{font-size:31px}.brand-name{font-size:10px}.brand-name small{font-size:7px}.build-tag{font-size:9px;padding:8px 10px}.shade{background:linear-gradient(180deg,rgba(17,31,31,.48) 0%,transparent 25%,rgba(16,29,28,.12) 42%,rgba(16,28,27,.83) 100%)}.hero{margin:auto 6% 25px;transform:none;max-width:100%}.eyebrow{margin-bottom:10px;font-size:10px}h1{font-size:32px;line-height:1.5}.hero p{font-size:11px;line-height:2;margin:10px 0 16px;max-width:320px}.stage-card{padding:11px;width:min(100%,355px)}.stage-icon{height:34px;width:34px}.stage-card small{font-size:9px}.bottom-bar{height:70px;margin:0 6%}.bottom-center{display:none}}@media(max-height:550px){.topbar{height:65px}.hero{margin-top:auto;margin-bottom:auto}.eyebrow{margin-bottom:5px}h1{font-size:29px;line-height:1.35}.hero p{margin:7px 0 10px}.bottom-bar{height:55px}}.shade{background:linear-gradient(180deg,rgba(13,27,28,.45),transparent 25%,transparent 65%,rgba(15,27,27,.58))}.hud-top{position:absolute;top:120px;right:6.5%;display:flex;gap:11px;align-items:center;background:#233b37a6;border:1px solid #ffffff35;padding:12px 16px;backdrop-filter:blur(12px)}.hud-icon{display:grid;place-items:center;width:37px;height:37px;background:#eab98328;color:#f2c994}.hud-top strong,.hud-top small{display:block}.hud-top strong{font-size:11px}.hud-top small{font-size:10px;color:#ffffffb0;margin-top:7px}.hud-left{position:absolute;left:6.5%;bottom:135px;text-align:left;text-shadow:0 2px 10px #26302d}.speed-label{font:9px Arial;letter-spacing:2px;color:#ffffffa9}.hud-left strong{font:700 44px/1 Arial}.hud-left div span{font:9px Arial;letter-spacing:1px;color:#fffa}.speed-line{width:125px;height:2px;background:#fff5;margin-top:8px}.speed-line i{display:block;width:35%;height:100%;background:#e9ba85}.help{position:absolute;bottom:120px;right:6.5%;text-align:right;color:#ffffffd0;font-size:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.help-title{color:#efc492;font-size:11px}.help button{pointer-events:auto;background:#233b37a6;border:1px solid #ffffff50;color:#fff;border-radius:3px;padding:8px 12px;font:10px Tahoma,Arial;cursor:pointer}.help button:hover{background:#38574e}.bottom-bar{margin-top:auto}.touch-controls{display:none;pointer-events:none}.mobile-help{display:none}@media(max-width:700px),(pointer:coarse){.hud-top{top:88px;right:6%;padding:9px 11px}.hud-top small{font-size:9px}.hud-icon{width:30px;height:30px}.hud-left{left:6%;bottom:178px}.hud-left strong{font-size:34px}.speed-line{width:90px}.help{bottom:155px;right:6%;gap:5px}.help-title,.desktop-help{display:none}.mobile-help{display:inline;max-width:200px;line-height:1.6}.touch-controls{display:flex;position:absolute;bottom:70px;left:5%;right:5%;justify-content:space-between;align-items:end}.control-group{display:flex;gap:8px;pointer-events:auto}.control-group button{touch-action:none;user-select:none;-webkit-user-select:none;width:49px;height:50px;border:1px solid #ffffff80;border-radius:8px;background:#263b38a6;color:#fff;font:17px Arial;backdrop-filter:blur(8px)}.control-group button.pressed{background:#e7b984bb;color:#263b38}.control-group button small{display:block;font:9px Tahoma,Arial;margin-top:3px}.bottom-bar{height:58px}.location small{display:none}}@media(max-width:380px){.control-group{gap:4px}.control-group button{width:42px}.hud-top small{max-width:220px}}.map-credit{position:absolute;bottom:95px;left:6.5%;font:9px Arial;color:#fff;background:#263b38b3;padding:5px 7px;pointer-events:auto;text-decoration:none}.map-credit:hover{text-decoration:underline}@media(max-width:700px),(pointer:coarse){.map-credit{bottom:62px;left:5%;font-size:8px}}#mission-arrow{font:16px Arial;transition:transform .15s linear}#mission-distance{margin-right:12px;color:#f4c58f;white-space:nowrap;font:11px Tahoma,Arial}.money{position:absolute;top:120px;left:6.5%;background:#233b37a6;border:1px solid #ffffff35;padding:10px 15px;min-width:130px;backdrop-filter:blur(12px)}.money small,.money strong{display:block}.money small{font-size:9px;color:#ffffffad;margin-bottom:5px}.money strong{font:700 17px Tahoma,Arial}.money em{font:9px Tahoma,Arial;color:#f0c38d;font-style:normal}@media(max-width:700px),(pointer:coarse){.money{top:145px;left:6%;padding:7px 10px;min-width:100px}.money strong{font-size:14px}#mission-distance{font-size:9px;margin-right:5px}}@media(max-width:700px),(pointer:coarse){.map-credit{bottom:132px;font-size:9px}}.places-toggle{position:absolute;top:211px;right:6.5%;pointer-events:auto;cursor:pointer;border:1px solid #f0c18b88;background:#263b38d9;color:#fff;padding:11px 14px;font:11px Tahoma,Arial;border-radius:3px}.places-toggle:hover{background:#38574e}.places-panel{position:absolute;top:260px;right:6.5%;width:min(340px,88vw);max-height:min(510px,calc(100vh - 290px));display:flex;flex-direction:column;gap:10px;padding:16px;background:#1e322ff2;border:1px solid #ffffff42;backdrop-filter:blur(16px);pointer-events:auto;box-shadow:0 12px 45px #0005;z-index:4}.places-panel[hidden]{display:none}.places-heading{display:flex;justify-content:space-between;align-items:center}.places-heading strong,.places-heading small{display:block}.places-heading strong{font-size:14px}.places-heading small{font-size:9px;color:#ffffffa8;margin-top:6px}.places-heading button{border:0;background:none;color:#fff;font:25px Arial;cursor:pointer}.places-panel input{width:100%;border:1px solid #ffffff50;background:#ffffff10;color:#fff;padding:10px;font:12px Tahoma,Arial;outline:none}.places-panel input:focus{border-color:#ebc093}.places-count,.places-note{margin:0;font-size:9px;line-height:1.7;color:#ffffffa7}.places-list{overflow:auto;overscroll-behavior:contain;min-height:70px}.place-item{width:100%;text-align:right;background:none;border:0;border-bottom:1px solid #ffffff19;color:#fff;padding:10px 3px;cursor:pointer;font-family:Tahoma,Arial}.place-item:hover,.place-item:focus{background:#ffffff12}.place-item strong,.place-item small{display:block}.place-item strong{font-size:11px;line-height:1.6}.place-item small{font-size:9px;color:#edc598;margin-top:5px}.empty-places{font-size:11px;color:#fff}.mission-return{background:#d1a778;border:0;color:#1c322c;padding:10px;font:11px Tahoma,Arial;cursor:pointer}.hud-top strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#1e322f;color:#f6e5ce;font:14px Tahoma,Arial;z-index:8}#loading[hidden]{display:none}@media(max-width:700px),(pointer:coarse){.places-toggle{top:202px;right:6%;padding:9px 11px}.places-panel{top:245px;right:6%;max-height:min(400px,calc(100vh - 385px))}.hud-top strong{max-width:190px}}@media(max-height:600px){.places-toggle{top:160px}.places-panel{top:195px;max-height:calc(100vh - 220px)}}@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}:root,button,input,.help button,.place-item,.places-panel input,.mission-return,.control-group button small,#loading,.money strong,.money em,#mission-distance{font-family:Vazirmatn,Tahoma,sans-serif}button svg,.hud-icon svg{display:inline-block;width:18px;height:18px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hud-icon svg{fill:#efc492;stroke:none;width:19px;height:19px}.control-group button svg{width:19px;height:19px;stroke-width:2.2}.control-group button small{margin-top:0}.places-toggle svg,.map-toggle svg{margin-left:4px;color:#eec08a}.map-toggle{position:absolute;top:211px;right:calc(6.5% + 155px);pointer-events:auto;cursor:pointer;border:1px solid #ffffff65;background:#263b38d9;color:#fff;padding:9px 14px;font-size:11px;border-radius:3px}.map-toggle:hover{background:#38574e}.map-panel{position:absolute;z-index:7;inset:8% 9%;background:#1c302df5;border:1px solid #ffffff4a;box-shadow:0 20px 80px #0008;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}.map-panel[hidden]{display:none}.map-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.map-header strong,.map-header small{display:block}.map-header strong{font-size:15px}.map-header small{font-size:10px;color:#fffa;margin-top:4px}.map-header button{border:0;background:none;color:#fff;font-size:26px;cursor:pointer}.map-surface{position:relative;flex:1;min-height:0;margin:0 14px}.map-surface canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.map-surface canvas:active{cursor:grabbing}.map-tools{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:5px}.map-tools button{width:38px;height:38px;border:0;border-radius:4px;color:#25443e;background:#fffffff0;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #0003}.map-footer{padding:10px 18px;display:flex;justify-content:space-between;gap:10px;color:#ffffffaf;font-size:10px}.map-footer a{color:#e9c298;direction:ltr;white-space:nowrap}@media(max-width:700px),(pointer:coarse){.map-toggle{top:202px;right:calc(6% + 150px);padding:7px 10px}.map-panel{inset:5% 4% 8%}.map-header{padding:12px}.map-header strong{font-size:13px}.map-header small{font-size:9px}.map-footer{font-size:8px;flex-direction:column;gap:3px;padding:8px 12px}.map-tools button{width:34px;height:34px}}@media(max-width:390px){.map-toggle{right:calc(6% + 140px);font-size:10px}.places-toggle{font-size:10px}}@media(max-height:600px){.map-toggle{top:160px}.map-panel{inset:3% 5%}.map-header,.map-footer{padding:4px 12px}}
