.jv-map-page .jv-map-back { display:inline-block; margin-bottom:22px; color:#126b80; font-weight:600; text-underline-offset:4px; }
.jv-map-page .jv-map-heading { margin-bottom:26px; }
.jv-map-page h1 { margin:10px 0; font-size:clamp(1.8rem,3vw,2.7rem); color:#163e51; }
.jv-map-page .jv-map-panel { overflow:hidden; border:1px solid #ccdee6; border-radius:18px; background:#fff; box-shadow:0 8px 28px rgba(20,60,80,.06); }
.jv-map-page .jv-map-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px; border-bottom:1px solid #dce8ed; }
.jv-map-page .jv-map-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.jv-map-page .jv-map-tools button { min-height:44px; min-width:44px; padding:10px 14px; border:1px solid #bbd4de; border-radius:8px; background:#edf6f9; color:#185b70; font:inherit; font-weight:700; cursor:pointer; }
.jv-map-page .jv-map-tools button:disabled { opacity:.45; cursor:default; }
.jv-map-page .jv-map-tools a { color:#0c7086; font-weight:600; text-underline-offset:4px; }
.jv-map-page .jv-map-help { margin:0; padding:14px 18px; color:#5b7582; line-height:1.6; }
.jv-map-page .jv-map-viewport { max-height:75vh; overflow:auto; background:#e7eff3; overscroll-behavior:contain; }
.jv-map-page #game-map { display:block; width:100%; max-width:none; height:auto; }
.jv-map-page .jv-map-error { margin:0; padding:36px 22px; color:#815342; background:#fff5ee; line-height:1.7; }
.jv-map-page main :is(a,button,[tabindex]):focus-visible { outline:3px solid #14869c; outline-offset:-3px; }
.jv-map-page [hidden] { display:none; }
@media(max-width:600px) { .jv-map-page .jv-map-tools { align-items:flex-start; flex-direction:column; } }