:root{--primary:#165788;--primary-dark:#0d3d5c;--primary-light:#1e6ea8;--primary-xlight:#e8f4fd;--accent:#f5a623;--white:#fff;--surface:#f6f8fb;--surface-2:#eef2f7;--border:#dce4ee;--text-dark:#0f1923;--text-medium:#374151;--text-light:#6b7280;--text-xlight:#9ca3af;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--shadow-sm:0 1px 3px #16578812, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #1657881a, 0 1px 4px #0000000a;--shadow-lg:0 12px 32px #16578824, 0 4px 8px #0000000f;--shadow-xl:0 24px 64px #1657882e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--transition:all .22s cubic-bezier(.4, 0, .2, 1);--font:"Inter", system-ui, -apple-system, sans-serif;--navbar-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--surface);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}img{display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-xlight)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page-wrapper{min-height:calc(100vh - var(--navbar-h));padding:48px 24px 80px}.section-title{color:var(--text-dark);letter-spacing:-.02em;font-size:1.85rem;font-weight:700}.section-subtitle{color:var(--text-light);margin-top:6px;font-size:1rem}.badge{border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-free{background:var(--success-bg);color:#059669}.badge-paid{color:#c2410c;background:#fff7ed}.badge-dropin{color:#2563eb;background:#eff6ff}.badge-reg{color:#92400e;background:#fef3c7}.spinner-wrap{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;font-size:.9rem;display:flex}.spinner{border:3px solid var(--primary-xlight);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-light);padding:80px 24px}.empty-state .empty-icon{margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-medium);margin-bottom:8px;font-size:1.1rem}.empty-state p{font-size:.9rem}.navbar{z-index:100;height:var(--navbar-h);background:var(--primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 4px 24px #0d3d5c40}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}@media (width<=767px){.navbar{position:static}.navbar-inner{padding:0 1rem}}.navbar-brand{transition:var(--transition);align-items:center;gap:14px;text-decoration:none;display:flex}.navbar-brand:hover{opacity:.88}.navbar-logo{object-fit:contain;background:#ffffff1f;border-radius:10px;width:64px;height:64px;padding:0}.navbar-brand-text{flex-direction:column;display:flex}.navbar-title{color:var(--white);letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.2}.navbar-tagline{color:#ffffffbf;letter-spacing:.02em;font-size:.72rem}.navbar-back-btn{border-radius:var(--radius-full);color:#ffffffe6;min-width:118px;transition:var(--transition);border:1.5px solid #ffffff4d;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.navbar-back-btn:hover{color:var(--white);background:#ffffff1f;border-color:#ffffff80}@media (width<=480px){.navbar-tagline{display:none}.navbar-title{font-size:.95rem}}.sport-tile{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;transition:var(--transition);appearance:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:32px 20px 28px;display:flex;position:relative;overflow:hidden}.sport-tile-glow{width:120px;height:120px;transition:var(--transition);pointer-events:none;background:radial-gradient(circle,#1657881a 0%,#0000 70%);border-radius:50%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.sport-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-lg), 0 0 0 3px #16578814;transform:translateY(-4px)}.sport-tile:hover .sport-tile-glow{background:radial-gradient(circle,#16578821 0%,#0000 70%);transform:translate(-50%)scale(2.5)}.sport-tile:hover .sport-tile-icon{transform:scale(1.12)}.sport-tile:hover .sport-tile-arrow{opacity:1;transform:translate(4px)}.sport-tile:active{transform:translateY(-2px)scale(.99)}.sport-tile-icon{z-index:1;font-size:3.8rem;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.sport-tile-img{object-fit:contain;width:3.8rem;height:3.8rem;display:block}.sport-tile-name{color:var(--text-dark);letter-spacing:-.01em;z-index:1;font-size:1rem;font-weight:700}.sport-tile-count{color:var(--primary);background:var(--primary-xlight);border-radius:var(--radius-full);z-index:1;padding:2px 10px;font-size:.78rem;font-weight:600}.sport-tile-arrow{color:var(--primary);opacity:0;transition:var(--transition);font-size:.9rem;position:absolute;bottom:14px;right:16px}.hero{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);padding:72px 0 64px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(at 80%,#ffffff0f 0%,#0000 60%),radial-gradient(at 20% 80%,#00000026 0%,#0000 50%);position:absolute;inset:0}.hero:after{content:"";background:var(--surface);clip-path:polygon(0 100%,100% 0,100% 100%);height:48px;position:absolute;bottom:-1px;left:0;right:0}.hero-content{z-index:1;position:relative}.hero-eyebrow{color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:.82rem;font-weight:600;display:inline-block}.hero-title{color:var(--white);letter-spacing:-.03em;max-width:600px;margin-bottom:18px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1}.hero-subtitle{color:#ffffffc7;max-width:560px;margin-bottom:36px;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.hero-stats{flex-wrap:wrap;align-items:center;gap:0;display:flex}.hero-stat{flex-direction:column;padding:0 28px;display:flex}.hero-stat:first-child{padding-left:0}.hero-stat strong{color:var(--white);letter-spacing:-.03em;font-size:1.65rem;font-weight:800;line-height:1}.hero-stat span{color:#fff9;letter-spacing:.02em;margin-top:2px;font-size:.78rem}.hero-stat-divider{background:#ffffff2e;width:1px;height:36px}.sports-grid-section{padding:48px 24px 0}.sports-grid-header{margin-bottom:32px}.sports-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.sports-grid [role=listitem]{animation:.45s both fadeSlideUp}.sports-grid [role=listitem]:first-child{animation-delay:40ms}.sports-grid [role=listitem]:nth-child(2){animation-delay:80ms}.sports-grid [role=listitem]:nth-child(3){animation-delay:.12s}.sports-grid [role=listitem]:nth-child(4){animation-delay:.16s}.sports-grid [role=listitem]:nth-child(5){animation-delay:.2s}.sports-grid [role=listitem]:nth-child(6){animation-delay:.24s}.sports-grid [role=listitem]:nth-child(7){animation-delay:.28s}.sports-grid [role=listitem]:nth-child(8){animation-delay:.32s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.info-banner{margin-top:56px;padding-bottom:36px;padding-left:24px;padding-right:24px}.info-banner-inner{background:var(--primary-xlight);border-radius:var(--radius-lg);color:var(--text-medium);border:1px solid #16578826;gap:16px;padding:20px 24px;font-size:.875rem;line-height:1.6;display:flex}.info-banner-icon{flex-shrink:0;margin-top:1px;font-size:1.4rem}.info-banner-inner strong{color:var(--primary);margin-bottom:4px;font-weight:700;display:block}@media (width<=600px){.hero{padding:48px 0 56px}.hero-stats{gap:16px}.hero-stat{padding:0}.hero-stat-divider{display:none}.sports-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.filter-bar{background:var(--white);border-bottom:1px solid var(--border);top:var(--navbar-h);z-index:90;position:sticky;box-shadow:0 2px 12px #1657880f}.filter-bar-inner{padding-top:14px;padding-bottom:14px}.filter-bar-header{align-items:center;gap:12px;display:flex}.filter-label-main{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);font-size:.78rem;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.filter-result-count{color:var(--primary);background:var(--primary-xlight);border-radius:var(--radius-full);margin-left:auto;padding:3px 12px;font-size:.82rem;font-weight:600}.filter-clear-btn{color:var(--danger);border-radius:var(--radius-full);transition:var(--transition);background:#fff0f0;border:none;padding:4px 12px;font-size:.78rem;font-weight:600}.filter-clear-btn:hover{background:#ffe4e4}.filter-groups{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.filter-groups.collapsed{display:none}.filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-group-label{color:var(--text-light);white-space:nowrap;letter-spacing:.02em;font-size:.76rem;font-weight:600}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{color:var(--text-medium);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);transition:var(--transition);white-space:nowrap;padding:5px 13px;font-size:.8rem;font-weight:500}.filter-pill:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-xlight)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 2px 8px #16578840}.filter-group-toggle{align-self:center}.filter-toggle{color:var(--text-medium);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);transition:var(--transition);align-items:center;gap:10px;padding:5px 14px 5px 6px;font-size:.82rem;font-weight:600;display:flex}.filter-toggle:hover{border-color:var(--primary);color:var(--primary)}.filter-toggle.active{background:var(--primary-xlight);border-color:var(--primary);color:var(--primary)}.filter-toggle-track{background:var(--border);width:36px;height:20px;transition:var(--transition);border-radius:10px;flex-shrink:0;position:relative}.filter-toggle.active .filter-toggle-track{background:var(--primary)}.filter-toggle-thumb{background:var(--white);border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000026}.filter-toggle.active .filter-toggle-thumb{transform:translate(16px)}.centre-dropdown-wrapper{position:relative}.centre-dropdown-trigger{color:var(--text-medium);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);white-space:nowrap;align-items:center;gap:8px;padding:5px 13px;font-size:.8rem;font-weight:500;display:inline-flex}.centre-dropdown-trigger:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-xlight)}.centre-dropdown-trigger.active{background:var(--primary);border-color:var(--primary);color:var(--white);box-shadow:0 2px 8px #16578840}.centre-dropdown-arrow{opacity:.7;font-size:.6rem}.centre-dropdown-panel{z-index:200;background:var(--white);border:1.5px solid var(--border);border-radius:12px;min-width:300px;max-width:400px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 32px #16578826}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.centre-search-wrap{border-bottom:1px solid var(--border);padding:10px 12px 8px}.centre-search-input{border:1.5px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:7px 12px;font-size:.82rem;transition:border-color .2s}.centre-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16578814}.centre-list{max-height:240px;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.centre-list-empty{color:var(--text-light);text-align:center;padding:14px 16px;font-size:.82rem}.centre-list-item{padding:0}.centre-checkbox-label{cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:8px 16px;font-size:.82rem;transition:background .15s;display:flex}.centre-checkbox-label:hover{background:var(--primary-xlight)}.centre-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.centre-checkbox-name{line-height:1.3}@media (width<=700px){.filter-groups{gap:10px}.filter-bar{position:static}.centre-dropdown-panel{min-width:260px;max-width:calc(100vw - 40px);left:auto;right:0}}.schedule-table-wrap{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.schedule-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.schedule-table{border-collapse:collapse;width:100%;font-size:.875rem}.schedule-table thead{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%)}.schedule-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#ffffffd9;white-space:nowrap;border:none;padding:14px 16px;font-size:.75rem;font-weight:700}.schedule-table thead th:first-child{padding-left:24px}.schedule-table thead th:last-child{padding-right:24px}.schedule-row{border-bottom:1px solid var(--border);transition:background .15s}.schedule-row:last-child{border-bottom:none}.schedule-row:hover{background:var(--primary-xlight)}.schedule-table td{vertical-align:top;color:var(--text-medium);padding:14px 16px}.schedule-table td:first-child{padding-left:24px}.schedule-table td:last-child{padding-right:24px}.td-center{text-align:center;vertical-align:middle}.col-actions{text-align:center}.action-buttons{flex-direction:row;align-items:center;gap:8px;display:flex}.td-center-name{min-width:220px}.center-name-link{color:var(--primary);transition:var(--transition);font-weight:600;line-height:1.3;text-decoration:none;display:block}.center-name-link:hover{color:var(--primary-dark);text-decoration:underline}.td-address{color:var(--text-xlight);margin-top:3px;font-size:.775rem;line-height:1.4;display:block}.district-chip{background:var(--surface-2);color:var(--text-medium);border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;font-size:.78rem;font-weight:500;display:inline-block}.day-chip{border-radius:var(--radius-full);white-space:nowrap;background:var(--primary-xlight);color:var(--primary);padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.day-chip--sat,.day-chip--sun{color:#c2410c;background:#fff7ed}.slots-list{flex-direction:column;gap:5px;min-width:130px;display:flex}.slot-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.01em;align-items:center;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.age-chip{color:#7c3aed;border-radius:var(--radius-full);white-space:nowrap;background:#f3e8ff;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.action-btn{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--text-medium);transition:var(--transition);white-space:nowrap;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-xlight);transform:translateY(-1px);box-shadow:0 2px 8px #16578826}.action-btn-icon{font-size:.9rem}.schedule-row:nth-child(2n){background-color:#fafbfd}.schedule-row:nth-child(2n):hover{background:var(--primary-xlight)}@media (width<=768px){.schedule-table-wrap{box-shadow:none;background:0 0;border:none}.schedule-table-scroll{overflow:visible}.schedule-table,.schedule-table tbody{width:100%;display:block}.schedule-table thead{display:none}.schedule-row{border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000d;background:var(--white)!important}.schedule-row:active{transform:scale(.98)}.schedule-table td{text-align:left;border:none;padding:0;display:block}.schedule-table td:first-child{padding-left:0}.schedule-table td:last-child{padding-right:0}.schedule-table td:first-child{width:100%;margin-bottom:6px}.center-name-link{font-size:1.05rem}.schedule-table td:nth-child(2),.schedule-table td:nth-child(4),.schedule-table td:nth-child(5),.schedule-table td:nth-child(6){flex:none}.schedule-table td:nth-child(3){width:100%;margin-top:6px}.slots-list{flex-flow:wrap;gap:8px}.slot-chip{padding:6px 12px}.schedule-table td:nth-child(7){border-top:1px dashed var(--border);width:100%;margin-top:10px;padding-top:14px}.action-buttons{flex-direction:row;width:100%}.action-btn{flex:1;justify-content:center;padding:10px}}.results-page{min-height:calc(100vh - var(--navbar-h))}.results-header{background:var(--white);border-bottom:1px solid var(--border);padding:24px 0 20px}.breadcrumb{color:var(--text-light);align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;display:flex}.breadcrumb-link{color:var(--primary);transition:var(--transition);font-weight:500;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:var(--border);font-size:1rem}.breadcrumb-current{color:var(--text-medium);font-weight:600}.results-title-row{align-items:center;gap:18px;display:flex}.results-sport-icon{background:var(--primary-xlight);border-radius:var(--radius-lg);border:1.5px solid #1657881f;padding:12px;font-size:3rem;line-height:1}.results-sport-img{object-fit:contain;width:3rem;height:3rem;display:block}.results-sport-name{color:var(--text-dark);letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;line-height:1.1}.results-sport-meta{color:var(--text-light);margin-top:4px;font-size:.9rem}.results-content{padding:32px 24px 64px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.results-sport-icon{padding:10px;font-size:2rem}.results-sport-name{font-size:1.4rem}}.app{flex-direction:column;min-height:100vh;display:flex}.footer{background:var(--primary-dark);color:#fff9;text-align:center;letter-spacing:.01em;margin-top:auto;padding:20px 24px;font-size:.82rem}.footer strong{color:#ffffffe6}.footer-text{justify-content:center;align-items:center;margin:0;display:inline-flex}.footer-logo-wrap{background-color:var(--white);box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;margin-left:10px;padding:6px 8px;transition:transform .2s;display:inline-flex}.footer-logo-wrap:hover{transform:translateY(-1px)}.footer-logo{height:14px;display:block}