.panel:has(.areasScreen){width:min(1120px,96vw);max-height:94dvh;background:#203b37;padding:22px;color:#f4e8c5}.areasScreen h2{margin:6px 0}.areasScreen>p{color:#c3d6c5;margin:6px 0 16px}.areasMap{position:relative;isolation:isolate;animation:mapUnroll .85s cubic-bezier(.2,.7,.2,1) both;transform-origin:left center;box-shadow:0 5px 0 #142e2d}.areasMap img{display:block;width:100%;height:auto;image-rendering:pixelated}.areaPin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;color:#fff3cf;filter:drop-shadow(0 2px 0 #233b33)}.areaPinLabel{padding:5px 8px;background:#203b37e8;border:1px solid #e3cc90;font-size:clamp(10px,1.2vw,16px);white-space:nowrap;text-align:center}.areaPin small{display:block;font-size:.68em;color:#d0d9c0;margin-top:3px}.areaHome .areaPinLabel{background:#f3e7b9;color:#234639;box-shadow:0 0 0 2px #4b775d}.areaHome small{color:#46694e}.areaNumber{display:none}.areaLegend{display:none}.areasScreen>button{display:block;margin:18px auto 0}@keyframes mapUnroll{from{clip-path:inset(0 100% 0 0);filter:brightness(.8)}to{clip-path:inset(0);filter:brightness(1)}}@media(max-width:620px){.panel:has(.areasScreen){padding:20px 12px}.areasScreen h2{font-size:22px}.areaPinLabel{display:none}.areaNumber{display:grid;place-items:center;width:23px;height:23px;background:#213e37;border:1px solid #edcf8d;font-size:12px}.areaHome .areaNumber{background:#f3e7b9;color:#234639}.areaLegend{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding-left:25px;font-size:13px}.areaLegend small{display:block;font-size:10px;color:#baceb8}}@media(prefers-reduced-motion:reduce){.areasMap{animation:none}}

.areasScreen h2{color:#f4dfa3}.areasScreen>.eyebrow{color:#a9c4ad}.panel:has(.areasScreen) #close{color:#f4dfa3}