.map-title{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.map-title h1{margin:0}.map-title .game-select-field{min-width:16rem}.map-frame{border:1px solid var(--border-strong);background:var(--bg-3);height:min(78dvh,56rem);box-shadow:var(--shadow-window);border-radius:3px;display:none;position:relative;overflow:hidden}.map-frame[data-fullscreen]{border:0;border-radius:0;height:100dvh}@media (min-width:64rem){.map-frame{display:block}}.map-canvas{background:var(--bg-3);outline:none;position:absolute;inset:0}.map-canvas.leaflet-container{background:var(--bg-3);font:inherit;cursor:grab}.map-canvas.leaflet-dragging{cursor:grabbing}.map-controls{z-index:500;gap:.4rem;display:grid;position:absolute;top:1rem;right:1rem}.map-control{border:1px solid var(--border-strong);background:var(--panel-bg);width:2.75rem;height:2.75rem;box-shadow:var(--panel-inset), 0 4px 12px #0006;color:var(--label);cursor:pointer;border-radius:3px;place-items:center;padding:0;transition:border-color .15s,background-color .15s;display:grid}.map-control:hover{border-color:var(--accent);background:var(--slate-row)}.map-control:focus-visible{outline:1px solid var(--label-bright);outline-offset:2px}.map-control[aria-pressed=true]{border-color:var(--label)}.map-control-icon{background:currentColor;width:1.5rem;height:1.5rem;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.map-control-plus{-webkit-mask-image:url(/assets/ui/sprites/Common/UT_Common_Icon_Plus_Sprite.webp);mask-image:url(/assets/ui/sprites/Common/UT_Common_Icon_Plus_Sprite.webp)}.map-control-minus{-webkit-mask-image:url(/assets/ui/sprites/Common/UT_Common_Icon_Minus_Sprite.webp);mask-image:url(/assets/ui/sprites/Common/UT_Common_Icon_Minus_Sprite.webp)}.map-control-fullscreen{background:linear-gradient(currentColor,currentColor) 0 0/.45rem 2px no-repeat,linear-gradient(currentColor,currentColor) 0 0/2px .45rem no-repeat,linear-gradient(currentColor,currentColor) 100% 0/.45rem 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/2px .45rem no-repeat,linear-gradient(currentColor,currentColor) 0 100%/.45rem 2px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/2px .45rem no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/.45rem 2px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/2px .45rem no-repeat;width:1.15rem;height:1.15rem;-webkit-mask:none;mask:none}.map-regions{margin-top:2rem}.map-regions ul{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.map-regions li{border:1px solid var(--border);background:var(--panel-bg);box-shadow:var(--panel-inset);border-radius:3px;padding:.9rem 1rem}.map-regions h3{color:var(--text-emph);margin:0 0 .35rem;font-size:1rem}.map-regions li[data-kind=Village] h3{color:var(--label-bright)}.map-regions p{color:var(--text-desc);margin:0;font-size:.875rem;line-height:1.55}.map-group{margin-top:1.75rem}.map-cards{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.map-card{border:1px solid var(--border);background:var(--panel-bg);color:var(--text-main);border-radius:3px;gap:.5rem;padding:.5rem;text-decoration:none;transition:border-color .15s;display:grid}.map-card:hover,.map-card:focus-visible{border-color:var(--accent);color:var(--text-emph)}.map-card img{aspect-ratio:1;object-fit:cover;background:var(--bg-3);border-radius:2px;width:100%;height:auto}.map-card span{font-size:.875rem}