:root {
    --app-ink: #0b2f33;
    --app-muted: #58706c;
    --app-line: #cbdad5;
    --app-soft: #eef6f2;
    --app-bg: #f4f8f6;
    --app-green: #0b7758;
    --app-orange: #d95732;
    --app-yellow: #ffcf33;
    --app-touch: 48px;
}

body { color: var(--app-ink); background: var(--app-bg); }
button, input, select, textarea { letter-spacing: normal; }
.form-control, .form-select { min-height: var(--app-touch); color: var(--app-ink); border-color: #aebfba; background-color: #fff; font-size: 1rem; }
.form-control::placeholder { color: #6c817d; opacity: 1; }
.form-control:focus, .form-select:focus { border-color: var(--app-green); box-shadow: 0 0 0 .2rem rgba(11, 119, 88, .15); }
.btn { min-height: var(--app-touch); font-size: .95rem; font-weight: 750; }

/* App shell */
.mobile-app-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mobile-app-nav a, .mobile-app-nav button { min-height: 3.75rem; font-size: .72rem; }
.mobile-app-nav i { font-size: 1.2rem; }
.app-topbar { border-bottom-color: var(--app-line); }
.global-search-dialog { border: 0; border-radius: 8px; background: #fff; }
.global-search-head strong { font-size: 1.05rem; }
.global-search-form input { font-size: 1rem; }
.nearby-parks-button { display: flex; width: calc(100% - 1.5rem); min-height: 58px; align-items: center; gap: .8rem; margin: 0 .75rem .7rem; padding: .7rem .8rem; color: var(--app-ink); border: 1px solid var(--app-line); border-radius: 8px; background: var(--app-soft); text-align: left; }
.nearby-parks-button > i { color: var(--app-green); font-size: 1.25rem; }
.nearby-parks-button span { display: grid; gap: .08rem; }
.nearby-parks-button small { color: var(--app-muted); font-size: .78rem; }
.directory-loading { display: flex; min-height: 72px; align-items: center; justify-content: center; gap: .55rem; padding: 1rem; color: var(--app-muted); font-size: .88rem; }
.global-result { min-height: 64px; }
.country-directory-toggle { display: grid; width: 100%; min-height: 48px; grid-template-columns: 26px minmax(0, 1fr) auto auto; align-items: center; gap: .55rem; padding: .55rem .6rem; color: #fff; border: 0; border-radius: 6px; background: transparent; text-align: left; }
.country-directory-toggle:hover, .country-directory-toggle[aria-expanded="true"] { background: rgba(255, 255, 255, .1); }
.country-directory-toggle img { object-fit: contain; }
.country-directory-toggle span { font-size: .82rem; font-weight: 800; }
.country-directory-toggle small { color: #a9c6c0; }
.country-directory-toggle[aria-expanded="true"] > i:last-child { transform: rotate(180deg); }
.country-park-links { display: grid; gap: .1rem; padding: .15rem 0 .5rem 1.2rem; }
.country-park-link { border-radius: 6px; }
.app-snackbar { position: fixed; z-index: 1500; right: .75rem; bottom: calc(var(--wc-mobile-nav-height) + env(safe-area-inset-bottom) + .75rem); left: .75rem; display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: .75rem; padding: .7rem .8rem; color: #fff; border-radius: 8px; background: var(--app-ink); box-shadow: 0 12px 28px rgba(11, 47, 51, .25); }
.app-snackbar[hidden] { display: none; }
.app-snackbar span { font-size: .88rem; font-weight: 700; }
.app-snackbar button { min-height: 40px; padding: .35rem .6rem; color: var(--app-yellow); border: 0; background: transparent; font-weight: 800; }

/* Home */
.webapp-home { gap: .85rem; }
.home-command { display: grid; gap: 1rem; padding: 1.1rem; color: #fff; border-radius: 8px; background: var(--app-ink); }
.home-command-copy { max-width: 52rem; }
.home-live-label { display: inline-flex; align-items: center; gap: .45rem; color: #bce9d8; font-size: .78rem; font-weight: 800; }
.home-command h1 { margin: .55rem 0 .75rem; color: #fff; font-size: 2.15rem; line-height: 1.02; }
.home-command h1 span { color: var(--app-yellow); }
.home-command-copy > p { max-width: 45rem; margin: 0; color: #d4e7e1; font-size: .95rem; line-height: 1.55; }
.active-park-resume { display: grid; grid-template-columns: minmax(0, 1fr); gap: .7rem; padding: .8rem; color: var(--app-ink); border-radius: 8px; background: #fff; }
.active-park-resume[hidden] { display: none; }
.active-park-resume > span { display: grid; gap: .1rem; }
.active-park-resume small { color: var(--app-muted); font-size: .75rem; }
.active-park-resume strong { font-size: 1.05rem; }
.home-park-actions { display: grid; gap: .55rem; }
.home-park-picker, .home-nearby-picker { display: grid; width: 100%; min-height: 64px; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .75rem; color: var(--app-ink); border: 0; border-radius: 8px; background: #fff; text-align: left; }
.home-nearby-picker { grid-template-columns: auto minmax(0, 1fr); background: #dff3e9; }
.home-park-picker > i:first-child, .home-nearby-picker > i { display: grid; width: 40px; height: 40px; place-items: center; color: var(--app-green); border-radius: 7px; background: var(--app-soft); font-size: 1.15rem; }
.home-park-picker span, .home-nearby-picker span { display: grid; gap: .08rem; }
.home-park-picker small, .home-nearby-picker small { color: var(--app-muted); font-size: .78rem; }
.home-quick-search { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; padding: .35rem .35rem .35rem .75rem; border: 1px solid rgba(255, 255, 255, .32); border-radius: 8px; background: #fff; }
.home-quick-search > i { color: var(--app-muted); }
.home-quick-search input { min-width: 0; min-height: 48px; padding: 0; border: 0; outline: 0; font-size: 1rem; }
.home-quick-search button { min-height: 44px; padding: .5rem .8rem; color: #fff; border: 0; border-radius: 7px; background: var(--app-green); font-weight: 800; }
.home-park-section, .home-country-directory, .park-results-head, .park-results-section { padding: 1rem; border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.home-park-section > header { display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; margin-bottom: .7rem; }
.home-park-section h2 { margin: .1rem 0 0; font-size: 1.3rem; }
.home-park-section > header > small { color: var(--app-muted); font-size: .72rem; text-align: right; }
.section-kicker { color: var(--app-green); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.home-park-list { display: grid; }
.home-park-list > a { display: grid; min-height: 70px; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .65rem; padding: .7rem .1rem; color: var(--app-ink); border-top: 1px solid #e2ebe7; }
.home-park-list > a:first-child { border-top: 0; }
.home-park-name { display: grid; min-width: 0; }
.home-park-name small { color: var(--app-muted); font-size: .72rem; }
.home-park-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-park-metrics { display: none; }
.home-park-list .data-state { font-size: .68rem; }
.home-country-directory { padding: 0; }
.home-country-directory > summary { display: grid; min-height: 72px; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; padding: .8rem 1rem; cursor: pointer; list-style: none; }
.home-country-directory > summary::-webkit-details-marker { display: none; }
.home-country-directory > summary > span:first-child { display: grid; }
.home-country-directory > summary small { color: var(--app-muted); }
.home-country-directory > summary > span:nth-child(2) { color: var(--app-muted); font-size: .8rem; }
.home-country-directory[open] > summary > i { transform: rotate(180deg); }
.home-country-directory .country-directory-grid { padding: 0 1rem 1rem; }
.park-results-head { display: grid; gap: .65rem; }
.park-results-head > a { display: inline-flex; min-height: 44px; align-items: center; gap: .4rem; color: var(--app-green); font-weight: 750; }
.park-results-head h1 { margin: 0; font-size: 1.75rem; }
.park-results-head > p { margin: 0; color: var(--app-muted); }
.result-search-form { display: grid; gap: .65rem; }
.result-search-form label { display: grid; gap: .3rem; color: var(--app-muted); font-size: .78rem; font-weight: 800; }
.park-results-section { display: grid; gap: .8rem; }

/* Live park mode */
.park-live-page { display: grid; width: 100%; max-width: 88rem; gap: .65rem; margin: 0 auto; }
.park-live-header { position: relative; display: grid; gap: .65rem; padding: .85rem; border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.park-live-topline, .park-live-title { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.park-back-link { display: inline-flex; min-height: 40px; align-items: center; gap: .4rem; color: var(--app-muted); font-size: .8rem; font-weight: 750; }
.park-live-title > div { min-width: 0; }
.park-live-title small { color: var(--app-green); font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.park-live-title h1 { margin: .1rem 0 0; font-size: 1.75rem; line-height: 1.08; }
.park-actions-menu { position: relative; flex: 0 0 auto; }
.park-actions-menu > summary { display: grid; width: 48px; height: 48px; cursor: pointer; place-items: center; list-style: none; color: var(--app-ink); border: 1px solid var(--app-line); border-radius: 8px; background: #fff; font-size: 1.2rem; }
.park-actions-menu > summary::-webkit-details-marker { display: none; }
.park-actions-menu nav { position: absolute; z-index: 40; top: calc(100% + .35rem); right: 0; display: grid; width: min(82vw, 18rem); padding: .4rem; border: 1px solid var(--app-line); border-radius: 8px; background: #fff; box-shadow: 0 14px 34px rgba(11, 47, 51, .15); }
.park-actions-menu nav a, .park-actions-menu nav button { display: flex; width: 100%; min-height: 46px; align-items: center; gap: .6rem; padding: .65rem; color: var(--app-ink); border: 0; border-radius: 6px; background: transparent; font-size: .88rem; font-weight: 700; text-align: left; }
.park-actions-menu nav a:hover, .park-actions-menu nav button:hover { background: var(--app-soft); }
.park-context-line { display: grid; width: 100%; min-height: 48px; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: .6rem; padding: .55rem .65rem; color: var(--app-ink); border: 0; border-radius: 7px; background: var(--app-soft); font-size: .8rem; text-align: left; }
.park-context-line span { display: inline-flex; min-width: 0; align-items: center; gap: .35rem; }
.park-context-line span:nth-child(2) { display: none; }
.park-context-line span i { color: var(--app-green); }
.park-info-sheet { width: min(100% - 1rem, 34rem); max-height: 80dvh; margin: auto .5rem .5rem; padding: 0; border: 0; border-radius: 8px; background: #fff; box-shadow: 0 -12px 40px rgba(11, 47, 51, .22); }
.park-info-sheet::backdrop { background: rgba(4, 21, 25, .55); }
.park-info-sheet > header { display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: .8rem; padding: .8rem 1rem; border-bottom: 1px solid var(--app-line); }
.park-info-sheet > header div { display: grid; }
.park-info-sheet > header small { color: var(--app-muted); }
.park-info-sheet > header button { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 7px; background: var(--app-soft); }
.park-info-list { display: grid; padding: .4rem 1rem 1rem; }
.park-info-list > span { display: grid; min-height: 62px; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: .6rem; border-top: 1px solid #e2ebe7; }
.park-info-list > span:first-child { border-top: 0; }
.park-info-list > span > i { color: var(--app-green); font-size: 1.1rem; }
.park-info-list > span > span { display: grid; }
.park-info-list small { color: var(--app-muted); font-size: .72rem; }
.park-live-alert { display: flex; gap: .55rem; margin: 0; }
.park-wait-focus { display: grid; gap: .7rem; padding: .8rem; border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.park-wait-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: .65rem; }
.park-wait-heading > div > span { display: flex; align-items: center; gap: .4rem; color: var(--app-green); font-size: .72rem; font-weight: 800; }
.park-wait-heading h2 { margin: .1rem 0 0; font-size: 1.4rem; }
.park-wait-heading > small { max-width: 10rem; color: var(--app-muted); font-size: .7rem; text-align: right; }
.park-wait-summary { display: flex; overflow-x: auto; gap: .4rem; padding-bottom: .1rem; scrollbar-width: none; }
.park-wait-summary span { flex: 0 0 auto; padding: .45rem .6rem; color: var(--app-muted); border: 1px solid var(--app-line); border-radius: 7px; background: #fff; font-size: .72rem; }
.park-wait-summary strong { color: var(--app-ink); }
.park-wait-tools { position: sticky; z-index: 20; top: calc(var(--wc-topbar-height) + .25rem); display: grid; gap: .45rem; margin-inline: -.25rem; padding: .5rem; border: 1px solid var(--app-line); border-radius: 8px; background: rgba(255, 255, 255, .98); box-shadow: 0 6px 16px rgba(11, 47, 51, .08); }
.park-ride-search { display: grid; min-height: 48px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .5rem; padding: 0 .75rem; border: 1px solid #aebfba; border-radius: 8px; background: #fff; }
.park-ride-search i { color: var(--app-muted); }
.park-ride-search input { min-width: 0; min-height: 46px; padding: 0; border: 0; outline: 0; font-size: 1rem; }
.park-filter-row { display: flex; overflow-x: auto; gap: .35rem; scrollbar-width: none; }
.park-filter-row > button, .park-sort-menu > summary { display: inline-flex; min-height: 42px; flex: 0 0 auto; align-items: center; justify-content: center; gap: .35rem; padding: .5rem .7rem; color: var(--app-muted); border: 1px solid var(--app-line); border-radius: 7px; background: #fff; font-size: .76rem; font-weight: 800; }
.park-filter-row > button.is-active { color: #fff; border-color: var(--app-green); background: var(--app-green); }
.park-sort-menu { position: relative; }
.park-sort-menu > summary { cursor: pointer; list-style: none; }
.park-sort-menu > summary::-webkit-details-marker { display: none; }
.park-sort-menu > div { position: fixed; z-index: 80; right: .75rem; bottom: calc(var(--wc-mobile-nav-height) + .75rem); left: .75rem; display: grid; gap: .55rem; padding: 1rem; border: 1px solid var(--app-line); border-radius: 8px; background: #fff; box-shadow: 0 16px 36px rgba(11, 47, 51, .2); }
.park-sort-menu label { color: var(--app-muted); font-size: .78rem; font-weight: 800; }
.park-sort-menu button { min-height: 46px; color: #fff; border: 0; border-radius: 7px; background: var(--app-green); font-weight: 800; }
.simplified-ride-list { display: grid; gap: .4rem; }
.park-ride-row { display: grid; min-width: 0; min-height: 92px; grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .65rem; padding: .7rem; border: 1px solid #d9e4df; border-radius: 8px; background: #fff; }
.park-ride-copy { display: grid; min-width: 0; grid-template-columns: 10px minmax(0, 1fr); align-items: center; gap: .55rem; color: var(--app-ink); }
.park-ride-copy > span:last-child { display: grid; min-width: 0; }
.park-ride-copy strong { font-size: .93rem; line-height: 1.25; }
.park-ride-copy small { margin-top: .14rem; color: var(--app-muted); font-size: .74rem; }
.park-ride-wait { align-self: start; }
.park-ride-wait .wait-pill { min-width: 78px; min-height: 48px; padding: .45rem .55rem; }
.park-ride-wait .wait-value { font-size: .95rem; }
.park-ride-subline { display: flex; min-width: 0; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: .6rem; padding-left: 1rem; }
.park-ride-subline .ride-trend { margin: 0; font-size: .72rem; }
.ride-log-explicit { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: .35rem; padding: .45rem .65rem; color: var(--app-green); border: 1px solid #8fbaac; border-radius: 7px; background: #fff; font-size: .76rem; font-weight: 800; white-space: nowrap; }
.ride-log-explicit:hover, .ride-log-explicit:focus-visible { color: #fff; border-color: var(--app-green); background: var(--app-green); }
.ride-log-explicit:disabled { opacity: .72; }
.closed-rides-link { display: flex; width: 100%; min-height: 48px; align-items: center; justify-content: center; gap: .45rem; color: var(--app-muted); border: 1px solid var(--app-line); border-radius: 7px; background: var(--app-soft); font-size: .8rem; font-weight: 800; }

/* Ride detail and member area */
.ride-back-to-live { display: inline-flex; min-height: 48px; align-items: center; gap: .45rem; padding: .65rem .8rem; color: var(--app-green); border: 1px solid var(--app-line); border-radius: 8px; background: #fff; font-weight: 800; }
.ride-more-actions { margin-top: .6rem; border-top: 1px solid var(--app-line); }
.ride-more-actions > summary { display: flex; min-height: 48px; cursor: pointer; align-items: center; gap: .45rem; padding: .65rem 0; color: var(--app-muted); font-size: .82rem; font-weight: 800; }
.ride-more-actions .ride-member-secondary { padding-bottom: .7rem; }
.member-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; gap: .25rem; }
.member-tabs a { min-width: 0; justify-content: center; padding-inline: .35rem; font-size: .72rem; text-align: center; }
.member-primary-actions { display: grid; gap: .55rem; }
.member-primary-actions > a { display: grid; min-height: 66px; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .7rem; color: var(--app-ink); border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.member-primary-actions > a > i:first-child { display: grid; width: 42px; height: 42px; place-items: center; color: var(--app-green); border-radius: 7px; background: var(--app-soft); font-size: 1.1rem; }
.member-primary-actions span { display: grid; }
.member-primary-actions small { color: var(--app-muted); font-size: .72rem; }
.member-summary-strip { display: flex; overflow-x: auto; gap: .4rem; scrollbar-width: none; }
.member-summary-strip span { flex: 0 0 auto; padding: .55rem .7rem; color: var(--app-muted); border: 1px solid var(--app-line); border-radius: 7px; background: #fff; font-size: .78rem; }
.member-summary-strip strong { color: var(--app-ink); font-size: 1rem; }
.member-hub-links { display: grid; }
.member-hub-links > a { display: grid; min-height: 62px; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: .6rem; padding: .55rem 0; color: var(--app-ink); border-top: 1px solid #e2ebe7; }
.member-hub-links > a:first-child { border-top: 0; }
.member-hub-links > a > i:first-child { display: grid; width: 38px; height: 38px; place-items: center; color: var(--app-green); border-radius: 7px; background: var(--app-soft); }
.member-hub-links span { display: grid; min-width: 0; }
.member-hub-links small { color: var(--app-muted); font-size: .72rem; }
.member-achievements-details { border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.member-achievements-details > summary { display: flex; min-height: 64px; cursor: pointer; align-items: center; justify-content: space-between; gap: .65rem; padding: .75rem; list-style: none; }
.member-achievements-details > summary::-webkit-details-marker { display: none; }
.member-achievements-details > summary > span { display: flex; min-width: 0; align-items: center; gap: .65rem; }
.member-achievements-details > summary > span > i { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; color: #8a6500; border-radius: 7px; background: #fff3c4; }
.member-achievements-details > summary span span { display: grid; min-width: 0; }
.member-achievements-details > summary small { color: var(--app-muted); font-size: .72rem; }
.member-achievements-details[open] > summary > i { transform: rotate(180deg); }
.member-achievements-details > div { display: grid; gap: .75rem; padding: 0 .75rem .75rem; }
.member-achievements-details .btn { justify-self: stretch; }
.ridecount-entry-panel { display: grid; gap: .9rem; padding: 1rem; color: var(--app-ink); border: 1px solid var(--app-line); border-radius: 8px; background: #fff; }
.ridecount-entry-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.ridecount-entry-panel > header span { color: var(--app-green); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.ridecount-entry-panel > header h2 { margin: .12rem 0 .3rem; font-size: 1.4rem; }
.ridecount-entry-panel > header p { margin: 0; color: var(--app-muted); font-size: .85rem; line-height: 1.45; }
.ridecount-entry-panel > header > i { color: var(--app-green); font-size: 1.5rem; }
.quick-ride-fields { display: grid; gap: .65rem; }
.quick-ride-fields > label { display: grid; gap: .3rem; color: var(--app-muted); font-size: .78rem; font-weight: 800; }
.quick-ride-search { display: grid; min-height: 48px; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .45rem; padding-left: .7rem; border: 1px solid #aebfba; border-radius: 8px; background: #fff; }
.quick-ride-search .form-control { min-height: 46px; padding-left: 0; border: 0; box-shadow: none; }
.quick-ride-results { display: grid; max-height: 55dvh; overflow-y: auto; gap: .35rem; }
.quick-ride-result { display: grid; min-height: 64px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .55rem; border: 1px solid #d9e4df; border-radius: 8px; background: #fff; }
.quick-ride-result > span { display: grid; min-width: 0; }
.quick-ride-result strong { font-size: .88rem; }
.quick-ride-result small { color: var(--app-muted); font-size: .72rem; }

@media (min-width: 576px) {
    .home-command { padding: 1.5rem; }
    .active-park-resume { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
    .home-park-actions { grid-template-columns: 1fr 1fr; }
    .park-context-line span:nth-child(2) { display: inline-flex; }
    .park-info-sheet { margin: auto; }
    .quick-ride-fields, .result-search-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
    .result-search-form .btn { grid-column: 1 / -1; }
}

@media (min-width: 768px) {
    .home-command h1 { font-size: 3rem; }
    .home-park-metrics { display: flex; gap: .7rem; }
    .home-park-metrics span { color: var(--app-muted); font-size: .72rem; }
    .home-park-metrics strong { color: var(--app-ink); }
    .park-live-header, .park-wait-focus { padding: 1.1rem; }
    .park-live-title h1 { font-size: 2.2rem; }
    .park-wait-tools { grid-template-columns: minmax(15rem, 1fr) auto; align-items: center; }
    .park-filter-row { overflow: visible; }
    .park-sort-menu > div { position: absolute; right: 0; bottom: auto; left: auto; width: 18rem; }
    .park-ride-row { min-height: 74px; grid-template-columns: minmax(0, 1fr) minmax(8rem, auto) auto; align-items: center; }
    .park-ride-copy { grid-column: 1; grid-row: 1 / span 2; }
    .park-ride-subline { grid-column: 2; grid-row: 1 / span 2; padding-left: 0; }
    .park-ride-wait { grid-column: 3; grid-row: 1 / span 2; }
    .member-primary-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-hub-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
    .member-hub-links > a:nth-child(2) { border-top: 0; }
    .member-achievements-details .btn { justify-self: start; }
    .quick-ride-fields { grid-template-columns: minmax(14rem, .65fr) minmax(18rem, 1fr); }
}

@media (min-width: 992px) {
    body { padding-bottom: 0; }
    .app-snackbar { right: 1.25rem; bottom: 1.25rem; left: auto; width: min(28rem, calc(100% - 2.5rem)); }
    .home-command { grid-template-columns: minmax(0, 1.1fr) minmax(23rem, .8fr); padding: 2rem; }
    .home-command-copy { grid-row: 1 / span 3; }
    .home-command h1 { font-size: 3.4rem; }
    .home-park-section, .home-country-directory, .park-results-head, .park-results-section { padding: 1.25rem; }
    .park-live-page { gap: .9rem; }
    .park-wait-tools { top: .75rem; }
    .park-info-sheet { width: 34rem; }
    .ridecount-entry-panel { padding: 1.25rem; }
}

@media (display-mode: standalone) {
    .app-topbar { padding-top: env(safe-area-inset-top); }
    .park-wait-tools { top: calc(var(--wc-topbar-height) + env(safe-area-inset-top) + .25rem); }
}