/* Settled mobile map geometry required before deferred modules initialize. */
@media (max-width: 899px) {
  body[data-view="map"] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
  }

  @supports not (height: 100dvh) {
    body[data-view="map"] {
      height: 100vh;
    }
  }

  .maplibregl-ctrl-top-right {
    display: none !important;
  }

  .maplibregl-ctrl-bottom-right {
    top: 38px !important;
    right: auto !important;
    bottom: auto !important;
    left: max(8px, env(safe-area-inset-left, 0px)) !important;
    max-width: calc(100vw - 86px) !important;
  }

  .maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib {
    max-width: calc(100vw - 86px) !important;
    font-size: 10px !important;
  }

  #map-view > #venue-tray.venue-tray::before {
    content: none !important;
    display: none !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek {
    position: absolute !important;
    z-index: 46 !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 96px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: var(--cgb-white, #fff) !important;
    border: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    box-shadow: 0 -12px 30px rgba(1, 1, 51, .2) !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-handle {
    height: 18px !important;
    display: grid !important;
    background: var(--cgb-white, #fff) !important;
    pointer-events: auto !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-handle span {
    width: 34px !important;
    height: 4px !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-peek {
    padding: 0 10px 7px !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-summary {
    min-height: 70px !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    gap: 9px !important;
    padding: 2px 12px 8px !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-summary__marker {
    width: 20px !important;
    height: 20px !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-summary__copy strong {
    font-size: .96rem !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-summary__copy small {
    font-size: .64rem !important;
  }

  body[data-view="map"][data-command-surface="map"] #map-view > #venue-tray.venue-tray.tray--peek .tray-summary__chevron {
    display: none !important;
  }

  body[data-view="detail"] .venue-detail > .action-row.detail-primary-actions {
    position: fixed !important;
    z-index: 47 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--footer-height) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  body[data-view="detail"] .detail-hero.detail-hero--no-photo,
  body[data-view="detail"] .detail-hero.detail-hero--has-photo {
    padding-bottom: 6px !important;
  }

  body[data-view="detail"] .detail-directions-inline,
  body[data-view="detail"] .detail-website-inline {
    min-height: 28px !important;
  }

  body[data-view="detail"] .activity-card {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 3px 6px !important;
    margin: 0 16px !important;
    padding: 8px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--cgb-neutral-200) !important;
    border-radius: 0 !important;
  }

  body[data-view="detail"] .activity-card > strong {
    display: inline-flex !important;
    gap: 4px !important;
    font-size: .8rem !important;
    line-height: 1.2 !important;
  }

  body[data-view="detail"] .activity-card .bear-count__number,
  body[data-view="detail"] .activity-card .bear-count__label {
    font-family: inherit !important;
    font-size: .8rem !important;
    font-weight: 800 !important;
    line-height: inherit !important;
  }

  body[data-view="detail"] .activity-card p {
    margin: 0 !important;
    color: var(--cgb-ink-500) !important;
    font-size: .72rem !important;
    line-height: 1.2 !important;
  }

  body[data-view="detail"] .activity-card p::before {
    content: "·";
    margin-right: 6px;
    color: var(--cgb-ink-500);
  }

  body[data-view="detail"] .detail-contribution__actions {
    gap: 4px 12px !important;
  }

  body[data-view="detail"] .detail-contribution__action {
    min-height: 32px !important;
    padding: 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
  }

  body[data-view="detail"] .detail-contribution__action:hover,
  body[data-view="detail"] .detail-contribution__action:focus-visible {
    background: transparent !important;
  }
}

@media (max-width: 899px) and (orientation: portrait) {
  body[data-view="map"][data-command-surface="map"] {
    --header-height: calc(176px + env(safe-area-inset-top, 0px));
  }

  body[data-view="map"][data-command-surface="map"] .site-header {
    height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    align-content: start !important;
    gap: 12px !important;
    padding: calc(env(safe-area-inset-top, 0px) + 10px) max(16px, env(safe-area-inset-right, 0px)) 25px max(16px, env(safe-area-inset-left, 0px)) !important;
  }

  body[data-command-surface="search"],
  body[data-command-surface="add"],
  body[data-command-surface="list"] {
    --header-height: calc(112px + env(safe-area-inset-top, 0px));
  }

  body[data-command-surface="search"] .site-header,
  body[data-command-surface="add"] .site-header,
  body[data-command-surface="list"] .site-header {
    height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    display: grid !important;
    grid-template-rows: 36px 56px !important;
    align-content: start !important;
    gap: 4px !important;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) max(14px, env(safe-area-inset-right, 0px)) 8px max(14px, env(safe-area-inset-left, 0px)) !important;
  }

  body[data-command-surface="search"] .site-header__brand-row,
  body[data-command-surface="add"] .site-header__brand-row,
  body[data-command-surface="list"] .site-header__brand-row {
    min-height: 36px !important;
    display: flex !important;
  }

  body[data-command-surface="search"] .opening-stat,
  body[data-command-surface="add"] .opening-stat,
  body[data-command-surface="list"] .opening-stat {
    display: none !important;
  }

  body[data-command-surface="search"] .game-button,
  body[data-command-surface="add"] .game-button,
  body[data-command-surface="list"] .game-button {
    min-height: 56px !important;
    grid-template-rows: auto auto !important;
    padding: 4px 34px 4px 0 !important;
    border-bottom: 0 !important;
  }

  body[data-command-surface="search"] .game-button__eyebrow,
  body[data-command-surface="add"] .game-button__eyebrow,
  body[data-command-surface="list"] .game-button__eyebrow {
    display: none !important;
  }

  body[data-command-surface="search"] #header-game-label,
  body[data-command-surface="add"] #header-game-label,
  body[data-command-surface="list"] #header-game-label {
    font-size: 1.08rem !important;
  }

  body[data-command-surface="search"] #header-kickoff,
  body[data-command-surface="add"] #header-kickoff,
  body[data-command-surface="list"] #header-kickoff {
    font-size: .72rem !important;
  }
}