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