:root{--primary:#3255a4;--primary-light:#4a6bb5;--primary-dark:#264080;--secondary:#32a5e4;--secondary-light:#5cb8ea;--secondary-dark:#2080b8;--surface:#0c0f1a;--surface-light:#141829;--surface-lighter:#1c2236;--surface-dark:#080a12;--text-primary:#e8ecf4;--text-secondary:#94a0b8;--text-disabled:#5a6578;--surface-light-mode:#f8fafc;--surface-light-light-mode:#f1f5f9;--surface-lighter-light-mode:#e2e8f0;--surface-dark-light-mode:#cbd5e1;--text-primary-light-mode:#0f172a;--text-secondary-light-mode:#475569;--text-disabled-light-mode:#94a3b8;--primary-light-mode:#3255a4;--primary-light-light-mode:#4a6bb5;--primary-dark-light-mode:#264080;--secondary-light-mode:#32a5e4;--secondary-light-light-mode:#5cb8ea;--secondary-dark-light-mode:#2080b8;--elevation-1:0 2px 4px rgba(0,0,0,.2);--elevation-2:0 4px 8px rgba(0,0,0,.24);--elevation-3:0 8px 16px rgba(0,0,0,.28);--elevation-4:0 16px 32px rgba(0,0,0,.32);--border-radius-sm:3px;--border-radius-md:6px;--border-radius-lg:10px;--border-radius-xl:14px;--border-radius-circle:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:14px;--spacing-lg:20px;--spacing-xl:28px;--spacing-xxl:40px;--border-color:rgba(255,255,255,.08);--border-color-strong:rgba(255,255,255,.14);--focus-ring:rgba(50,85,164,.45);--focus-ring-offset:#121212;--aura-primary:rgba(50,85,164,.22);--aura-secondary:rgba(50,165,228,.18);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-primary);background-color:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;transition:background-color .5s,color .5s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.light-mode{--surface:var(--surface-light-mode);--surface-light:var(--surface-light-light-mode);--surface-lighter:var(--surface-lighter-light-mode);--surface-dark:var(--surface-dark-light-mode);--text-primary:var(--text-primary-light-mode);--text-secondary:var(--text-secondary-light-mode);--text-disabled:var(--text-disabled-light-mode);--primary:var(--primary-light-mode);--primary-light:var(--primary-light-light-mode);--primary-dark:var(--primary-dark-light-mode);--secondary:var(--secondary-light-mode);--secondary-light:var(--secondary-light-light-mode);--secondary-dark:var(--secondary-dark-light-mode);--elevation-1:0 2px 4px rgba(0,0,0,.1);--elevation-2:0 4px 8px rgba(0,0,0,.12);--elevation-3:0 8px 16px rgba(0,0,0,.14);--elevation-4:0 16px 32px rgba(0,0,0,.16);--border-color:rgba(15,23,42,.1);--border-color-strong:rgba(15,23,42,.18);--focus-ring:rgba(29,78,216,.4);--focus-ring-offset:#fff;--aura-primary:rgba(29,78,216,.14);--aura-secondary:rgba(14,165,233,.12)}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-VariableFont_wght.ttf)format("truetype");font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond-VariableFont_wght.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background-color:var(--surface);color:var(--text-primary);margin:0;overflow-x:hidden}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.skip-link{top:-100%;left:var(--spacing-md);z-index:10001;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:#fff;border-radius:var(--border-radius-md);font-weight:500;text-decoration:none;transition:top .2s;position:absolute}.skip-link:focus{top:var(--spacing-md);outline:3px solid var(--focus-ring);outline-offset:2px}a{color:var(--secondary);font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--secondary-light)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);letter-spacing:-.02em;text-wrap:balance;font-family:EB Garamond,serif;font-weight:700;line-height:1.15}h1{font-size:max(2rem,min(5vw,3.5rem))}h2{font-size:max(1.5rem,min(3.5vw,2.25rem))}h3{font-size:max(1.2rem,min(2.5vw,1.5rem))}p{margin-bottom:var(--spacing-md);text-wrap:pretty;font-family:Noto Sans SC,sans-serif;font-weight:400;line-height:1.7}.card{background-color:var(--surface-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--elevation-1);border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--elevation-3);border-color:var(--secondary);transform:translateY(-6px)}.card:focus-within{border-color:var(--secondary);box-shadow:0 0 0 4px var(--focus-ring)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-md);cursor:pointer;border:2px solid transparent;outline:none;font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .15s,background-color .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{box-shadow:0 0 0 4px var(--focus-ring)}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--elevation-2);color:#fff}.btn-secondary{color:var(--secondary);border-color:var(--secondary);background-color:transparent}.btn-secondary:hover{box-shadow:var(--elevation-1);color:var(--secondary-light);background-color:rgba(50,165,228,.1)}.light-mode .nav-logo,.light-mode .logo-subtext,.light-mode .nav-link.active,.light-mode .btn-secondary{color:var(--primary)}.light-mode .btn-secondary{border-color:var(--primary)}.light-mode .btn-secondary:hover{background-color:rgba(14,165,233,.08)}.btn-outline{color:var(--text-primary);border-color:var(--border-color-strong);background-color:transparent}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary);background-color:rgba(255,255,255,.05)}.light-mode .btn-outline:hover{background-color:rgba(15,23,42,.04)}.loader{background-color:var(--surface);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .6s;display:flex;position:fixed;top:0;left:0}.spinner-box{width:220px;height:220px;margin-bottom:var(--spacing-lg);background-color:transparent;justify-content:center;align-items:center;display:flex;position:relative}.configure-border-1{background:var(--primary);justify-content:center;align-items:center;width:96px;height:96px;padding:3px;animation:3s ease-in-out infinite alternate configure-clockwise;display:flex;position:absolute}.configure-border-2{background:var(--secondary);justify-content:center;align-items:center;width:96px;height:96px;padding:3px;animation:3s ease-in-out infinite alternate configure-xclockwise;display:flex;position:absolute}.configure-core{background-color:var(--surface);width:100%;height:100%}@keyframes configure-clockwise{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes configure-xclockwise{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(-135deg)}75%{transform:rotate(-225deg)}to{transform:rotate(-315deg)}}.loader-text{color:var(--text-secondary);letter-spacing:.05em;font-family:Noto Sans SC,sans-serif;font-size:1.1rem;font-weight:400}.main{opacity:0;display:none}.navbar{background-color:var(--surface);z-index:1000;width:100%;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color);transition:background-color .4s,border-color .4s;position:fixed;top:0;left:0}.light-mode .navbar{background-color:var(--surface-light-mode);border-bottom-color:var(--border-color)}.nav-container{max-width:1100px;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:0 auto;display:flex}.nav-join-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color-strong);border-radius:var(--border-radius-md);background-color:var(--surface-light);color:var(--text-primary);cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:.85rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.nav-join-btn:hover{border-color:var(--secondary);color:var(--secondary)}@media screen and (max-width:480px){.nav-join-btn{padding:6px 10px;font-size:.75rem}}.nav-logo{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;flex-shrink:0;text-decoration:none;display:inline-flex}.nav-logo:hover .logo-text{color:var(--secondary)}.logo-text{color:var(--text-primary);font-family:EB Garamond,serif;font-size:2rem;font-weight:700;transition:color .2s}.logo-subtext{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:500}.nav-menu{gap:var(--spacing-sm);align-items:center;margin-left:auto;display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);justify-content:center;align-items:center;min-height:44px;font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.nav-link:hover{color:var(--text-primary);background-color:rgba(255,255,255,.05)}.light-mode .nav-link:hover{background-color:rgba(15,23,42,.05)}.nav-link.active{color:var(--secondary);background-color:rgba(50,165,228,.1)}.nav-overlay{display:none}.hero{text-align:center;min-height:60dvh;padding:calc(var(--spacing-xxl) + 64px) var(--spacing-lg) var(--spacing-xxl);background-color:var(--surface-dark);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:700px;margin:0 auto;position:relative}.title_wrapper{margin-bottom:var(--spacing-xl)}.title{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:max(2.25rem,min(8vw,4rem));font-weight:700;line-height:1.05}.subtitle{letter-spacing:.25em;color:var(--secondary);text-transform:uppercase;font-family:Noto Sans SC,sans-serif;font-size:max(.9rem,min(2.5vw,1.3rem));font-weight:500}.hero-description{margin-bottom:var(--spacing-xl);color:var(--text-secondary);max-width:560px;margin-left:auto;margin-right:auto;font-family:Noto Sans SC,sans-serif;font-size:max(.95rem,min(1.8vw,1.15rem));font-weight:400;line-height:1.65}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.clubs-section{padding:var(--spacing-xxl) var(--spacing-lg);background-color:var(--surface-light);position:relative}.section-header{text-align:center;margin-bottom:var(--spacing-xxl)}.section-header h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.section-header p{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:.95rem}.clubs-showcase{max-width:1100px;margin:0 auto}.clubs-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.club-card{background-color:var(--surface-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex}.club-card:hover{box-shadow:var(--elevation-4);border-color:var(--secondary);transform:translateY(-8px)}.club-card:focus-within{border-color:var(--secondary);box-shadow:0 0 0 4px var(--focus-ring)}.club-card h2,.club-card h3{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-family:EB Garamond,serif;font-size:1.2rem}.club-card-title{margin-bottom:var(--spacing-sm);font-size:1.2rem}.club-link{color:inherit;text-decoration:none}.club-link:hover{color:var(--secondary)}.club-card p{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;line-height:1.6}.club-card p strong{color:var(--text-primary);font-weight:600}.club-category{align-items:center;gap:var(--spacing-xs);color:var(--secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;background-color:rgba(50,85,164,.18);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;font-family:Noto Sans SC,sans-serif;font-size:.75rem;font-weight:600;display:inline-flex}.club-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);flex-grow:1;font-size:1rem;line-height:1.7}.club-details{gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.club-detail{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-family:Noto Sans SC,sans-serif;font-size:.875rem;display:inline-flex}.club-detail svg{width:16px;height:16px;color:var(--secondary);flex-shrink:0}.section-footer{text-align:center;margin-top:var(--spacing-xl)}.footer{background-color:var(--surface-dark);padding:var(--spacing-xxl) var(--spacing-lg) var(--spacing-xl);color:var(--text-primary)}.footer-content{gap:var(--spacing-xxl);max-width:1100px;margin:0 auto;margin-bottom:var(--spacing-xxl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.footer-section h3{margin-bottom:var(--spacing-lg);color:var(--text-primary);font-size:1.35rem;font-weight:600}.footer-logo{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-md);transition:background-color .2s;display:inline-flex}.footer-logo:hover{background-color:rgba(255,255,255,.05)}.light-mode .footer-logo:hover{background-color:rgba(15,23,42,.04)}.footer-description{color:var(--text-secondary);max-width:400px;font-family:Noto Sans SC,sans-serif;font-size:1rem;line-height:1.7}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);align-items:center;gap:var(--spacing-xs);min-height:32px;font-family:Noto Sans SC,sans-serif;font-size:1rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-links a:hover{color:var(--secondary)}.footer-contact{list-style:none}.footer-contact li{margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-family:Noto Sans SC,sans-serif;font-size:1rem;line-height:1.6}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-family:Noto Sans SC,sans-serif;font-size:.9rem}.footer-bottom p:last-child{cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);transition:background-color .2s;display:inline-block}.footer-bottom p:last-child:hover{color:var(--secondary);background-color:rgba(255,255,255,.05)}.theme-toggle{align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-md);display:inline-flex}.theme-toggle-label{color:var(--text-secondary);white-space:nowrap;font-family:Noto Sans SC,sans-serif;font-size:.9rem;font-weight:500}.theme-switch{width:56px;height:30px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.theme-slider{cursor:pointer;background-color:var(--surface-lighter);border:2px solid var(--border-color-strong);border-radius:34px;justify-content:space-between;align-items:center;padding:0 7px;transition:background-color .3s,border-color .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.theme-slider:before{content:"";background-color:var(--text-primary);width:22px;height:22px;box-shadow:var(--elevation-1);z-index:2;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px}.theme-switch input:checked+.theme-slider{background-color:var(--primary);border-color:var(--primary)}.theme-switch input:checked+.theme-slider:before{transform:translate(26px)}.theme-slider .sun-icon,.theme-slider .moon-icon{z-index:1;color:#fff;justify-content:center;align-items:center;width:14px;height:14px;transition:opacity .3s;display:flex}.theme-slider .sun-icon svg,.theme-slider .moon-icon svg{fill:currentColor;width:100%;height:100%}.theme-slider .sun-icon{opacity:.85}.theme-slider .moon-icon,.theme-switch input:checked+.theme-slider .sun-icon{opacity:0}.theme-switch input:checked+.theme-slider .moon-icon{opacity:.9}.theme-transition *{transition:background-color .5s,color .5s,border-color .5s,box-shadow .5s}.filters-container{z-index:100;max-width:1100px;margin:0 auto var(--spacing-xl);width:100%;position:-webkit-sticky;position:sticky;top:72px}.filters{width:100%;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--surface-lighter);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--elevation-2);transition:background-color .3s,border-color .3s}.club-types-form{margin-bottom:var(--spacing-md)}.club-types{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.club-types label{align-items:center;display:inline-flex;position:relative}.club-type-checkbox{opacity:0;width:0;height:0;position:absolute}.club-type-label{background-color:var(--surface-light);color:var(--text-secondary);border:1px solid var(--border-color-strong);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:var(--spacing-xs);min-height:38px;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.club-type-label:hover{border-color:var(--secondary);color:var(--text-primary)}.club-type-checkbox:focus-visible+.club-type-label{outline:3px solid var(--focus-ring);outline-offset:2px}.club-type-checkbox:checked+.club-type-label{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--elevation-1)}.club-type-checkbox:checked+.club-type-label:hover{background-color:var(--primary-light)}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper svg{left:var(--spacing-md);width:18px;height:18px;color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 18px);color:var(--text-primary);background-color:var(--surface-light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--elevation-1);-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;min-height:52px;font-size:1rem;line-height:1.3;transition:border-color .2s,box-shadow .2s,background-color .2s}.search-input:hover{border-color:var(--text-secondary);box-shadow:var(--elevation-2)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);background-color:var(--surface-light);outline:none}.search-input::-webkit-input-placeholder{color:var(--text-secondary);opacity:1}.search-input::-moz-placeholder{color:var(--text-secondary);opacity:1}.search-input::-ms-input-placeholder{color:var(--text-secondary);opacity:1}.search-input::placeholder{color:var(--text-secondary);opacity:1}.search-shortcut{right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--surface-lighter);border:1px solid var(--border-color);color:var(--text-secondary);pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.club-body{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%;max-width:1100px;min-height:200px;margin:0 auto;display:grid;position:relative}.loading-clubs:after{content:"Loading clubs...";color:var(--text-secondary);font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-clubs-message,.no-search-results-message{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);grid-column:1/-1;font-size:1.1rem}.search-highlight{color:var(--text-primary);background-color:rgba(50,165,228,.25);border-radius:2px;padding:1px 2px;font-weight:600}.light-mode .search-highlight{color:var(--text-primary);background-color:rgba(14,165,233,.2)}.club-images{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.club-images:empty{display:none}.club-image{aspect-ratio:16/10;object-fit:cover;border-radius:var(--border-radius-md);opacity:0;border:1px solid var(--border-color);width:100%;transition:opacity .5s}.club-image.loaded{opacity:1}.club-actions{padding-top:var(--spacing-md);margin-top:auto}.view-club-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);min-height:40px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary);color:#fff;border-radius:var(--border-radius-md);font-family:Noto Sans SC,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .15s;display:inline-flex}.view-club-btn:hover{background-color:var(--primary-light);color:#fff}.view-club-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media screen and (max-width:768px){html{scroll-padding-top:80px}.nav-menu{display:none}.theme-toggle{margin-left:auto}.nav-container{flex-wrap:nowrap}.hero{min-height:50dvh;padding:calc(var(--spacing-xxl) + 56px) var(--spacing-md) var(--spacing-xl)}.hero-buttons{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}.btn-primary,.btn-secondary,.btn-outline{width:100%}.filters-container{position:static;top:auto}.filters{padding:var(--spacing-md)}.club-types{justify-content:flex-start}.club-type-label{min-height:44px;font-size:.85rem}.club-body,.clubs-grid{grid-template-columns:1fr}.club-card{padding:var(--spacing-md)}.club-images{grid-template-columns:repeat(2,1fr)}.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr}.main{padding-bottom:72px}}.mobile-tab-bar{z-index:1000;background-color:var(--surface);border-top:1px solid var(--border-color);padding:var(--spacing-sm) 0 calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));display:none;position:fixed;bottom:0;left:0;right:0}.light-mode .mobile-tab-bar{background-color:var(--surface-light-mode)}@media screen and (max-width:768px){.mobile-tab-bar{justify-content:space-around;align-items:center;display:flex}}.tab-item{padding:var(--spacing-xs) var(--spacing-md);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;min-width:64px;font-family:Noto Sans SC,sans-serif;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.tab-item svg{stroke-width:1.8px;width:22px;height:22px}.tab-item.active{color:var(--secondary)}.light-mode .tab-item.active{color:var(--primary)}.tab-item:hover{color:var(--text-primary)}@media screen and (max-width:480px){.nav-container{padding:0 var(--spacing-md)}.logo-text{font-size:1.75rem}.logo-subtext{font-size:.8rem}.theme-switch{width:50px;height:28px}.theme-slider{padding:0 6px}.theme-slider:before{width:20px;height:20px}.theme-switch input:checked+.theme-slider:before{transform:translate(22px)}.theme-slider .sun-icon,.theme-slider .moon-icon{width:12px;height:12px}.clubs-section{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.club-types{flex-direction:column;align-items:stretch}.club-type-label{justify-content:center;width:100%}.club-images{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.year-selector{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.year-tab{background-color:var(--surface-light);color:var(--text-secondary);border:1px solid var(--border-color-strong);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s}.year-tab:hover{color:var(--text-primary);border-color:var(--secondary)}.year-tab.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.club-year-badge{align-items:center;gap:var(--spacing-xs);background-color:var(--surface-light);color:var(--text-secondary);border:1px solid var(--border-color);padding:2px var(--spacing-sm);border-radius:var(--border-radius-sm);letter-spacing:.04em;margin-left:var(--spacing-xs);vertical-align:middle;font-family:Noto Sans SC,sans-serif;font-size:.7rem;font-weight:600;display:inline-flex}.no-longer-active{color:var(--text-secondary);opacity:.7;align-items:center;font-size:.85rem;display:inline-flex}.club-link.disabled{color:var(--text-secondary);cursor:default}