.map-frame,
.map-dialog-plan { isolation:isolate; }
.map-frame .map-open:hover img { transform:none; }
.map-pin:not(.map-gazebo) { z-index:3; }
.map-expand { z-index:4; }
.map-gazebo,
.map-dialog-plan .map-gazebo {
  width:64px;height:68px;background:transparent;border:0;border-radius:0;
  box-shadow:none;padding:0;color:#1f412e;font-size:15px;
  filter:drop-shadow(0 2px 3px #17382826);
  transition:filter .2s,transform .2s;
}
.map-gazebo > img { display:block;width:100%;height:100%;object-fit:contain; }
.map-gazebo > span {
  position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:21px;height:24px;
  border:1px solid #fcffec;border-radius:6px;background:linear-gradient(145deg,#fffff2,#e4e8cf);
  box-shadow:0 2px 5px #17382835,inset 0 1px 1px #ffffffb8;
  font-family:var(--sans);font-size:15px;line-height:1.12;color:#1f412e;
}
.map-gazebo:hover,
.map-gazebo:focus-visible { background:transparent;color:#1f412e;box-shadow:none;filter:drop-shadow(0 4px 6px #17382860);transform:translate(-50%,-50%) scale(1.06); }
.legend-dome { width:32px;height:34px;object-fit:contain; }
.map-season-switch {
  position:absolute;top:17px;right:17px;z-index:4;
  display:flex;gap:3px;padding:4px;
  border:1px solid #d7d9c9;border-radius:5px;
  background:#faf7eef5;box-shadow:0 3px 16px #1b362c25;
}
.map-season-switch button {
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:36px;padding:8px 13px;border-radius:3px;
  font-family:var(--sans);font-size:14px;line-height:1.12;color:#4b5d4c;
  transition:background .2s,color .2s;
}
.map-season-switch button[aria-pressed="true"] { color:#fff8e6;background:#1c3c30; }
.map-season-switch button[aria-pressed="false"]:hover { background:#e7eadc; }
.map-season-switch svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round; }
.map-season-switch[aria-busy="true"] { opacity:.75; }
.map-season-status { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.park-life-canvas {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:1;
}
.map-foodtruck {
  position:absolute;
  left:52.4%;
  top:80.2%;
  transform:translate(-50%,-50%);
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:9px 13px;
  background:#18382d;
  color:#fff9e9;
  border:1px solid #f5e9ce;
  border-radius:3px;
  box-shadow:0 3px 12px #142a1f54;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.12;
  white-space:nowrap;
  transition:background .2s, box-shadow .2s;
}
.map-foodtruck:hover,
.map-foodtruck:focus-visible {
  background:#34593e;
  box-shadow:0 0 0 5px #fbf1db45,0 3px 12px #142a1f54;
}
.map-foodtruck svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round; }
.map-motion-toggle {
  position:absolute;
  left:17px;
  bottom:17px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 11px;
  min-height:34px;
  color:#21432f;
  background:#faf6e9ed;
  border:1px solid #d3d8bf;
  border-radius:3px;
  box-shadow:0 2px 12px #152a2021;
  font-family:var(--sans);
  font-size:14px;
  line-height:1.3;
}
.map-motion-toggle:hover { background:#fffdf5; }
.map-motion-toggle svg { width:12px;height:12px;fill:currentColor; }
.map-motion-toggle .motion-play { display:none; }
.map-motion-toggle[aria-pressed="false"] .motion-play { display:block; }
.map-motion-toggle[aria-pressed="false"] .motion-pause { display:none; }
.food-dialog {
  width:min(740px,calc(100vw - 40px));
  border-radius:6px;
  background:#faf7ee;
  scrollbar-color:#a4af95 #f0eee2;
}
.food-dialog .dialog-close {
  background:#ffffff17;
  color:#fff6e5;
  border:1px solid #d2d8b75c;
}
.food-dialog .dialog-close:hover { background:#ffffff2b; }
.food-dialog-header {
  position:relative;
  padding:43px 52px 35px;
  text-align:center;
  color:#fcf7e9;
  background:#18382d;
  border-bottom:1px solid #a9956a;
}
.food-dialog-header > img { width:70px;height:70px;margin:0 auto 18px; }
.food-dialog-header .eyebrow {
  justify-content:center;
  font-size:14px;
  letter-spacing:.08em;
  color:#dbd1af;
  margin-bottom:14px;
}
.food-dialog-header h2 { font-size:57px;letter-spacing:0;line-height:1.12; }
.food-dialog-header > p { font-family:var(--serif);font-size:21px;line-height:1.4;color:#e7e6d6;margin-top:16px; }
.food-menu-preview { display:inline-block;border:1px solid #aeb99a79;padding:5px 11px;font-family:var(--sans);font-size:14px;line-height:1.4;letter-spacing:.04em;color:#e0d8bd;margin-top:24px; }
.food-menu-content { padding:0 42px 29px; }
.food-menu-tabs {
  position:sticky;
  top:0;
  display:flex;
  gap:22px;
  border-bottom:1px solid #bdc7ae;
  background:#faf7eef7;
  padding:13px 0 0;
  margin-bottom:9px;
  z-index:2;
}
.food-menu-tabs button {
  font-family:var(--sans);
  font-size:14px;
  line-height:1.4;
  padding:12px 0 14px;
  color:#61735c;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
}
.food-menu-tabs button.active { color:#18382d;border-color:#18382d; }
.food-menu-tabs button:hover { color:#18382d; }
.food-menu-group { padding-top:25px; }
.food-category-photo { margin:4px 0 22px;position:relative;overflow:hidden;border-radius:3px;background:#e5e7dc; }
.food-category-photo img { display:block;width:100%;height:auto;aspect-ratio:1.9;object-fit:cover; }
.food-category-photo figcaption { position:absolute;bottom:0;left:0;right:0;padding:36px 20px 14px;background:linear-gradient(transparent,#0e251bc9);color:#fff9e9;font-family:var(--serif);font-size:23px;line-height:1.2; }
.food-menu-group-heading { display:flex;gap:15px;align-items:center;margin-bottom:9px; }
.food-menu-group-heading > span { color:#9b875c;font-size:14px;letter-spacing:.08em; }
.food-menu-group-heading h3 { font-size:32px;line-height:1.1;letter-spacing:0; }
.food-menu-group ul { list-style:none;margin:0;padding:0; }
.food-menu-item {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:19px 0 17px;
  border-bottom:1px solid #dedfcf;
}
.food-menu-item h4 { font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.15;letter-spacing:0;color:#1c392c;margin:0; }
.food-menu-item p { font-family:var(--sans);font-size:14px;line-height:1.7;color:#65735b;max-width:410px;margin-top:7px; }
.food-menu-item > div > span { display:block;font-family:var(--sans);font-size:14px;line-height:1.4;letter-spacing:.03em;color:#7b856d;margin-top:8px; }
.food-menu-item strong { display:block;white-space:nowrap;font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;color:#294a32;padding-top:1px; }
.food-menu-item strong > span { font-family:Arial,sans-serif;font-size:17px; }
.food-menu-footer { border-top:1px solid #b8c2a6;margin-top:32px;padding-top:25px;text-align:center; }
.food-menu-footer > span { font-family:var(--serif);font-size:26px;line-height:1.2; }
.food-menu-footer p { font-family:var(--sans);font-size:14px;line-height:1.8;color:#708164;max-width:430px;margin:12px auto 0; }
@media(max-width:960px) {
  .map-legend { flex-wrap:wrap;gap:15px 20px; }
  .map-bottom { align-items:flex-start; }
  .map-foodtruck { padding:8px 10px;gap:6px;font-size:14px; }
  .map-foodtruck svg { width:17px;height:17px; }
}
@media(max-width:700px) {
  .map-gazebo,.map-dialog-plan .map-gazebo { width:46px;height:49px; }
  .map-gazebo > span { font-size:14px;width:16px;height:18px;border-radius:4px; }
  .food-category-photo { margin-bottom:18px; }
  .food-category-photo img { aspect-ratio:1.5; }
  .food-category-photo figcaption { padding:32px 15px 12px;font-size:22px; }
  .map-season-switch { top:8px;right:8px;padding:3px;gap:2px; }
  .map-season-switch button { min-height:32px;padding:6px 9px;gap:5px;font-size:14px; }
  .map-season-switch svg { width:15px;height:15px; }
  .map-foodtruck { min-height:29px;padding:5px 7px; }
  .map-foodtruck > span { display:none; }
  .map-foodtruck svg { width:16px;height:16px; }
  .map-motion-toggle { left:9px;bottom:9px;padding:6px 8px;min-height:27px;font-size:14px;gap:5px; }
  .map-motion-toggle svg { width:9px;height:9px; }
  .food-dialog { width:calc(100vw - 22px);border-radius:5px; }
  .food-dialog-header { padding:34px 24px 28px; }
  .food-dialog-header > img { width:60px;height:60px;margin-bottom:16px; }
  .food-dialog-header h2 { font-size:43px; }
  .food-dialog-header > p { font-size:20px; }
  .food-dialog-header .eyebrow { font-size:14px; }
  .food-menu-preview { margin-top:20px; }
  .food-menu-content { padding:0 23px 26px; }
  .food-menu-tabs { justify-content:space-between;gap:13px;padding-top:8px; }
  .food-menu-tabs button { font-size:14px; }
  .food-menu-group { padding-top:24px; }
  .food-menu-group-heading { gap:12px; }
  .food-menu-group-heading h3 { font-size:27px; }
  .food-menu-item { gap:18px;padding-block:17px; }
  .food-menu-item h4 { font-size:23px; }
  .food-menu-item p { font-size:14px; }
  .food-menu-item strong { font-size:23px; }
  .food-menu-item strong > span { font-size:15px; }
  .food-menu-footer > span { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
  .map-foodtruck,
  .map-motion-toggle,
  .map-season-switch button { transition:none; }
}
@media(max-width:380px) {
  .map-season-switch button { padding-inline:7px;gap:4px; }
  .map-season-switch svg { width:14px;height:14px; }
}