.map-layout{gap:16px;margin-top:12px;display:grid}@media (min-width:860px){.map-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}}.map{width:100%;max-width:560px;aspect-ratio:100 / var(--h);background:radial-gradient(60% 50% at 50% 46%,#eee5d10f,#0000 75%),#0000001f;border:1.5px dashed #eee5d121;border-radius:22px 14px 24px 16px;margin:0 auto;animation:.5s both fade;position:relative}.map-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-paths path{fill:none;stroke:var(--sand);stroke-width:.85px;stroke-linecap:round;stroke-dasharray:.01 2.2;opacity:.45}.map-paths path.fog{opacity:.28}.map-fog{color:color-mix(in srgb, var(--dust) 80%, transparent);text-shadow:0 0 6px #1a1917;pointer-events:none;font-size:clamp(24px,6vw,34px);line-height:1;animation:.6s both fade;position:absolute;translate:-50% -50%}.map-paths path.open{stroke:var(--gold);stroke-width:1.1px;opacity:.9;animation:1.8s linear infinite map-walk}@keyframes map-walk{to{stroke-dashoffset:-2.21px}}.map-land{--g:clamp(40px, 12.5vw, 64px);width:30%;translate:-50% calc(var(--g) / -2);color:var(--sand);animation:.45s both fade-up;animation-delay:calc(var(--i) * 40ms);background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:0;display:flex;position:absolute}.map-pic{width:var(--g);height:var(--g);place-items:center;display:grid;position:relative}.map-glyph{width:100%;height:100%;color:var(--bone);transition:transform .2s,color .2s}.map-land.here .map-glyph{color:var(--gold);filter:drop-shadow(0 0 12px #e6c06a59)}.map-land.near .map-pic:before,.map-land.sel .map-pic:before{content:"";border:1.5px dashed color-mix(in srgb, var(--gold) 40%, transparent);pointer-events:none;border-radius:50% 46% 52% 47%;position:absolute;inset:-9%}.map-land.sel .map-pic:before{border-style:solid;border-color:color-mix(in srgb, var(--bone) 55%, transparent);background:#eee5d10d}.map-land:hover .map-glyph,.map-land:focus-visible .map-glyph{transform:scale(1.07)rotate(-2deg)}.map-land:focus-visible{outline:none}.map-you{width:46%;height:46%;color:var(--ochre);animation:2.6s ease-in-out infinite map-pulse;position:absolute;top:-12%;right:-22%}@keyframes map-pulse{50%{opacity:.8;transform:scale(1.12)rotate(-6deg)}}.map-name,.map-cost{text-shadow:0 0 3px #1a1917,0 0 6px #1a1917,0 0 10px #1a1917}.map-name{color:var(--sand);white-space:nowrap;font-size:clamp(17px,4.4vw,24px);line-height:1}.map-land.here .map-name{color:var(--gold)}.map-cost{color:var(--gold);white-space:nowrap;font-size:11.5px;line-height:1.1}.map-places{gap:1px;margin-top:1px;display:flex}.map-place .icon{width:15px;height:15px;color:var(--sand)}.map-place.good .icon{color:var(--moss)}.map-place.bad .icon{color:var(--rust)}.map-side{text-align:left;align-content:start;display:grid}.map-info{background:#eee5d109;border:1px solid #eee5d11a;border-radius:12px 8px 13px 9px;padding:10px 12px 12px}.map-info-head{align-items:center;gap:10px;display:flex}.map-info-head>.icon{width:46px;height:46px;color:var(--bone)}.map-info-head>span{gap:2px;display:grid}.map-info-head b{color:var(--bone);font-size:27px;line-height:1}.map-info-head small{color:var(--dust);font-size:13.5px}.map-sheet .sheet-note{margin-top:8px}.map-sheet.sheet.wide .map-place-list,.map-sheet.sheet.wide .map-routes{grid-template-columns:minmax(0,1fr)}.map-place-list{margin-top:10px}.map-place-list li.bad .icon{color:var(--rust)}.map-warn{color:var(--clay)}.map-sheet .sheet-sub{margin-top:16px}.map-routes{margin-top:8px}.map-routes li{cursor:pointer}.map-routes li.sel{border-color:color-mix(in srgb, var(--bone) 40%, transparent)}.map-routes li.ready.sel{border-color:color-mix(in srgb, var(--gold) 70%, transparent)}.map-route-places{color:var(--moss);font-size:12.5px}.map-routes .wait{white-space:normal;text-align:right;max-width:130px;line-height:1.25}@media (max-width:640px){.hud-actions .map-btn{display:none}.map-cost{font-size:10.5px}.map-place .icon{width:13px;height:13px}}