.map-card {display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:16px;row-gap:9px;width:min(960px,100%,calc((100dvh - 350px)*1.52 + 278px));padding:22px;overflow:auto}
.map-card>.eyebrow {grid-column:1/-1;padding-right:85px;font-size:10px;line-height:1.3}
.map-card h2 {grid-column:1/-1;margin:0 0 5px;padding-right:80px;font-size:30px;line-height:1.15}
.map-card #map-hear {position:absolute;right:53px;top:14px;float:none;margin:0}
.map-card #map-close {right:12px;top:13px}
.map-card #large-map {grid-column:1;grid-row:3;justify-self:center;align-self:center;display:block;width:min(100%,calc((100dvh - 350px)*1.52));height:auto;max-height:none;aspect-ratio:760 / 500;border-radius:14px;object-fit:contain}
.map-next {grid-column:2;grid-row:3;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;background:#e6edde;border:1px solid #c4d1b8;border-radius:17px;margin:0;text-align:center}
#map-next-art {width:65px;height:65px;flex:0 0 65px}
#map-next-art svg {width:100%;height:100%}
.map-next>div {flex:0 1 auto;min-width:0}
.map-next strong {display:block;font-size:18px;line-height:1.35;margin-top:5px;color:#344c3c}
.map-next .eyebrow {font-size:10px}
#map-guide {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;max-width:210px;padding:12px;min-height:48px;font-size:16px;line-height:1.25}
#map-guide svg {width:24px;height:24px;flex:none}
.map-card .map-legend {grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:3px 0 0;font-size:13px;line-height:1.25}
.map-card .map-legend i {width:12px;height:12px;display:inline-block;flex:none;border-radius:50%}
.map-card .map-legend .legend-you {background:#528591;border:2px solid #fffaf2;box-shadow:0 0 0 1px #528591}
.map-card .map-legend .legend-next {background:#ffe5a0;border:3px solid #c99435}
.map-card .map-legend .legend-route {width:25px;height:0;border-radius:0;border-top:3px dotted #477e89}
.map-card #map-caption {grid-column:1/-1;margin:0;font-size:12px;line-height:1.3;text-align:center;color:#6d7b60}
.mission-words {margin:16px 0;color:#635c4d}
.mission-words summary {cursor:pointer;font-size:14px;padding:9px 0}
.container-overlay[data-kind=freezer] .container-card {background:linear-gradient(145deg,#eff6ed,#e0ebe8)}
.container-overlay[data-kind=freezer] .container-picture {background:#d9e9e6}
@media(max-width:600px){
  .map-card {display:flex;flex-direction:column;gap:8px;width:min(440px,100%);padding:14px}
  .map-card>.eyebrow {display:none}
  .map-card h2 {font-size:22px;line-height:1.13;margin:0;padding-right:66px;min-height:39px}
  .map-card #map-hear {right:46px;top:11px;width:32px;height:32px}
  .map-card #map-close {right:9px;top:10px}
  .map-next {display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px 9px;padding:9px;text-align:left}
  #map-next-art {width:42px;height:42px;flex-basis:42px}
  .map-next strong {font-size:15px;line-height:1.25;margin-top:3px}
  .map-next .eyebrow {font-size:9px;line-height:1.1;letter-spacing:.7px}
  #map-guide {grid-column:1/-1;width:100%;max-width:none;justify-content:center;padding:9px 10px;min-height:42px;font-size:15px}
  #map-guide svg {width:20px;height:20px}
  .map-card #large-map {flex:none;align-self:center;width:min(100%,calc((100dvh - 390px)*1.52));border-radius:11px}
  .map-card .map-legend {font-size:11px;gap:6px 14px;margin:0}
  .map-card #map-caption {font-size:11px;line-height:1.25}
}
@media(min-width:601px) and (max-height:520px){
  #map-overlay {padding:10px}
  .map-card {width:min(900px,100%,calc((100dvh - 220px)*1.52 + 230px));grid-template-columns:minmax(0,1fr) 185px;gap:6px 12px;padding:12px}
  .map-card>.eyebrow {display:none}
  .map-card h2 {font-size:22px;line-height:1.1;margin:0}
  .map-card #large-map {grid-row:2;width:min(100%,calc((100dvh - 220px)*1.52))}
  .map-next {grid-row:2;gap:5px;padding:8px}
  #map-next-art {display:none}
  .map-next strong {font-size:14px;line-height:1.2}
  #map-guide {padding:8px;min-height:38px;font-size:13px}
  .map-card .map-legend {font-size:11px;gap:6px 16px}
  .map-card #map-caption {font-size:10px}
}