:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-area-top:var(--safe-top);--safe-area-bottom:var(--safe-bottom);--mobile-topbar-bar-height:58px;--mobile-bottombar-bar-height:var(--nav-height-expanded,56px);--mobile-search-panel-height:0px;--mobile-topbar-closed-height:calc(var(--mobile-topbar-bar-height) + var(--safe-top));--mobile-topbar-height:calc(var(--mobile-topbar-closed-height) + var(--mobile-search-panel-height));--mobile-bottombar-height:calc(var(--mobile-bottombar-bar-height) + var(--nav-gap-bottom,10px) + var(--safe-bottom))}.safe-pt{padding-top:var(--safe-top)}.safe-pr{padding-right:var(--safe-right)}.safe-pb{padding-bottom:var(--safe-bottom)}.safe-pl{padding-left:var(--safe-left)}.safe-px{padding-left:var(--safe-left);padding-right:var(--safe-right)}.mobile-shell-viewport{height:calc(100vh - var(--mobile-topbar-height) - var(--mobile-bottombar-height));height:calc(100dvh - var(--mobile-topbar-height) - var(--mobile-bottombar-height))}@keyframes mobile-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-page-enter{animation:.22s ease-out backwards mobile-page-enter}@media (prefers-reduced-motion:reduce){.mobile-page-enter{animation:none}}.court-reservation-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=640px){.court-reservation-panel{top:auto;left:auto;right:1rem;bottom:calc(var(--mobile-bottombar-height,64px) + var(--safe-area-bottom,0px) + 12px);transform:none}}