@font-face{font-family:Vazirmatn;src:url(Vazirmatn.ttf) format('truetype');font-display:swap}
:root,:root[data-theme=dark]{--bg:#0a1128;--land:#1b2d4e;--sea:#123653;--ink:#f3e6c8;--mute:#c1b695;--grid:rgba(227,191,116,.13);--gd:#e0a526;--card:#142448}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#0a1128;--land:#1b2d4e;--sea:#123653;--ink:#f3e6c8;--mute:#c1b695;--grid:rgba(227,191,116,.13);--gd:#e0a526;--card:#142448}}
html,body{overflow-x:hidden}body{font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg)}text{font-family:Vazirmatn,Tahoma,sans-serif}
.ss-brand{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(100deg,#0b1430,#1b3058,#0b1430);border-bottom:4px solid #d5a136;box-shadow:0 5px 0 #050910;padding:10px 14px;margin-bottom:9px;text-align:right}.ss-brand img{object-fit:contain}.ss-brand h1{font-size:clamp(19px,3vw,30px);color:#e0a526;line-height:1.35}.ss-brand p{font-size:12px;color:#f3e6c8}
#main{gap:12px;max-width:1600px;padding:8px 14px;grid-template-columns:minmax(0,1fr) 340px}#mapbox{border:2px solid #bd9142;box-shadow:5px 7px 0 #050a18;border-radius:0;min-height:420px}#panel{border:1px solid #b99552;background:#142448;box-shadow:5px 7px 0 #050a18;padding:16px;max-height:640px;overflow:auto}#panel h2{color:#e0a526!important}#panel h3{border-bottom:1px solid #b99552;color:#e0a526}#panel li{border-bottom:1px solid #b9955244;padding:6px 3px;min-height:34px}#panel li:hover,#panel li.on{background:#354570}
#ctl{background:#132448;border:1px solid #aa8548;box-shadow:4px 6px 0 #050a18;padding:12px 15px;margin:9px 14px 16px;max-width:none}#bar{gap:8px}#bar button{min-height:44px;white-space:nowrap}#sl{height:19px;min-width:75px;accent-color:#e0a526}#sl::-webkit-slider-thumb{width:26px;height:30px;background:#e0a526;border-color:#f5d773;box-shadow:0 1px 4px #000}#sl::-moz-range-thumb{width:26px;height:30px;background:#e0a526;border-color:#f5d773}#yl{color:#f5c95b}.kb{background:#203658;border:1px solid #a98546;border-radius:0;box-shadow:0 3px 0 #050a18;min-height:48px}.kb.on{color:#101a34!important;border-color:#ffe9a9;font-weight:800;box-shadow:0 3px 0 #b37d19}.kb.on small{color:#182641!important}button:focus-visible,input:focus-visible,.kb:focus-visible{outline:3px solid #fff;outline-offset:2px}#src{border-right:3px solid #e0a526;padding:8px 12px;color:#e4d7b5;margin:12px 14px 25px;max-width:none}#src a{color:#ffd373}#toast{background:#10203cf2;border:1px solid #e0a526;color:#f5e6c8;box-shadow:0 5px 0 #040917}#tip{background:#112344;color:#f5e6c8;border-color:#e0a526}#hy{text-shadow:0 1px 5px #07101d,0 0 8px #07101d;color:#fff0c4}#hk{border:1px solid #ffe4a2;color:#fff!important}.coast{stroke:#f3e6c8;stroke-opacity:.5}.sn,.cn,.ml,.il{fill:#f8ebcc;stroke:#0a1128;stroke-width:3;paint-order:stroke}.sea{fill:#123653}.river{stroke:#7ac9d8}.gl{stroke:#b9955235}
@media(max-width:960px){#main{grid-template-columns:1fr}#panel{max-height:300px}#mapbox{min-height:400px}}
@media(max-width:700px){body{display:flex;flex-direction:column;overflow-x:hidden}.ss-brand{order:0;justify-content:flex-start;padding:8px 12px;margin-bottom:0}.ss-brand img{width:38px;height:38px}.ss-brand h1{font-size:20px}.ss-brand p{font-size:10px}#ctl{order:1;margin:8px 7px 2px;padding:7px 7px}#main{order:2;padding:5px 7px;display:flex;flex-direction:column;gap:8px}#src{order:3;margin:8px 9px 22px;font-size:11px}#tip{display:none}#mapbox{height:430px;min-height:430px;touch-action:none}#mapbox svg{height:100%;width:100%;touch-action:none}#panel{max-height:275px;min-height:160px;overflow:auto;padding:10px 12px;font-size:13px}#panel li{min-height:40px}#bar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:5px}#pp{grid-column:1/2}#zin{grid-column:2/3}#sl{grid-column:3/4}#yl{grid-column:4/5;min-width:65px;font-size:11px}#zout{grid-column:5/6}#zin,#zout{min-width:37px;padding:4px}#fz{grid-column:1/-1;justify-self:stretch;padding:4px;min-height:34px}#bar button{font-size:12px;padding:4px 8px}#kings{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;overscroll-behavior-inline:contain;padding:7px 0 4px}.kb{flex:0 0 auto;min-width:110px;min-height:46px;font-size:12px;padding:3px 6px}#hy{font-size:25px}#hk{font-size:11px;padding:2px 5px}#toast{bottom:5px;font-size:11px;line-height:1.6}#mapbox .sn{font-size:12px}.ml{font-size:11px}}
@media(max-width:390px){#bar{grid-template-columns:auto auto minmax(0,1fr) auto auto}#yl{display:none}#sl{grid-column:3/6}}
@media(prefers-reduced-motion:reduce){.ev.on .bi{animation:none!important}.sp,.su,.sn,.ev,.rt{transition:none!important}}

.caspian-water{fill:#257096;stroke:#aed8df;stroke-width:1.5;stroke-opacity:.85;pointer-events:none}.caspian-waves{fill:url(#wv);stroke:none;pointer-events:none}