.pwa-install-row{display:flex;justify-content:center;margin:15px 0 4px}.pwa-install-row[hidden]{display:none!important}
.pwa-install-button{font:700 11px Arimo,Arial,sans-serif;letter-spacing:.04em;padding:9px 15px;border:1px solid #ffffff30;border-radius:7px;background:#111;color:#fff;cursor:pointer}
.pwa-install-button:hover{background:#202020}.pwa-nav{display:none}
.gridly-installed body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px)}
.gridly-installed .pwa-nav{position:fixed;z-index:100;inset:auto 0 0;display:flex;justify-content:center;gap:4px;padding:9px max(8px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#0b0b0b;border-top:1px solid #ffffff24;font:11px/1.3 Arimo,Arial,sans-serif}
.pwa-nav a{flex:1;max-width:160px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:45px;padding:3px;border-radius:7px;color:#aaa;text-decoration:none;background:transparent;overflow-wrap:anywhere}
.pwa-nav a[aria-current=page]{background:#12305a;color:#fff}.pwa-nav svg{width:21px;height:21px}
.pwa-dialog{width:min(400px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-sizing:border-box;border:1px solid #ffffff24;border-radius:12px;background:#0b0b0b;color:#fff;padding:24px;font:14px/1.6 Arimo,Arial,sans-serif;text-align:center;box-shadow:0 30px 90px #0009}
.pwa-dialog::backdrop{background:#000c}.pwa-dialog h2{font-size:20px;margin:0 0 12px}.pwa-dialog p{color:#bbb}.pwa-dialog ol{text-align:left;padding-left:23px}.pwa-dialog li{margin:12px 0}.pwa-dialog button,.pwa-network button{font:inherit;border:1px solid #ffffff35;background:#111;color:#fff;border-radius:6px;padding:8px 16px;cursor:pointer}
.pwa-nav a:focus-visible,.pwa-dialog button:focus-visible,.pwa-install-button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pwa-network{position:fixed;z-index:150;bottom:14px;left:50%;transform:translateX(-50%);width:min(470px,calc(100vw - 24px));box-sizing:border-box;padding:12px 16px;border:1px solid #ffffff30;border-radius:8px;background:#111;color:#fff;display:flex;align-items:center;gap:10px;font:13px/1.5 Arimo,Arial,sans-serif}.pwa-network[hidden]{display:none!important}
.gridly-installed .pwa-network,.gridly-installed :is(.club-alert-message,.event-alert-status,.place-notice){bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.gridly-offline :is(.club-count,[data-live-until]){visibility:hidden}
.pwa-favorites-note{font-size:12px;color:#aaa;text-align:center}
@media(display-mode:standalone){html{background:#0b0b0b}}

/* V4.15: a compact Explore screen in the installed mobile app. */
.pwa-category-icon,.pwa-home-links{display:none}
@media(max-width:749px){
  .gridly-installed .page-home{min-height:0}
  .gridly-installed .page-home .hero{min-height:0;width:100%;max-width:480px;padding:30px 20px 22px;box-sizing:border-box}
  .gridly-installed .page-home .logo-wrap{width:76px;height:76px;margin:0 auto 16px}
  .gridly-installed .page-home .hero h1{font-size:58px;line-height:1;letter-spacing:-.045em}
  .gridly-installed .page-home .hero-tagline{font-size:14px;line-height:1.45;margin:12px auto 0;max-width:300px}
  .gridly-installed .page-home .utility-row{margin:22px 0 0;gap:8px;flex-wrap:wrap}
  .gridly-installed .page-home .utility-button.icon-only{width:44px;min-height:44px;padding:8px;border:1px solid #ffffff24;border-radius:9px;background:#101010b3}
  .gridly-installed .page-home .utility-button.icon-only svg{width:24px;height:24px}
  .gridly-installed .page-home :is(.home-favorites-trigger,.home-user){display:none}
  .gridly-installed .page-home .plus-login-status{margin-top:14px;max-width:100%;font-size:9px;line-height:1.5;box-sizing:border-box;overflow-wrap:anywhere}
  .gridly-installed .page-home .hero-rule{width:100%;margin:20px auto;height:1px}
  .gridly-installed .page-home .home-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%;margin:0;overflow:visible;transform:none;padding:0}
  .gridly-installed .page-home .home-menu-button{width:100%;min-width:0!important;min-height:76px!important;max-width:100%;padding:12px 8px!important;font-size:13px!important;line-height:1.3;white-space:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;box-sizing:border-box;background:#0b0b0bd9!important;border:1px solid #ffffff30;border-radius:10px!important;letter-spacing:.04em}
  .gridly-installed .pwa-category-icon{display:block;width:23px;height:23px;color:#76afff;flex-shrink:0}
  .gridly-installed .pwa-home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
  .pwa-home-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid #ffffff24;border-radius:8px;background:#101010ba;color:#ddd;text-decoration:none;font:700 11px/1.4 Arimo,Arial,sans-serif;text-align:center}
  .pwa-home-links a:first-child{flex-basis:100%;color:#a9ccff}
  .gridly-installed .site-footer{padding:12px 16px 18px}
  .gridly-installed .subpage-nav{flex-wrap:wrap;overflow:visible;gap:4px}
  .gridly-installed .subpage-nav a{min-height:40px;display:flex;align-items:center;padding:6px 8px}
  .gridly-installed .page[data-page="/events"] .event-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px;width:100%;overflow:visible}
  .gridly-installed .page[data-page="/events"] .event-tabs button{width:100%;min-width:0!important;min-height:64px!important;font-size:13px!important;padding:10px!important;white-space:normal;line-height:1.4}
}
@media(max-width:359px){
  .gridly-installed .page-home .hero{padding-inline:14px}
  .gridly-installed .page-home .utility-row{gap:6px}
}
@media(max-width:749px){
  .gridly-installed .subpage-header.is-visible{display:flex;flex-direction:column;gap:8px;padding:10px;width:calc(100% - 24px);box-sizing:border-box}
  .gridly-installed .subpage-header .header-spacer{display:none}
  .gridly-installed .subpage-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:2px;order:0}
  .gridly-installed .subpage-nav a{font-size:9px;margin:0!important;min-height:44px;justify-content:center;white-space:normal;text-align:center;padding:4px}
  .gridly-installed .header-actions{justify-content:center;gap:8px;order:1}
  .gridly-installed .header-actions .top-search.icon-search{width:44px;height:44px}
  .gridly-installed .page[data-page="/events"] .section-shell{padding-top:28px;min-height:0}
  .gridly-installed .page[data-page="/events"] h2{font-size:38px;white-space:normal;overflow-wrap:anywhere}
  .gridly-installed .page[data-page="/events"] .section-intro{max-width:100%;white-space:normal;font-size:13px;line-height:1.5}
  .gridly-installed .page[data-page="/events"] .section-rule{margin:24px auto}
  .gridly-installed .page[data-page="/events"] .event-tabs{margin-top:24px}
}

/* V4.16: touch-friendly section drawer; desktop header is unchanged. */
.pwa-menu-toggle{display:none}
.pwa-section-drawer{inset:0 auto 0 0;margin:0;width:min(280px,82vw);max-width:82vw;height:100dvh;max-height:100dvh;box-sizing:border-box;border:0;border-right:1px solid #ffffff24;border-radius:0;background:#0b0b0b;color:#fff;padding:calc(22px + env(safe-area-inset-top,0px)) 18px calc(22px + env(safe-area-inset-bottom,0px));font-family:Arimo,Arial,sans-serif;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}
.pwa-section-drawer::backdrop{background:#000b}
.pwa-drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.pwa-drawer-top h2{font-size:18px;margin:0}
.pwa-drawer-top button{width:44px;height:44px;border:1px solid #ffffff24;border-radius:8px;background:#111;color:#fff;font-size:26px;cursor:pointer}
.pwa-section-drawer nav{display:grid;gap:8px}
.pwa-section-drawer nav a{display:flex;align-items:center;min-height:48px;padding:6px 16px;border-radius:8px;color:#ddd;text-decoration:none;font-size:13px;font-weight:700;border:1px solid transparent;box-sizing:border-box}
.pwa-section-drawer nav a[aria-current=page]{background:#12305a;border-color:#35639b;color:#fff}
.pwa-section-drawer :is(a,button):focus-visible,.pwa-menu-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pwa-drawer-open{overflow:hidden}
@media(max-width:749px){
  .gridly-installed .subpage-header.is-visible{display:none}
  .gridly-installed .pwa-menu-toggle:not([hidden]){display:grid;place-items:center;position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:8px;z-index:110;width:44px;height:44px;padding:10px;background:#0b0b0b;border:1px solid #ffffff40;border-radius:9px;color:#fff;touch-action:pan-y;cursor:pointer}
  .pwa-menu-toggle svg{width:24px;height:24px}
  .gridly-installed .page:not(.page-home) .section-shell{padding-top:80px}
  .gridly-installed .page-home .utility-row [data-route="/help"]{display:none}
  .gridly-installed .page-home .home-user{display:grid}
}
