@font-face{font-family:Onest;src:url('/assets/fonts/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root{--bg:#0d130e;--pn:#131b13;--pn2:#192318;--pn3:#263222;--line:#a2b28730;--line2:#d8ff6270;--tx:#eeefe2;--tx2:#acb69e;--tx3:#839072;--ac:#d8ff62;--ok:#d8ff62}
body{font-family:Onest,system-ui,sans-serif}body:before{background-size:96px 96px;opacity:.6}body:after{color:#b0be9370}
.top{height:76px;padding-inline:25px;background:#10170ee3;border-color:var(--line)}#load{top:76px}
.logo{gap:9px}.logo svg{width:29px;height:29px}.logo b{font:500 24px/1 Oswald,sans-serif;letter-spacing:.01em}.logo b br{display:none}.logo:after{content:'КАРТА МИРА';margin-left:13px;letter-spacing:.12em;font-weight:400;font-size:8px}
.glass{background:linear-gradient(135deg,#263222e8,#11190eed);backdrop-filter:blur(20px);box-shadow:0 18px 50px #0003;border-color:var(--line)}
.pill,.box,.side,.mini,.zoom,.info,.tip{clip-path:none;border-radius:12px}.pill{font-size:9px;font-weight:400;text-transform:none;padding:10px 14px}.cpy{border-radius:7px;font:10px var(--mono)}
.side,.left{top:94px}.side{right:20px;bottom:20px;width:270px}.left{left:20px;gap:12px}.side h4,.leg b{font-weight:500;letter-spacing:.1em;font-size:9px;padding-block:17px 12px}.box{padding:12px}.leg{padding:17px}.lb{font-size:12px;padding:10px 8px;gap:11px}.sw{width:14px;height:14px;border-radius:3px}.lb.on .sw{box-shadow:none}
.srch{border-radius:7px;font:11px Onest,sans-serif;padding:10px 12px}.pl{padding:10px 9px}.pl .n{font-size:11px}.pl .c{font-size:9px}.side .ft{font-size:9px;padding:15px}
.mini{right:310px;bottom:20px;border-radius:12px}.zoom{left:20px;bottom:20px}.zoom button{width:40px;height:38px}.info{left:72px;bottom:20px;font-size:10px;padding:10px 14px}.tip{border-radius:8px}
:focus-visible{outline:2px solid var(--ac);outline-offset:4px}.lb:focus-visible{outline-offset:0}.cpy[role=button]:hover{background:#263222}
@media(max-width:960px){.logo:after{display:none}.left{width:174px}.top{gap:9px}}
@media(max-width:700px){.top{padding-inline:16px;height:70px}.logo b{font-size:22px}.logo svg{width:25px;height:25px}.logo{margin-right:0;gap:6px}.cpy{font-size:8px;padding:9px;max-width:165px}.top .spacer{display:none}#load{top:70px}.left{top:86px;left:14px;width:158px}.box{padding:8px}.lb{font-size:10px;padding:9px 7px}.zoom{left:14px;bottom:22px}.info{left:64px;bottom:22px;font-size:9px}.zoom button{width:36px;height:36px}body:after{left:auto;right:16px;bottom:17px;font-size:7px}.tip{max-width:calc(100vw - 30px);overflow:hidden}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.area-dot{width:7px;height:7px;flex:none;background:var(--ac);border-radius:50%;margin:0 7px}.pl:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}