.connected-atlas{--wa-gold:#e0c48b;color:#e6dfca;border:1px solid #8c987349;background:#122327;font:13px Inter,Arial,sans-serif}.connected-atlas *{box-sizing:border-box}.wa-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #b6b98a33;flex-wrap:wrap}.connected-atlas button{font:inherit;min-height:34px;padding:6px 12px;color:#c4cbbd;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.connected-atlas button:hover,.connected-atlas button[aria-pressed=true]{color:#f1d799;background:#d7c28d16;border-color:#d7c28d55}.connected-atlas button:disabled{opacity:.35;cursor:default}.connected-atlas button:focus-visible,.connected-atlas select:focus-visible,.wa-viewport:focus-visible{outline:2px solid #ecd29d;outline-offset:-2px}.wa-tools,.wa-layers{display:flex;gap:3px;align-items:center}.wa-tools output{font:11px monospace;min-width:42px;text-align:center;color:#aebdb4}.wa-tools button[data-zoom]{font-size:22px;padding:0 10px}.wa-viewport{height:clamp(350px,57vh,690px);overflow:hidden;touch-action:none;cursor:grab;background:#162d32}.wa-viewport:active{cursor:grabbing}.wa-map{display:block;width:100%;height:100%;user-select:none}.wa-road{fill:none;stroke:#c6b480;stroke-width:2;stroke-dasharray:5 5;opacity:.6}.wa-road-active{stroke:#ffe0a2;stroke-width:3;opacity:1;stroke-dasharray:none}.wa-hit{fill:transparent;stroke:none}.wa-region{cursor:pointer;outline:none}.wa-ring{stroke:#c8bd92;fill:#203432;stroke-width:2}.wa-region:hover .wa-ring,.wa-region:focus .wa-ring{stroke:#fff2c7;stroke-width:5}.wa-region.is-selected .wa-ring{fill:#876b3e;stroke:#f3d89e}.wa-name{font:22px Georgia,serif;fill:#f1e9cd;text-anchor:middle;paint-order:stroke;stroke:#182b2be8;stroke-width:6px;stroke-linejoin:round;letter-spacing:.3px}.is-selected .wa-name{fill:#ffe5ad}.wa-you,.wa-floor{font:10px Inter,Arial,sans-serif;fill:#d4dcbb;text-anchor:middle;letter-spacing:1.4px;paint-order:stroke;stroke:#24372f;stroke-width:4px}.wa-you{fill:#ffdc8d}.wa-sea{font:13px Georgia,serif;letter-spacing:5px;fill:#abbda0;opacity:.38}.wa-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:9px 14px;color:#a2b2a7;font-size:10px;border-top:1px solid #b6b98a25}.wa-selection{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(200px,1.3fr) auto;gap:16px;padding:17px 18px;border-top:1px solid #b6b98a25;background:#132428}.wa-kicker{display:block;letter-spacing:1.8px;font-size:9px;color:#bba879;margin-bottom:8px}.wa-picker select{width:100%;max-width:310px;border:0;border-bottom:1px solid #b6b98a44;color:#f1dfb8;background:#132428;font:17px Georgia,serif;padding:5px 0 9px}.wa-services{font-size:10px;color:#a6b9aa;line-height:1.6;margin-top:9px}.wa-connections>div{display:flex;flex-wrap:wrap;gap:3px}.wa-connections button{font-size:11px;padding:4px 7px;min-height:30px;text-align:left}.wa-connections small{font-size:9px;color:#aac8cc}.wa-detail{align-self:center;color:var(--wa-gold)!important;border-color:#d7c28d55!important}.wa-muted{color:#a2b2a7;font-size:11px;line-height:1.5}.wa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.local-atlas[hidden],.connected-atlas[hidden]{display:none!important}.local-atlas canvas{width:100%;height:auto;max-height:58vh;object-fit:contain;background:#10191b}.local-atlas-heading{display:flex;align-items:center;gap:18px;margin-bottom:12px}.local-atlas-heading h3{margin:0}.game-workspace:has(.connected-atlas){width:min(1440px,97vw)}.game-workspace:has(.connected-atlas) .panel-content{padding:18px}.game-workspace:has(.connected-atlas) .ui-page-heading{margin-bottom:14px}.game-workspace:has(.connected-atlas) .wa-viewport{height:clamp(300px,51vh,640px)}
@media(max-width:700px){.wa-toolbar{padding:8px;gap:5px}.wa-tools{margin-left:auto}.connected-atlas button{padding:6px 8px}.wa-tools button[data-fit],.wa-tools button[data-here]{font-size:11px}.wa-viewport{height:440px}.wa-selection{grid-template-columns:1fr;padding:14px;gap:13px}.wa-detail{justify-self:start}.wa-caption{font-size:9px}.wa-caption span:last-child{display:none}.game-workspace:has(.connected-atlas) .panel-content{padding:12px}.game-workspace:has(.connected-atlas) .wa-viewport{height:370px}.wa-name{font-size:20px}}

.wa-viewport:has([aria-label="Unexplored terrain hidden by fog"]){background:#101b22}

@media(max-width:700px){.game-workspace:has(.connected-atlas) .close-dialog kbd{display:none}}