.atlas-shell{position:relative;border:1px solid #435170;border-radius:12px;background:#070c18;overflow:hidden;box-shadow:0 10px 60px #0008}.atlas-viewport{position:relative;width:100%;height:min(76vh,850px);min-height:470px;overflow:hidden;isolation:isolate}.atlas-viewport canvas{display:block;width:100%;height:100%;touch-action:none}.atlas-controls{position:absolute;right:max(12px,env(safe-area-inset-right));top:12px;display:flex;gap:4px;background:#081527ed;border:1px solid #48708c;border-radius:10px;padding:4px;z-index:3}.atlas-controls button{font-size:12px;min-height:44px;padding:8px 12px;background:transparent;border:0}.atlas-controls button[aria-pressed=true]{background:#b6fff0;color:#092133}.atlas-location{position:absolute;left:15px;top:18px;max-width:45%;pointer-events:none;font-size:12px;font-weight:750;letter-spacing:.08em;color:#9af2ff;text-shadow:0 2px 4px #000}.atlas-action{position:absolute;right:12px;bottom:max(16px,env(safe-area-inset-bottom));z-index:3;max-width:55%;background:#bff9f1;color:#092133;font-weight:800}.atlas-hint{position:absolute;left:12px;bottom:max(18px,env(safe-area-inset-bottom));font-size:11px;pointer-events:none;color:#c4e8fb;background:#061321bd;border-radius:6px;padding:7px 11px;max-width:40%}.atlas-stick{position:absolute;width:92px;height:92px;margin:-46px 0 0 -46px;border:1px solid #a1f6ff;border-radius:50%;background:#0b3e5d77;pointer-events:none;z-index:5}.atlas-stick:before{content:'';position:absolute;inset:12px;border:1px solid #66c8e570;border-radius:50%}.atlas-stick>i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px;border:1px solid #baffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#aaffff,#2199bf);box-shadow:0 0 12px #66d9ff60}.atlas-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:11px 16px;background:#0c1627;font-size:12px;color:#adc1d5}.atlas-directory{margin-top:12px;border:1px solid #34465f;border-radius:10px;padding:14px}.atlas-directory summary{cursor:pointer;font-size:13px;color:#b7deef;min-height:44px;display:flex;align-items:center}.atlas-directory nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.atlas-directory button{display:grid;text-align:left;gap:7px}.atlas-directory small{font-size:11px;color:#b7c6da;line-height:1.4}.atlas-directory strong{font-size:13px}.atlas-directory .ad-detail{color:#bcf8ea}.atlas-data-host{position:absolute!important;left:-10000px!important;width:1200px!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important}.atlas-shell,.atlas-shell *,.atlas-directory,.atlas-directory *{box-sizing:border-box}
.atlas-shell button,.atlas-directory button{font:inherit;min-height:44px;touch-action:manipulation;color:#effaff;background:#10233a;border:1px solid #3d607a;border-radius:8px;padding:11px 15px;cursor:pointer}
.atlas-controls button{font:600 12px system-ui;min-height:44px;padding:8px 12px;background:transparent;border:0}
.atlas-controls button[aria-pressed=true]{background:#b6fff0;color:#092133}
.atlas-stick[hidden],.atlas-action[hidden]{display:none!important}
.atlas-directory button:disabled{opacity:.6;cursor:default}
.atlas-directory button:focus-visible,.atlas-shell button:focus-visible,.atlas-viewport canvas:focus-visible{outline:3px solid #a6fff4;outline-offset:-3px}
.atlas-presence{font:13px/1.5 system-ui;color:#a4def0}.atlas-presence:empty{display:none}
body.outpost-atlas #digital-map{max-width:1500px;margin:auto}
body.outpost-atlas .atlas-data-host{min-height:0!important;height:1px!important;padding:0!important;margin:0!important}
.atlas-mobile{margin:0;font:15px/1.5 system-ui,sans-serif;background:#070c18;color:#e9efff;color-scheme:dark}
.atlas-mobile main{padding:12px}.atlas-mobile-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.atlas-mobile a{color:#9aeeff}.atlas-mobile #spots{padding:24px 0}
.atlas-mobile .map-directory-controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;align-items:end}.atlas-mobile .map-directory-controls label{display:grid;gap:5px;min-width:0;flex:1}.atlas-mobile input,.atlas-mobile select,.atlas-mobile button{font:inherit}.atlas-mobile input,.atlas-mobile select{width:100%;min-width:0;min-height:44px;background:#101b2f;color:white;border:1px solid #65748e;border-radius:7px;padding:8px}
.atlas-mobile .map-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px}.atlas-mobile .map-pagination button{min-height:44px;background:#10233a;color:#e9efff;border:1px solid #526780;border-radius:7px}.atlas-mobile .map-directory-controls a{padding:10px 0;min-height:44px}
.atlas-mobile #outpost-music{margin:12px 0}.atlas-mobile .atlas-viewport{height:65svh;min-height:400px}
@media(max-width:650px){.atlas-viewport{height:70svh;min-height:420px}.atlas-controls{top:8px;right:8px}.atlas-controls button{font-size:11px;padding:7px 10px}.atlas-location{top:70px;font-size:10px}.atlas-footer{font-size:10px;padding:10px}.atlas-directory nav{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-directory button{min-width:0;overflow-wrap:anywhere}.atlas-hint{bottom:15px;font-size:10px}.atlas-action{font-size:12px}.atlas-mobile .map-directory-controls>a{flex-basis:100%}}
@media(max-height:550px) and (orientation:landscape){.atlas-viewport,.atlas-mobile .atlas-viewport{height:80svh;min-height:240px}.atlas-location{top:15px}.atlas-controls{top:7px}.atlas-hint,.atlas-action{bottom:10px}}
@media(prefers-reduced-motion:reduce){.atlas-shell *{scroll-behavior:auto!important}}