@font-face{font-family:Atlas;src:url('/assets/fonts/Yekan-Bakh-FaNum-Regular.woff') format('woff');font-display:swap}@font-face{font-family:Atlas;src:url('/assets/fonts/Yekan-Bakh-FaNum-Bold.woff') format('woff');font-weight:700; font-display:swap}
:root{font-family:Atlas,Tahoma,sans-serif;color:#163e36;background:#edf3ef;--green:#087c6b;--gold:#b08a3e}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bd9142;outline-offset:4px}button{border:1px solid #d8e3dd;color:#244c42;background:#fff;border-radius:12px;min-height:42px;padding:8px 13px}button:hover{background:#edf5ef}button[aria-pressed=true]{background:#0b6958;color:white;border-color:#0b6958}.atlas{display:grid;grid-template-columns:350px 1fr;min-height:760px;height:100svh;max-height:1100px}.explorer{padding:27px 27px 20px;background:#fbfcf8;z-index:600;box-shadow:-12px 0 50px #304f3e0c;display:flex;flex-direction:column;min-height:0}.identity{display:flex;align-items:center;gap:10px;color:#164e3c;text-decoration:none;font-family:Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:3px;direction:ltr;justify-content:flex-end}.identity img{width:45px;height:45px;object-fit:contain}.identity small{font-size:8px;display:block;letter-spacing:2px;margin-top:3px}.eyeline{font-size:11px;color:#708779;margin-top:30px;display:flex;align-items:center;gap:7px}.eyeline i{width:6px;height:6px;border-radius:50%;background:var(--gold)}h1{font-size:35px;line-height:1.5;margin:12px 0 8px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--green)}.intro{font-size:13px;line-height:2;color:#6a8078;margin:0 0 20px}.search{display:flex;align-items:center;border:1px solid #dce5dd;border-radius:12px;background:#fff;padding:4px 12px;gap:8px}.search span{font-size:24px}.search input{width:100%;min-width:0;background:transparent;border:0;padding:10px 0;color:#173c33;font-size:12px}.filters{display:flex;gap:5px;margin:12px 0 22px}.filters button{font-size:11px;padding:7px 9px;flex:1;white-space:nowrap}.list-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.list-heading span{color:#87948c}.results{overflow:auto;flex:1;min-height:130px;scrollbar-width:thin}.result{display:flex;align-items:center;gap:12px;text-align:right;width:100%;padding:12px 4px;border:0;border-bottom:1px solid #e7ede7;border-radius:0;background:transparent}.result .symbol{height:38px;width:38px;flex-shrink:0;border-radius:11px;background:#e7f1eb;display:grid;place-items:center;color:var(--green)}.result b{display:block;font-size:12px}.result small{display:block;color:#7d8d82;font-size:10px;margin-top:4px}.result .arrow{margin-right:auto;color:#8ca091}.disclosure{font-size:10px;color:#849287;line-height:1.9;margin:14px 0 10px}.portal{font-size:12px;text-decoration:none;color:var(--green);border-top:1px solid #dce5dc;padding-top:12px;display:flex;justify-content:space-between}.map-wrap{position:relative;min-width:0;isolation:isolate;overflow:hidden;background:#e6eeec}#map{position:absolute;inset:0;background:#e4eeeb;z-index:0}.map-heading{position:absolute;top:27px;right:28px;z-index:450;pointer-events:none;text-shadow:0 2px 15px #fff,0 2px 6px #fff}.overline{font:9px Arial,sans-serif;letter-spacing:2.2px;color:#638174}.map-heading h2{font-size:27px;margin:9px 0 4px;font-weight:400}.map-heading p{font-size:11px;color:#677f73;margin:0}.views{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid #ffffffc0;background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 9px 30px #20413414;border-radius:16px;z-index:450;white-space:nowrap}.views button{border:0;background:transparent;font-size:11px}.views button[aria-pressed=true]{background:#176c5c;color:white}.map-actions{position:absolute;top:30px;left:24px;display:flex;flex-direction:column;gap:7px;z-index:450}.map-actions button{font-size:10px;background:#ffffffea;color:#395d4f;border-color:#fff}.legend{position:absolute;bottom:43px;right:25px;left:20px;z-index:450;display:flex;gap:16px;font-size:10px;color:#496558;pointer-events:none}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:8px;height:8px;background:var(--c);border-radius:50%}.map-signature{position:absolute;bottom:13px;right:26px;z-index:450;font:700 14px Arial;color:#597567;letter-spacing:2px;pointer-events:none}.map-signature span{font:7px Arial;letter-spacing:2px;margin-left:8px}.status{position:absolute;top:140px;left:18px;right:18px;z-index:500;font-size:12px;border-radius:8px;padding:10px;background:#fff8e8;color:#736036}.status:empty{display:none}
.leaflet-control-zoom{border:1px solid #fff!important;box-shadow:0 5px 20px #23483817!important;margin:135px 24px 0 0!important}.leaflet-control-zoom a{color:#285547!important;background:#fffffff0!important}.leaflet-control-attribution{font-size:8px!important;background:#ffffffaa!important}.leaflet-container{font-family:Atlas,Tahoma,sans-serif}.country-label{white-space:nowrap;font-size:12px;color:#628076;text-shadow:0 1px 4px white;font-weight:700;pointer-events:none}.country-label.focus{font-size:21px;color:#116955;letter-spacing:1px}.country-label.saudi{color:#977330}.pin-wrap{background:none;border:0}.pin{position:relative;display:grid;place-items:center;width:30px;height:30px;border:2px solid white;border-radius:50%;background:var(--pin);color:white;box-shadow:0 3px 13px #244d3c35;font:16px Arial}.pin:before{content:'';position:absolute;inset:-7px;border:1px solid var(--pin);border-radius:50%;opacity:.22;animation:breathe 12s ease-in-out infinite}.pin:hover{box-shadow:0 0 0 5px #fff8}.trade-line{animation:trade 60s linear infinite}.paused .pin:before,.paused .trade-line{animation-play-state:paused}.leaflet-popup-content-wrapper{padding:0;overflow:hidden;border-radius:17px;background:#fffefb;box-shadow:0 20px 60px #17382f30}.leaflet-popup-content{margin:0!important;width:275px!important;direction:rtl;text-align:right}.leaflet-popup{animation:appear .5s ease}.leaflet-popup-close-button{background:#fff!important;border-radius:50%;right:8px!important;top:8px!important;z-index:5}.photo{height:145px;background:linear-gradient(135deg,#d8e8df,#f1ead5);position:relative;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity 1.2s}.photo img.loaded{opacity:1}.photo .photo-label{font-size:11px;color:#5b7467;padding:22px;text-align:center}.photo-credit{position:absolute;bottom:6px;left:8px;color:#fff!important;background:#123b30ad;border-radius:5px;font-size:8px;padding:3px 5px;text-decoration:none}.detail{padding:17px}.detail .tag{font-size:10px;color:#a17b35}.detail h3{font-size:18px;margin:7px 0}.detail p{font-size:11px;line-height:1.9;color:#667a6c;margin:7px 0}.detail small{font-size:9px;line-height:1.8;display:block;color:#839084}.detail .links{display:flex;gap:12px;margin-top:13px}.detail a{font-size:11px;color:#0b765f}.empty{font-size:12px;color:#738675;padding:20px 4px}@keyframes breathe{0%,100%{transform:scale(.8);opacity:.1}50%{transform:scale(1.45);opacity:.35}}@keyframes trade{to{stroke-dashoffset:-180}}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.atlas{grid-template-columns:400px 1fr}.explorer{padding:32px 36px}h1{font-size:41px}}@media(max-width:950px){.atlas{grid-template-columns:285px 1fr}.explorer{padding:22px 18px}h1{font-size:29px}.map-heading h2{font-size:23px}.overline{font-size:7px}.map-actions{top:128px;left:12px}.views{gap:0}.views button{font-size:10px;padding:8px}.legend{gap:8px;font-size:8px}.map-heading{right:18px}.filters button{padding:6px}}
@media(max-width:650px){.atlas{height:auto;max-height:none;display:flex;flex-direction:column;min-height:100svh}.explorer{display:contents}.identity,.eyeline,.intro,.portal{display:none}h1{order:0;margin:0;padding:17px 20px 8px;font-size:25px;background:#fbfcf8}h1 br{display:none}.search{order:1;margin:0 16px 9px}.filters{order:2;margin:0 16px 12px}.map-wrap{order:3;height:65svh;min-height:480px;width:100%}.list-heading{order:4;padding:18px 20px 0}.results{order:5;max-height:250px;min-height:100px;padding:0 18px}.disclosure{order:6;padding:0 20px}.map-heading{top:15px;right:16px}.map-heading h2{font-size:22px}.map-heading p{max-width:230px}.map-actions{top:105px;left:12px}.views{bottom:75px;width:max-content;max-width:96%;padding:4px}.views button{padding:7px 9px;font-size:10px}.legend{bottom:38px;flex-wrap:wrap;row-gap:5px}.legend span:last-child{flex-basis:100%}.map-signature{bottom:12px}.leaflet-control-zoom{margin:105px 16px 0 0!important}.status{top:205px}.leaflet-popup-content{width:245px!important}.photo{height:115px}.detail{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Self-contained SVG atlas: no third-party map CDN. */
.atlas-svg{width:100%;height:100%;display:block;transition:opacity .4s}.country{fill:#eff3e9;stroke:#b6c8bd;stroke-width:1.1;vector-effect:non-scaling-stroke}.country.iran{fill:#afd8c1;stroke:#087c6b;stroke-width:2}.country.saudi{fill:#e5d4a6;stroke:#b08a3e;stroke-width:2}.route{fill:none;stroke:#a58a51;stroke-width:1.6;stroke-dasharray:5 11;opacity:.65;animation:trade 60s linear infinite;vector-effect:non-scaling-stroke}.map-pin{cursor:pointer;outline:none}.map-pin .dot{fill:var(--pin);stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 2px 3px #20413477)}.map-pin.port{--pin:#167f84}.map-pin.energy{--pin:#a17b35}.map-pin.services{--pin:#7c7199}.map-pin .pulse{fill:var(--pin);opacity:.24;animation:breathe 8s ease-in-out infinite}.map-pin text{font:14px Arial;fill:#fff;pointer-events:none}.map-pin:focus .dot,.map-pin:hover .dot{stroke-width:5}.paused .map-pin .pulse,.paused .route{animation-play-state:paused}.map-popup{position:absolute;z-index:520;width:260px;transform:translate(14px,-108%);padding:17px;border-radius:16px;background:#fffefb;box-shadow:0 20px 55px #17382f42;direction:rtl;text-align:right;animation:appear .35s ease}.map-popup .popup-close{position:absolute;top:8px;left:8px;min-height:25px;width:25px;padding:0;border-radius:50%;border:0;font-size:20px;line-height:1;color:#567568}.map-popup .tag{font-size:10px;color:#a17b35}.map-popup h3{font-size:17px;margin:8px 0}.map-popup p{font-size:11px;line-height:1.8;margin:6px 0;color:#667a6c}.map-popup small{font-size:9px;color:#839084;display:block;margin-bottom:11px}.map-popup a{font-size:11px;color:#087c6b}.map-actions{max-width:120px}.map-actions button{min-height:34px;padding:6px 8px}.map-actions #zoom-in,.map-actions #zoom-out{display:none}@media(max-width:950px){.map-actions #zoom-in,.map-actions #zoom-out{display:block}}