:root{--primary-color: #1A56DB;--primary-light: #2563EB;--primary-dark: #1E3A8A;--accent-color: #93C5FD;--accent-light: #BFDBFE;--accent-dark: #3B82F6;--text-primary: #0f172a;--text-secondary: #334155;--text-light: #475569;--text-white: #ffffff;--text-color: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-light: #f8f9fa;--bg-dark: #0f172a;--secondary-color: #1E3A8A;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--comp-bg-card: #f8fafc;--comp-border-card: #e5e7eb;--comp-radius-card: 8px;--comp-header-bg: #f1f5f9;--comp-header-text: #334155;--comp-header-divider: #e5e7eb;--comp-row-text: #334155;--comp-row-divider: #f3f4f6;--comp-highlight-bg: rgba(26, 86, 219, .06);--comp-text-primary: #0f172a;--comp-text-secondary: #64748b;--comp-text-muted: #94a3b8;--comp-bracket-card-bg: #f8fafc;--comp-bracket-card-border: #e5e7eb;--comp-bracket-connector: #cbd5e1;--comp-bracket-col-header-bg: #f1f5f9;--comp-bracket-col-header-text: #334155;--comp-bracket-col-header-border: #e5e7eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}section{scroll-margin-top:70px}body{font-family:var(--font-family);font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media(max-width:480px){html{font-size:13px}h1{font-size:1.75rem}h2{font-size:1.5rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-accent{color:var(--accent-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--bg-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background-color:var(--primary-light);color:var(--text-white)}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:70px}@media(max-width:768px){.main{padding-top:60px}}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:var(--spacing-2xl);padding:14px 20px}.paginationButton{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;color:var(--text-primary);border:2px solid var(--border-color);font-weight:700;transition:all var(--transition-fast);box-shadow:0 2px 6px #07142e0f}.paginationButton:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 14px #1a56db2e}.paginationButton:disabled{opacity:.4;cursor:not-allowed;background-color:var(--bg-secondary)}.paginationButton svg{width:18px;height:18px}.paginationNumbers{display:flex;gap:8px}.paginationNumber{min-width:44px;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:700;border:2px solid var(--border-color);transition:all var(--transition-fast);box-shadow:0 2px 6px #07142e0f}.paginationNumber:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 14px #1a56db26}.paginationNumber.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 6px 14px #1a56db40}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--bg-primary);transition:all var(--transition-normal)}.header.scrolled{background-color:#fffffffa;box-shadow:var(--shadow-md)}.headerContainer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg);gap:var(--spacing-lg)}.logo{display:flex;justify-self:start;align-items:center;flex-shrink:0;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.02)}.logoIcon{width:45px;height:45px}.logoText{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.logoTitle{font-size:1.1rem;color:var(--primary-color);font-weight:700}.logoSubtitle{font-size:.7rem;color:var(--text-light);font-weight:400;letter-spacing:.5px}.nav{display:flex;align-items:center;justify-self:center}.navList{display:flex;align-items:center;justify-content:center;gap:clamp(.25rem,.8vw,var(--spacing-md));list-style:none;margin:0;padding:0}.navItem{position:relative;flex-shrink:0}.navLinkBtn{background:none;border:none;cursor:pointer;display:inline-block;padding:10px clamp(10px,.9vw,16px);color:var(--text-primary);font-weight:700;font-size:.92rem;letter-spacing:.02em;transition:color .2s ease;position:relative;font-family:inherit;white-space:nowrap}.navLinkBtn:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:0;height:3px;border-radius:2px;background:var(--primary-color);transition:width .26s ease}.headerAuth{display:flex;align-items:center;flex-shrink:0;justify-self:end}.authButtons{display:flex;align-items:center;gap:var(--spacing-sm)}.userInfoBox{display:flex;align-items:center;flex-shrink:0;gap:var(--spacing-xs);background-color:var(--bg-secondary);padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;border:1px solid var(--border-color);white-space:nowrap}.userIdentityLink{text-decoration:none;color:inherit;display:flex;align-items:center;border-radius:var(--radius-sm);transition:opacity var(--transition-fast)}.userIdentityLink:hover{opacity:.85}.userIdentity{display:flex;flex-direction:column;justify-content:center;line-height:1.25}.userName{font-weight:600;color:var(--text-primary)}.userStudentId{color:var(--text-light);font-size:.72rem}.verificationStatusBadge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:.72rem;font-weight:600;text-decoration:none;margin:0 4px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.verificationStatusBadge:hover{transform:translateY(-1px);filter:brightness(.95)}.statusDot{width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0}.status-approved{background-color:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.status-pending{background-color:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}.status-changes-requested{background-color:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-legacy{background-color:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.3)}.mobileUserDetail{display:flex;flex-direction:column;gap:4px}.mobileBadgeWrapper{display:flex;align-items:center}.authBtn{padding:8px 18px;border-radius:var(--radius-md);font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1.5px solid transparent;letter-spacing:.02em}.loginBtn{color:var(--primary-color);background-color:#1a56db0f;border-color:var(--primary-color)}.loginBtn:hover{background-color:#1a56db1f;box-shadow:0 2px 8px #1a56db2e}.registerBtn{color:var(--primary-color);background-color:#1a56db0f;border-color:var(--primary-color)}.registerBtn:hover{background-color:#1a56db1f;box-shadow:0 2px 8px #1a56db2e}.logoutBtn{background-color:transparent;color:var(--text-light);padding:2px 8px;margin-left:4px}.logoutBtn:hover{color:#ef4444}.menuButton{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:var(--spacing-sm);background:none;border:none;cursor:pointer;gap:5px}.menuButton span{display:block;width:24px;height:2px;background-color:var(--text-primary);transition:all var(--transition-fast)}.menuButton.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menuButton.active span:nth-child(2){opacity:0}.menuButton.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobileNav{display:none;position:fixed;top:70px;left:0;right:0;background-color:var(--bg-primary);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-normal);z-index:999}.mobileNav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobileNavList{list-style:none;padding:0;margin:0}.mobileNavItem{border-bottom:1px solid var(--border-light)}.mobileNavLinkBtn{width:100%;text-align:left;background:none;border:none;padding:14px;color:var(--text-primary);font-weight:650;font-size:.96rem;cursor:pointer;font-family:inherit;border-radius:6px;transition:background .2s ease,color .2s ease,padding-left .2s ease;position:relative}.mobileNavLinkBtn:hover{background:#1a56db0d;color:var(--primary-color)}.mobileNavLinkBtn.active{background:#1a56db14;color:var(--primary-color);font-weight:800;padding-left:18px}.mobileNavLinkBtn.active:before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;background:var(--primary-color);border-radius:0 2px 2px 0}.mobileAuthItem{border-bottom:none;padding-top:var(--spacing-md)}.mobileUserInfo{display:flex;justify-content:space-between;align-items:center}.mobileAuthButtons{display:flex;gap:var(--spacing-md)}.mobileAuthButtons .authBtn{flex:1;text-align:center;padding:8px 16px}@media(max-width:1180px){.headerContainer{grid-template-columns:minmax(0,1fr) auto;height:60px;gap:var(--spacing-md)}.nav,.headerAuth{display:none}.menuButton{display:flex;justify-self:end}.mobileNav{display:block;top:60px}.logoTitle{font-size:1rem}.logoSubtitle{font-size:.65rem}.logoIcon{width:38px;height:38px}}@media(max-width:480px){.headerContainer{padding:0 var(--spacing-md)}.logoSubtitle{display:none}}.hero{position:relative;min-height:min(860px,calc(100svh - 76px));overflow:hidden;isolation:isolate;color:#fff;background:#06142f}.heroMedia,.heroSlide,.heroImagePlaceholder,.heroImage,.heroWash{position:absolute;top:0;right:0;bottom:0;left:0}.heroSlide{opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.4s cubic-bezier(.22,1,.36,1)}.heroSlide.active{opacity:1;transform:scale(1)}.heroImagePlaceholder{background:linear-gradient(135deg,#0d2860,#06142f)}.heroImage{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:0;filter:saturate(.88) contrast(1.05);transition:opacity .5s ease}.heroImage.loaded{opacity:1}.heroWash{z-index:1;background:linear-gradient(90deg,#030d22f5,#030d22c7 34%,#030d222e 72%),linear-gradient(0deg,rgba(3,13,34,.78) 0%,transparent 45%)}.heroFrame{position:relative;z-index:2;width:min(100% - 64px,1440px);min-height:min(860px,calc(100svh - 76px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:auto 1fr;border-inline:1px solid rgba(255,255,255,.18)}.heroEyebrow{grid-column:1 / -1;display:flex;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.heroContent{align-self:center;max-width:960px;padding:56px clamp(28px,5.5vw,88px) 80px}.heroIndex{display:flex;align-items:baseline;gap:6px;margin-bottom:24px;color:#d8ff3e;font-size:1.05rem;font-weight:800;letter-spacing:.12em}.heroIndex span{color:#ffffff85;font-size:.72rem}.heroTitle{display:flex;flex-direction:column;margin:0;color:#fff;font-size:clamp(4.6rem,8.5vw,8.6rem);font-weight:900;line-height:.86;letter-spacing:-.075em;text-transform:uppercase}.heroTitle span,.heroTitle strong{color:inherit;font:inherit}.heroTitle strong{margin-left:clamp(0px,7vw,110px);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9)}.heroDescription{max-width:560px;margin:38px 0 0 clamp(0px,7vw,110px);color:#ffffffc7;font-size:1.05rem;line-height:1.8}.heroButtons{display:flex;gap:12px;margin:30px 0 0 clamp(0px,7vw,110px)}.heroButton{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 20px;border:1px solid rgba(255,255,255,.7);border-radius:0;color:#fff;font-size:.9rem;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}.heroButton:hover{transform:translateY(-2px);color:#fff}.heroButtonPrimary{background:#d8ff3e;border-color:#d8ff3e;color:#06142f}.heroButtonPrimary:hover,.heroButtonSecondary:hover{background:#fff;color:#06142f}.heroRail{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0;border-left:1px solid rgba(255,255,255,.18)}.heroRailLabel{writing-mode:vertical-rl;font-size:.62rem;font-weight:700;letter-spacing:.2em;opacity:.68}.heroControls{display:grid;gap:8px}.heroControls button{width:42px;height:42px;border:1px solid rgba(255,255,255,.44);color:#fff;font-size:1.1rem;transition:background .18s ease,color .18s ease}.heroControls button:hover{background:#d8ff3e;border-color:#d8ff3e;color:#06142f}.heroIndicators{display:grid;gap:10px}.heroIndicators button{width:22px;height:2px;background:#ffffff59}.heroIndicators button.active{width:38px;background:#d8ff3e}@media(max-width:768px){.hero{min-height:calc(100svh - 60px)}.heroFrame{width:calc(100% - 28px);min-height:calc(100svh - 60px);grid-template-columns:1fr}.heroEyebrow{padding:18px 16px;font-size:.6rem}.heroContent{padding:44px 16px 116px}.heroTitle{font-size:clamp(3.45rem,17vw,5.7rem);line-height:.9}.heroTitle strong{margin-left:0}.heroDescription{margin:28px 0 0;max-width:34rem;font-size:.95rem;line-height:1.7}.heroButtons{margin:24px 0 0}.heroButton{flex:1;min-height:48px;gap:12px;padding:0 14px}.heroRail{position:absolute;inset:auto 16px 24px;flex-direction:row;padding:14px 0 0;border:0;border-top:1px solid rgba(255,255,255,.22)}.heroRailLabel{writing-mode:initial}.heroControls{display:none}.heroIndicators{display:flex}.heroWash{background:linear-gradient(90deg,#030d22ed,#030d2247),linear-gradient(0deg,rgba(3,13,34,.8),transparent 55%)}}@media(max-width:420px){.heroEyebrow span:last-child{display:none}.heroButtons{flex-direction:column}.heroContent{padding-top:36px}}@media(prefers-reduced-motion:reduce){.heroSlide,.heroImage,.heroButton{transition:none}}.about{padding:var(--spacing-3xl) 0;background-color:var(--bg-secondary)}.aboutContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.aboutContent{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:var(--spacing-2xl);align-items:center}.aboutImageWrapper{position:relative}.aboutImage{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.aboutImageBadge{position:absolute;bottom:-20px;right:-20px;background-color:var(--primary-color);color:var(--text-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.aboutImageBadgeNumber{font-size:2.5rem;font-weight:900;line-height:1}.aboutImageBadgeText{font-size:.9rem;font-weight:500}.aboutText{display:flex;flex-direction:column;gap:var(--spacing-lg)}.aboutTitle{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.aboutParagraph{font-size:1rem;color:var(--text-secondary);line-height:1.8}.aboutFeatures{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.aboutFeature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.aboutFeature:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.aboutFeatureIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-light);color:var(--text-white);border-radius:var(--radius-md);flex-shrink:0}.aboutFeatureIcon svg{width:20px;height:20px}.aboutFeatureText{font-size:.95rem;font-weight:500;color:var(--text-primary)}.aboutStats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.statItem{text-align:center}.statNumber{font-size:2.5rem;font-weight:900;color:var(--primary-color);line-height:1;margin-bottom:var(--spacing-sm)}.statNumber span{color:var(--accent-dark)}.statLabel{font-size:.9rem;color:var(--text-secondary);font-weight:500}@media(max-width:1024px){.aboutContent{grid-template-columns:1fr;gap:var(--spacing-2xl)}.aboutImageWrapper{order:-1}.aboutImage{max-height:none}.aboutStats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.about{padding:var(--spacing-xl) 0}.aboutContent{gap:var(--spacing-md)}.aboutImage{height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:var(--radius-lg)}.aboutImageBadge{bottom:8px;right:8px;padding:4px 10px;border-radius:var(--radius-md)}.aboutImageBadgeNumber{font-size:1.3rem}.aboutImageBadgeText{font-size:.7rem}.aboutText{gap:var(--spacing-xs)}.aboutTitle{font-size:1.2rem;margin-bottom:4px}.aboutParagraph{font-size:.85rem;line-height:1.45}.aboutFeatures{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.aboutFeature{padding:8px 10px}.aboutFeatureIcon{width:26px;height:26px}.aboutFeatureIcon svg{width:13px;height:13px}.aboutFeatureText{font-size:.78rem}.aboutStats{grid-template-columns:repeat(3,1fr);padding:var(--spacing-md);gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.statNumber{font-size:1.5rem}}@media(max-width:480px){.about{padding:var(--spacing-lg) 0}.aboutContainer{padding:0 var(--spacing-sm)}.aboutImage{max-height:none}.aboutImageBadge{right:6px;bottom:6px;padding:3px 8px}.aboutImageBadgeNumber{font-size:1.1rem}.aboutImageBadgeText{font-size:.65rem}.aboutParagraph{font-size:.8rem;line-height:1.4}.aboutFeatures{margin-top:14px}.statNumber{font-size:1.3rem}.statLabel{font-size:.7rem}}.activities{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary)}.activitiesContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.activitiesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.activityCard{background-color:var(--bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);display:flex;flex-direction:column}.activityCard:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.activityCard.activityCardFeatured{grid-column:1 / -1!important;display:flex;flex-direction:row;align-items:stretch}.activityCard.activityCardFeatured .activityImageWrapper{width:50%;height:auto;flex-shrink:0;margin-top:0;aspect-ratio:3 / 2;overflow:hidden}.activityCard.activityCardFeatured .activityImage{width:100%;height:100%;object-fit:cover}.activityCard.activityCardFeatured .activityContent{flex:1;padding:20px 24px}.activityCard.activityCardFeatured .activityTitle{font-size:clamp(1.25rem,1.8vw,1.6rem)}.activityCard.activityCardFeatured .activityDescription{font-size:.95rem;line-height:1.7}.activityImageWrapper{position:relative;overflow:hidden;height:auto;aspect-ratio:3 / 2}.activityImage{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.activityCard:hover .activityImage{transform:scale(1.05)}.activityCategory{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-color);color:var(--text-white);font-size:.8rem;font-weight:500;border-radius:var(--radius-full)}.activityContent{padding:var(--spacing-lg)}.activityDate{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-light);font-size:.85rem;margin-bottom:var(--spacing-sm)}.activityDate svg{width:16px;height:16px}.activityTitle{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activityDescription{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-md);height:4.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.activityLatestBadge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--accent-color);color:var(--primary-dark);font-size:.8rem;font-weight:600;border-radius:var(--radius-full);box-shadow:0 2px 6px #00000026}.activityMeta{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.activityLocation{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-light);font-size:.85rem}.activityLocation svg{width:16px;height:16px}.activityLink{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.activityLink:hover{color:var(--primary-light);gap:var(--spacing-sm)}.activityLink svg{width:16px;height:16px}.featuredActivity{grid-column:1 / -1;display:grid;grid-template-columns:1.5fr 1fr;background-color:var(--primary-color);border-radius:var(--radius-xl);overflow:hidden;color:var(--text-white)}.featuredActivityImage{position:relative;height:300px}.featuredActivityImage img{width:100%;height:100%;object-fit:cover}.featuredActivityBadge{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-color);color:var(--primary-dark);font-size:.85rem;font-weight:600;border-radius:var(--radius-full)}.featuredActivityContent{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}.featuredActivityTitle{font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-white)}.featuredActivityDescription{font-size:1rem;line-height:1.7;opacity:.9;margin-bottom:var(--spacing-lg)}.featuredActivityInfo{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.featuredActivityInfoItem{display:flex;align-items:center;gap:var(--spacing-sm)}.featuredActivityInfoItem svg{width:20px;height:20px;color:var(--accent-color)}.featuredActivityButton{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--accent-color);color:var(--primary-dark);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.featuredActivityButton:hover{background-color:var(--accent-light);transform:translateY(-2px)}.viewMoreWrapper{text-align:center;margin-top:var(--spacing-2xl)}.viewMoreButton{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--bg-secondary);color:var(--primary-color);font-size:1rem;font-weight:600;border-radius:var(--radius-lg);border:2px solid var(--primary-color);transition:all var(--transition-fast)}.viewMoreButton:hover{background-color:var(--primary-color);color:var(--text-white)}.viewMoreButton svg{width:20px;height:20px}@media(max-width:1024px){.activitiesGrid{grid-template-columns:repeat(2,1fr)}.activityCard.activityCardFeatured{grid-column:1 / -1!important;display:flex;flex-direction:row;align-items:stretch}.activityCard.activityCardFeatured .activityImageWrapper{width:45%;height:auto;flex-shrink:0;margin-top:0}.activityCard.activityCardFeatured .activityImage{width:100%;height:100%;object-fit:contain}.activityCard.activityCardFeatured .activityContent{flex:1;padding:16px 20px}.activityCard.activityCardFeatured .activityTitle{font-size:1.2rem}.activityCard.activityCardFeatured .activityDescription{font-size:.9rem}.featuredActivity{grid-template-columns:1fr}.featuredActivityImage{height:250px}}@media(max-width:768px){.activities{padding:var(--spacing-xl) 0}.activitiesGrid{grid-template-columns:repeat(2,1fr);gap:10px}.activityCard.activityCardFeatured{grid-column:1 / -1!important;display:flex;flex-direction:row;align-items:stretch}.activityCard.activityCardFeatured .activityImageWrapper{width:45%;height:auto;flex-shrink:0}.activityCard.activityCardFeatured .activityImage{width:100%;height:100%;object-fit:contain}.activityCard.activityCardFeatured .activityContent{flex:1;padding:8px 10px}.activityCard.activityCardFeatured .activityTitle{font-size:.95rem}.activityCard.activityCardFeatured .activityDescription{font-size:.78rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.featuredActivityContent{padding:var(--spacing-lg)}.featuredActivityTitle{font-size:1.2rem}.featuredActivityInfo{flex-wrap:wrap;gap:var(--spacing-md)}.activityCard{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.activityImageWrapper{width:100%;height:auto;position:relative;flex-shrink:0;aspect-ratio:3 / 2}.activityImage{width:100%;height:100%;object-fit:cover}.activityCategory{top:6px;left:6px;padding:1px 6px;font-size:.65rem}.activityLatestBadge{top:6px;right:6px;bottom:auto;left:auto;padding:1px 6px;font-size:.65rem}.activityContent{padding:8px 8px 10px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.activityDate{font-size:.7rem;margin-bottom:2px}.activityDate svg{width:12px;height:12px}.activityTitle{font-size:.85rem;font-weight:600;line-height:1.3;margin-bottom:4px;height:auto;max-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activityDescription{display:none}.activityMeta{padding-top:4px;border-top:1px solid var(--border-light);margin-top:auto;font-size:.7rem}.activityLocation{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.activityLocation svg,.activityLink svg{width:12px;height:12px}.activityLink{font-size:.7rem;white-space:nowrap}}@media(max-width:480px){.activities{padding:var(--spacing-lg) 0}.activitiesContainer{padding:0 8px}.activitiesGrid{gap:8px}.activityImageWrapper,.activityCard.activityCardFeatured .activityImageWrapper{height:auto}.activityCard.activityCardFeatured .activityTitle{font-size:.88rem}.activityCard.activityCardFeatured .activityDescription{font-size:.72rem}.activityContent{padding:6px 6px 8px}.activityTitle{font-size:.8rem;line-height:1.25}.activityMeta,.activityLocation,.activityLink{font-size:.65rem}.featuredActivityImage{height:160px}.featuredActivityInfo{flex-direction:column;gap:var(--spacing-sm)}}.teams{padding:var(--spacing-3xl) 0;background-color:#fff}.teamsContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.teamSearch{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.searchInputWrapper{display:flex;align-items:center;background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);transition:all var(--transition-fast);flex:1;max-width:400px}.searchInputWrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a56db1f}.searchInputWrapper svg{width:18px;height:18px;color:var(--text-light);margin-right:var(--spacing-sm)}.searchInput{border:none;background:none;outline:none;font-size:1rem;color:var(--text-primary);flex:1}.searchInput::placeholder{color:var(--text-light)}.searchClear{padding:var(--spacing-xs);color:var(--text-light);transition:color var(--transition-fast)}.searchClear:hover{color:var(--text-primary)}.searchClear svg{width:16px;height:16px;margin-right:0}.searchButton{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--primary-color);color:var(--text-white);font-size:.95rem;font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.searchButton:hover{background-color:var(--primary-light)}.refreshButton{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:0 12px;background-color:var(--bg-primary);color:var(--primary-color);font-size:.9rem;font-weight:500;border-radius:6px;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast);margin:0;flex-shrink:0;white-space:nowrap;height:38px;min-height:38px;box-sizing:border-box}.refreshButton:hover{border-color:var(--primary-color);background-color:#1a56db0f}.teamsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.teamCard{position:relative;background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;cursor:pointer}.teamCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a}.teamCard:active{transform:scale(.97)}.teamCard.selected{border:2px solid var(--primary-color)}.teamImageWrapper{position:relative;height:160px;overflow:hidden;background:var(--bg-primary)}.teamImage{width:100%;height:100%;object-fit:contain;background:var(--bg-primary);transition:transform var(--transition-normal)}.teamCard:hover .teamImage{transform:scale(1.08);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.teamCard:active .teamImage{transform:scale(1.03)}.teamContent{padding:var(--spacing-sm) var(--spacing-md)}.teamName{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs);text-align:center}.teamInfo{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs) var(--spacing-sm)}.teamInfoItem{display:flex;flex-direction:column}.teamInfoLabel{font-size:.72rem;color:var(--text-light);margin-bottom:1px}.teamInfoValue{font-size:.85rem;font-weight:500;color:var(--text-primary)}@media(min-width:769px){.teamContent{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:130px}.teamName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teamInfo{flex:1;align-content:start}.teamInfoItem{min-height:32px;justify-content:flex-start}.teamInfoLabel{line-height:1.2}.teamInfoValue{line-height:1.3}}.teamDetailsButton{display:none}.teamModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn var(--transition-fast)}.teamModal{position:relative;background-color:var(--bg-primary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal)}.modalClose{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#0000001a;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);z-index:1}.modalClose:hover{background-color:#0003}.modalClose svg{width:18px;height:18px}.modalHeader{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modalLogo{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:3px solid rgba(255,255,255,.6);box-shadow:0 4px 12px #00000040}.modalTitle{font-size:1.5rem;color:#fff;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.4)}.modalContent{padding:var(--spacing-xl)}.modalInfoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.modalInfoItem{display:flex;flex-direction:column}.coachInfoItem{grid-column:span 2!important}.modalInfoLabel{font-size:.85rem;color:var(--text-light);margin-bottom:var(--spacing-xs)}.modalInfoValue{font-size:1rem;font-weight:500;color:var(--text-primary)}.modalJerseys{display:flex;justify-content:center;gap:var(--spacing-xl)}.modalJersey{display:flex;flex-direction:column;align-items:center}.jerseyImage{width:120px;height:160px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.jerseyLabel{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}@media(max-width:900px){.teamImageWrapper{height:140px}}@media(max-width:768px){.teams{padding:var(--spacing-2xl) 0}.teamSearch{flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important}.searchInputWrapper{max-width:none!important;flex:1!important}.searchButton{padding:var(--spacing-sm) var(--spacing-md)!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;white-space:nowrap!important}.filterControls{flex-wrap:nowrap!important;gap:25px!important;padding:10px 0!important;max-width:none!important}.filterControls>div{gap:6px!important}.filterControls>div>span{font-size:12px!important}.refreshButton{padding:0 10px!important;font-size:.8rem!important}.refreshButton svg{width:14px!important;height:14px!important}.teamsGrid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.teamsContainer>.pagination{flex-wrap:wrap;gap:6px}.modalInfoGrid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-md)!important}.modalJerseys{flex-direction:row!important;justify-content:center!important;gap:var(--spacing-md)!important}.modalJersey .jerseyImage{width:90px!important;height:120px!important}}@media(max-width:480px){.teamsContainer{padding:0 var(--spacing-sm)}.teamsGrid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.modalInfoGrid{grid-template-columns:1fr!important}.modalHeader{flex-direction:row!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-lg)!important;text-align:left!important}.modalLogo{width:48px!important;height:48px!important;border-width:2px!important}.modalTitle{font-size:1.15rem!important}.paginationNumber,.paginationButton{width:32px;height:32px;font-size:.85rem}}.imagePreviewOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.imagePreviewContainer{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.previewLargeImage{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000080;border:4px solid var(--text-white);animation:zoomIn .25s cubic-bezier(.34,1.56,.64,1)}.previewCloseButton{position:absolute;top:-45px;right:0;background:none;border:none;color:var(--text-white);cursor:pointer;padding:8px;border-radius:50%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.previewCloseButton:hover{background-color:#ffffff40;transform:rotate(90deg)}.previewCloseButton svg{width:24px;height:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modalLogo,.jerseyImage{cursor:pointer;transition:transform var(--transition-fast),filter var(--transition-fast)}.modalLogo:hover,.jerseyImage:hover{transform:scale(1.03);filter:brightness(1.05)}.modalPlayersSection{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px dashed var(--border-color)}.modalPlayersHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modalPlayersHeader h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.modalSeasonSelect{padding:6px 12px;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);outline:none;cursor:pointer;transition:all var(--transition-fast)}.modalSeasonSelect:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1a56db1a}.modalPlayersLoading,.modalPlayersEmpty{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-light);font-size:.95rem}.modalPlayersList{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-md);max-height:280px;overflow-y:auto;padding-right:4px}.modalPlayerCard{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.modalPlayerCard:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.modalPlayerPhoto{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);background-color:var(--bg-primary)}.modalPlayerPhotoPlaceholder{width:36px;height:36px;border-radius:50%;background-color:#2563eb;color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:1rem}.modalPlayerInfo{display:flex;flex-direction:column;min-width:0}.modalPlayerName{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modalPlayerNumber{font-size:.8rem;color:var(--primary-color);font-weight:500}.modalPlayersList::-webkit-scrollbar{width:4px}.modalPlayersList::-webkit-scrollbar-track{background:transparent}.modalPlayersList::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.modalPlayersList::-webkit-scrollbar-thumb:hover{background-color:var(--text-light)}@media(max-width:480px){.modalPlayersList{grid-template-columns:repeat(2,1fr)}}@media(hover:none){.teamCard:hover{transform:none;box-shadow:var(--shadow-sm)}.teamCard:hover .teamImage{transform:none;filter:none}.teamCard:active{transform:scale(.96);box-shadow:0 4px 16px #0000001a}.teamCard:active .teamImage{transform:scale(1.06);filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}}.teamLogoPlaceholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.teamLogoInitial{font-size:3rem;font-weight:700;color:var(--text-white);font-family:var(--font-family);-webkit-user-select:none;user-select:none;line-height:1}@media(max-width:768px){.teamCard:hover .teamBannerLogo{transform:none}.teamCard:hover{transform:none;box-shadow:none;background:#fff}.teamCard:hover:after{border-color:transparent}.teamContent{padding:var(--spacing-sm) var(--spacing-xs);text-align:center;background:var(--bg-tertiary)}.teamBannerName{font-size:.85rem!important;font-weight:700}.teamDetailsButton{display:none}.teamLogoInitial{font-size:1rem}}@media(max-width:480px){.teamContent{padding:var(--spacing-xs)}.teamBannerName{font-size:.75rem!important}}.cc-modal{max-width:520px;width:92%;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 40px #0000002e;border-radius:24px;overflow:hidden;padding:0}.cc-overlay{z-index:1100}.cc-loading{padding:60px 0;text-align:center}.cc-loading-spinner{margin:0 auto 15px}.cc-loading-text{color:var(--text-primary);font-weight:600}.cc-empty{padding:40px;text-align:center;color:#666}.cc-content{padding:20px 14px}.cc-header{display:flex;gap:14px;align-items:center;margin-bottom:16px;border-bottom:1px dashed rgba(0,0,0,.1);padding-bottom:14px}.cc-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;box-shadow:0 8px 18px #0000001f;border:3px solid #fff;background:#f1f5f9;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cc-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.cc-avatar-fallback{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 8px 18px #0000001f;border:3px solid #fff;color:#fff;font-weight:700;flex-shrink:0}.cc-header-info{min-width:0;flex:1}.cc-player-name{margin:0 0 4px;font-size:1.5rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-team-info{margin:0;font-size:.9rem;color:var(--primary-color);font-weight:600;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cc-suspended-badge{background:#ffebeb;color:#d93838;font-size:.72rem;padding:2px 6px;border-radius:12px;margin-left:2px;white-space:nowrap}.cc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.cc-stat-tile{background:#fff9;padding:8px 2px;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,.6)}.cc-stat-value{font-size:1.1rem;font-weight:800;color:var(--text-primary);white-space:nowrap}.cc-stat-value--goals{color:var(--primary-color)}.cc-stat-value--assists{color:#0288d1}.cc-stat-value--discipline{font-size:.95rem;color:#f57c00;display:flex;align-items:center;justify-content:center;gap:2px}.cc-stat-label{font-size:.72rem;color:#666;margin-top:2px;white-space:nowrap}.cc-section-title{margin:0 0 10px;font-size:1rem;font-weight:700;color:var(--text-primary)}.cc-table-wrapper{width:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.cc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.78rem;text-align:center}.cc-table-header-row{background:#00000008;border-bottom:1px solid rgba(0,0,0,.08)}.cc-table-th{padding:8px 2px;font-weight:600}.cc-table-th--season{width:26%;padding:8px 3px}.cc-table-th--matches{width:13%}.cc-table-th--goals,.cc-table-th--assists{width:12%}.cc-table-th--discipline{width:37%;white-space:nowrap}.cc-table-row{border-bottom:1px solid rgba(0,0,0,.05);background:transparent}.cc-table-row--last{border-bottom:none}.cc-table-row--alt{background:#fff3}.cc-table-td{padding:8px 2px}.cc-table-td--season{padding:8px 3px;font-weight:500;word-break:break-word;line-height:1.25}.cc-table-td--goals{font-weight:600;color:var(--primary-color)}.cc-table-td--assists{font-weight:600;color:#0288d1}.cc-table-td--discipline{white-space:nowrap}.cc-discipline{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-size:.72rem;line-height:1}.cc-discipline-item{display:inline-flex;align-items:center;gap:1px}.cc-discipline-emoji{font-size:.7rem}.cc-discipline-sep{color:#aaa}.matches{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary);overflow:hidden}.matchesContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg);overflow:hidden}.matchesFilters{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.filterGroup{display:flex;align-items:center;gap:var(--spacing-sm)}.filterLabel{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.filterSelect{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);outline:none;cursor:pointer;transition:all var(--transition-fast)}.filterSelect:focus{border-color:var(--primary-color)}.refreshButton{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:var(--text-white);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-left:auto}.refreshButton:hover{background-color:var(--primary-light)}.refreshButton svg{width:16px;height:16px}.errorMessage{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:#ef44441a;color:#dc2626;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.errorMessage svg{width:20px;height:20px}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0}.loadingSpinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingContainer p{margin-top:var(--spacing-md);color:var(--text-secondary)}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0}.emptyState svg{width:64px;height:64px;color:var(--text-light);margin-bottom:var(--spacing-md)}.emptyState p{color:var(--text-secondary)}.matchesLayout{display:grid;grid-template-columns:3fr 1fr;gap:var(--spacing-2xl)}.matchesList{display:flex;flex-direction:column;gap:var(--spacing-lg)}.matchCard{background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:2px solid transparent}.matchCard:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.matchHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.matchStatus{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem;font-weight:600;border-radius:var(--radius-full);color:var(--text-white)}.matchDate{font-size:.9rem;color:var(--text-secondary)}.matchInfoText{font-size:.95rem;font-weight:800;color:var(--text-primary);letter-spacing:.08em;text-align:center;white-space:nowrap;margin-bottom:6px;padding:4px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);display:inline-block}.matchContent{display:grid;grid-template-columns:1fr minmax(80px,auto) 1fr;align-items:center;column-gap:var(--spacing-md)}.matchTeam{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);min-width:0;overflow:hidden}.matchTeam:first-child{justify-self:center;padding-right:16px}.matchTeam:last-child{justify-self:center;padding-left:16px}.matchTeamLogo{width:60px;height:60px;border-radius:var(--radius-full);background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm);flex-shrink:0}.matchTeamLogo img{width:50px;height:50px;object-fit:contain;background:var(--bg-primary);border-radius:8px}.matchTeamName{font-size:.95rem;font-weight:600;color:var(--text-primary);text-align:center;max-width:100%;line-height:1.2;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.matchScoreBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:80px;justify-self:center}.matchScore{display:flex;align-items:baseline;justify-content:center;gap:0}.matchScoreNumber{font-size:2rem;font-weight:700;color:#000;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:2.2ch}.matchScoreNumber:first-child{text-align:right}.matchScoreNumber:last-child{text-align:left}.matchScoreSeparator{font-size:1.5rem;font-weight:500;color:#000;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";min-width:1.5ch;text-align:center}.matchPenaltyScore{padding:3px 10px;border-radius:999px;background:#00b85c1a;color:#00a653;font-size:.8rem;font-weight:700;line-height:1.4;white-space:nowrap}.liveBadge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:var(--text-white);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.matchFooter{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.matchDetail{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}.matchDetail svg{width:16px;height:16px;color:var(--primary-light)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.paginationButton{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-secondary);border:2px solid var(--border-color);transition:all var(--transition-fast)}.paginationButton:hover:not(:disabled){background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.paginationButton:disabled{opacity:.5;cursor:not-allowed}.paginationButton svg{width:16px;height:16px}.paginationNumbers{display:flex;gap:var(--spacing-xs)}.paginationNumber{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;border:2px solid transparent;transition:all var(--transition-fast)}.paginationNumber:hover:not(.active){border-color:var(--primary-color)}.paginationNumber.active{background-color:var(--primary-color);color:var(--text-white)}.matchesSidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sectionTitleSmall{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.upcomingSection{background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.upcomingList{display:flex;flex-direction:column;gap:var(--spacing-md)}.upcomingItem{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-primary);border-radius:var(--radius-md)}.upcomingDate{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background-color:var(--primary-color);color:var(--text-white);border-radius:var(--radius-md);min-width:50px}.upcomingDay{font-size:1.2rem;font-weight:700}.upcomingMonth{font-size:.7rem}.upcomingInfo{flex:1}.upcomingTeams{font-size:.9rem;font-weight:500;color:var(--text-primary)}.upcomingTime{font-size:.8rem;color:var(--text-light)}.emptyUpcoming{padding:var(--spacing-lg);text-align:center}.emptyUpcoming p{color:var(--text-secondary);font-size:.9rem}.statsSection{background-color:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.statsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.statCard{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--radius-md)}.statValue{font-size:1.5rem;font-weight:700;color:var(--primary-color)}@media(max-width:1024px){.matchesLayout{grid-template-columns:1fr}.matchesSidebar{order:-1}.statsGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.matches{padding:var(--spacing-2xl) 0}.matchesFilters{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filterGroup{flex:1;justify-content:space-between}.refreshButton{margin-left:0;justify-content:center}.matchContent{display:grid!important;grid-template-columns:1fr minmax(60px,auto) 1fr!important;align-items:center!important;column-gap:var(--spacing-xs)!important;width:100%!important}.matchTeam{flex-direction:column!important;align-items:center!important;min-width:0!important;overflow:hidden!important}.matchTeam:first-child{justify-self:center!important;padding-right:8px!important}.matchTeam:last-child{justify-self:center!important;padding-left:8px!important}.matchTeamName{font-size:.8rem!important;word-break:break-word!important;margin-top:4px!important;line-height:1.2!important;max-width:100%!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.matchTeamLogo{width:44px!important;height:44px!important;flex-shrink:0!important}.matchTeamLogo img{width:34px!important;height:34px!important}.matchScoreBox{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:var(--spacing-xs)!important;min-width:60px!important;justify-self:center!important}.matchTeam:last-child{order:initial!important}.matchFooter{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.statsGrid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.statCard{padding:var(--spacing-sm) 2px;text-align:center}.statValue{font-size:1.15rem}.statLabel{font-size:.72rem;white-space:nowrap}}@media(max-width:480px){.matchesContainer{padding:0 var(--spacing-md)}.matchesFilters{gap:var(--spacing-sm)}.filterSelect{flex:1}.matchTeamLogo{width:50px;height:50px}.matchTeamLogo img{width:40px;height:40px}.matchScoreNumber{font-size:1.5rem}.paginationNumber,.paginationButton{width:32px;height:32px;font-size:.85rem}.statsGrid{grid-template-columns:repeat(4,1fr);gap:4px}}.matchEventsSection{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.eventLabel{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.eventsGrid{display:grid;grid-template-columns:1fr 1px 1fr;gap:var(--spacing-md);align-items:start}.eventsGridDivider{background-color:var(--border-color);align-self:stretch;width:1px}.teamEvents{display:flex;flex-direction:column;gap:var(--spacing-sm)}.noEvents{font-size:.85rem;color:var(--text-muted);font-style:italic;text-align:center;padding:var(--spacing-sm) 0}.eventsTimeline{display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.timelineItem{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-primary);padding:4px 0}.eventTime{font-weight:700;color:var(--primary-color);min-width:32px}.eventIcon{font-size:1.1rem}.eventDesc{color:var(--text-secondary)}.ownGoalBadge,.penaltyBadge{font-size:.75rem;padding:2px 6px;border-radius:4px;color:#fff;margin-left:4px;font-weight:700;display:inline-block}.ownGoalBadge{background-color:var(--danger-color, #dc3545)}.penaltyBadge{background-color:var(--primary-color, #0d6efd)}.shortTeamName{display:none}@media(max-width:768px){.eventsGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}.eventsGridDivider{display:none!important}.eventsTimeline{padding:6px 8px!important;gap:6px!important}.timelineItem{font-size:.78rem!important;gap:4px!important;padding:2px 0!important}.eventTime{min-width:22px!important;font-size:.78rem!important}.eventIcon{font-size:.95rem!important}.eventDesc{font-size:.78rem!important;line-height:1.2!important;word-break:break-all!important}.eventDesc strong{font-size:.78rem!important}.fullTeamName{display:none!important}.shortTeamName{display:inline!important}.matchesTabs{display:flex!important;width:100%!important;justify-content:space-between!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important;border-bottom:2px solid var(--border-color)!important}.tabButton{font-size:.85rem!important;padding:8px!important;white-space:nowrap!important;flex:1!important;text-align:center!important}.tabButton:after{bottom:-6px!important}}.matchCard{cursor:pointer}.matchModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;padding:var(--spacing-lg);font-family:var(--font-family);color:var(--text-primary)!important}.matchModal{background-color:var(--bg-secondary);border-radius:var(--radius-2xl);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-color);animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);padding:var(--spacing-2xl);font-family:var(--font-family);color:var(--text-primary)!important}.matchModal *{font-family:var(--font-family)!important}.matchModal::-webkit-scrollbar{width:6px}.matchModal::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:var(--radius-full)}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.matchModalClose{position:absolute;top:1.25rem;right:1.25rem;background-color:var(--bg-primary);border:1px solid var(--border-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:10}.matchModalClose:hover{background-color:var(--primary-light);color:var(--primary-color);transform:rotate(90deg)}.matchModalClose svg{width:16px;height:16px}.matchModalHeader{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-right:40px}.matchModalStatus{padding:4px 10px;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);color:var(--text-white)}.matchModalHeaderTitle{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.matchScoreBoxLarge{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1a56db08,#1a56db14);background-color:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #00000003}.modalTeam{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1.2}.modalTeamLogo{width:80px;height:80px;border-radius:50%;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px #00000014;border:3px solid var(--bg-secondary);transition:transform var(--transition-normal)}.modalTeamLogo:hover{transform:scale(1.05)}.modalTeamLogo img{width:60px;height:60px;object-fit:contain;background:var(--bg-primary);border-radius:8px}.modalTeamName{font-weight:700;font-size:1rem;color:var(--text-primary);text-align:center;margin-top:4px}.modalScore{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);justify-content:center;flex:1}.modalScoreNumber{font-size:3rem;font-weight:950;color:var(--text-primary)!important;letter-spacing:-1px}.modalScoreSeparator{font-size:2.2rem;font-weight:700;color:var(--text-primary)!important;opacity:.6}.matchInfoDetails{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.infoItem{display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.infoIcon{font-size:1.25rem;line-height:1}.infoContent{display:flex;flex-direction:column;gap:2px}.infoLabel{font-size:.75rem;color:var(--text-light);font-weight:600}.infoValue{font-weight:700;color:var(--text-primary);font-size:.9rem}.modalEvents{border-top:1px solid var(--border-color);padding-top:var(--spacing-xl)}.eventsTitle{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.unifiedTimeline{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;padding:var(--spacing-sm) 0}.unifiedTimeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--border-color);transform:translate(-50%);z-index:1}.timelineRow{display:flex;position:relative;z-index:2;width:100%}.timelineRow.rowHome{justify-content:flex-start}.timelineRow.rowAway{justify-content:flex-end}.timelineDotContainer{position:absolute;left:50%;top:12px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3;background-color:var(--bg-secondary);padding:4px 8px}.timelineRow .eventTime{font-weight:850;color:var(--primary-color);font-size:.85rem;line-height:1}.timelineStartLabel,.timelineEndLabel{font-size:.75rem;color:var(--text-light);line-height:1;white-space:nowrap}.timelineStartClock{font-size:1.3rem;line-height:1}.timelineEndIcon{font-size:1.1rem;line-height:1}.timelineStartDot,.timelineEndDot{width:12px;height:12px;border-radius:50%;background-color:var(--primary-color);flex-shrink:0}.timelineRowStart{justify-content:center}.timelineRowStart .timelineDotContainer{position:relative;left:auto;top:auto;transform:none;padding-top:0}.timelineRowEnd .timelineDotContainer{padding-bottom:12px}.eventIconContainer{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-sm);background-color:var(--bg-primary)}.eventIcon-goal{background-color:#28a7451f;border:1.5px solid rgba(40,167,69,.35)}.eventIcon-own_goal{background-color:#dc35451f;border:1.5px solid rgba(220,53,69,.35)}.eventIcon-penalty{background-color:#1a56db1f;border:1.5px solid rgba(26,86,219,.35)}.eventIcon-substitution{background-color:#17a2b81f;border:1.5px solid rgba(23,162,184,.35)}.eventIcon-yellow_card{background-color:#ffc10726;border:1.5px solid rgba(255,193,7,.45)}.eventIcon-red_card{background-color:#dc354526;border:1.5px solid rgba(220,53,69,.45)}.eventIcon-penalty_shootout_goal{background-color:#28a7451f;border:1.5px solid rgba(40,167,69,.35)}.eventIcon-penalty_shootout_miss,.eventIcon-penalty_miss{background-color:#dc35451f;border:1.5px solid rgba(220,53,69,.35)}.modalPenaltyScore{display:block;margin-top:4px;color:var(--text-light);font-size:.82rem;font-weight:700;text-align:center}.shootoutSection{margin-top:var(--spacing-xl);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.shootoutHeader{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-weight:800}.shootoutHeader strong{color:#00b84a;font-size:1.1rem}.shootoutTimeline{position:relative;display:flex;flex-direction:column;gap:10px}.shootoutTimeline:before{content:"";position:absolute;inset:0 auto 0 50%;width:3px;background:#00b84a;transform:translate(-50%)}.shootoutRow{position:relative;display:flex;min-height:44px;align-items:center}.shootoutHome{justify-content:flex-start}.shootoutAway{justify-content:flex-end}.shootoutKickCard{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:calc(50% - 24px);box-sizing:border-box;padding:9px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.shootoutAway .shootoutKickCard{justify-content:flex-start}.shootoutCenterBadge{position:absolute;left:50%;z-index:2;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;transform:translate(-50%);background:#00b84a;color:#fff;font-size:.78rem;font-weight:800}.shootoutPlayer{border:0;padding:0;background:transparent;color:var(--text-primary);font:inherit;cursor:pointer}.shootoutPlayer:disabled{cursor:default}.shootoutRowEnd{justify-content:center}.shootoutEndMarker{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2;background-color:var(--bg-secondary);padding:4px 8px}.shootoutRunningScore{color:var(--text-secondary);white-space:nowrap}.shootoutKickIcon{position:relative;display:inline-grid;min-width:22px;place-items:center}.shootoutMissMark{position:absolute;color:#e03131;font-size:1.5rem;font-weight:900;line-height:1}.eventLegend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:.82rem}.eventLegend>span{display:inline-flex;align-items:center}.shootoutCompact .shootoutHeader{margin-top:var(--spacing-sm)}.shootoutCompact .shootoutRow{min-height:38px}@media(max-width:640px){.shootoutKickCard{width:calc(50% - 18px);padding:7px 6px;font-size:.78rem}.shootoutCenterBadge{width:24px;height:24px;font-size:.7rem}}.timelineEventCard{width:calc(50% - 25px);background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);padding:12px var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;transition:all var(--transition-fast);box-sizing:border-box}.rowHome .timelineEventCard{margin-right:25px;border-right:4px solid var(--primary-color)}.rowAway .timelineEventCard{margin-left:25px;border-left:4px solid #10b981}.rowHome:hover .timelineEventCard{transform:translate(-4px);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.rowAway:hover .timelineEventCard{transform:translate(4px);border-color:var(--primary-light);box-shadow:var(--shadow-md)}.eventCardHeader{display:flex;align-items:center;gap:var(--spacing-sm)}.miniTeamLogo{width:20px;height:20px;object-fit:contain;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary)}.miniTeamName{font-size:.8rem;font-weight:700;color:var(--text-light)}.eventDesc{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.noEventsMessage{text-align:center;color:var(--text-light);padding:var(--spacing-xl) 0;font-size:.95rem;border-top:1px dashed var(--border-color)}@media(max-width:600px){.matchModal{padding:var(--spacing-md)!important;max-height:95vh!important;border-radius:var(--radius-xl)!important}.matchModalHeaderTitle{font-size:1.05rem!important}.matchModalClose{top:.8rem!important;right:.8rem!important;width:28px!important;height:28px!important}.matchScoreBoxLarge{padding:var(--spacing-md) var(--spacing-sm)!important;gap:var(--spacing-xs)!important;border-radius:var(--radius-xl)!important}.modalTeamLogo{width:48px!important;height:48px!important}.modalTeamLogo img{width:36px!important;height:36px!important}.modalTeamName{font-size:.85rem!important}.modalScoreNumber{font-size:1.8rem!important}.modalScoreSeparator{font-size:1.3rem!important}.matchInfoDetails{grid-template-columns:1fr!important;gap:var(--spacing-xs)!important;margin-bottom:var(--spacing-lg)!important}.infoItem{padding:var(--spacing-xs) var(--spacing-md)!important}.modalLineupsContainer{grid-template-columns:1fr 1fr!important;gap:10px!important}.modalLineupColumn h3{font-size:.85rem!important;white-space:normal!important;word-break:break-all!important;line-height:1.3!important;margin-bottom:var(--spacing-sm)!important}.lineupSubSection{margin-top:12px!important}.lineupSubSection h4{font-size:.8rem!important;margin-bottom:6px!important;padding-left:6px!important}.modalLineupColumn .lineupPlayersList>div{padding:6px 8px!important;gap:6px!important;font-size:.82rem!important;border-radius:6px!important}.modalLineupColumn .lineupPlayersList>div span{min-width:18px!important}.modalTabButton{padding:8px 12px!important;font-size:.9rem!important}.careerCardModal{padding:var(--spacing-lg)!important;max-width:95%!important}.careerCardModal h4{font-size:1rem!important}.unifiedTimeline:before{left:50%!important;transform:translate(-50%)!important}.timelineRow.rowHome{justify-content:flex-start!important}.timelineRow.rowAway{justify-content:flex-end!important}.timelineDotContainer{left:50%!important;transform:translate(-50%)!important;top:12px!important;padding:2px 4px!important;gap:2px!important}.timelineEventCard{width:calc(50% - 15px)!important;max-width:calc(50% - 15px)!important;margin-left:0!important;margin-right:0!important;border-radius:var(--radius-lg)!important;padding:8px 10px!important;box-sizing:border-box!important}.eventCardHeader{display:none!important}.eventDesc{font-size:.8rem!important;line-height:1.3!important}.eventDesc strong{font-size:.8rem!important}.rowHome .timelineEventCard{margin-right:15px!important;border-right:3px solid var(--primary-color)!important;border-left:1.5px solid var(--border-color)!important}.rowAway .timelineEventCard{margin-left:15px!important;border-left:3px solid #10b981!important;border-right:1.5px solid var(--border-color)!important}.timelineRow:hover .timelineEventCard{transform:none!important}.timelineRowStart .timelineDotContainer{position:relative!important;left:auto!important;top:auto!important;transform:none!important;padding-top:0!important}}.matchesTabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:0;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm);flex-wrap:wrap}.tabButton{background:none;border:none;font-family:inherit;font-size:1.05rem;font-weight:600;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .3s ease;position:relative}.tabButton:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.tabButton:hover,.tabButton.active{color:var(--primary-color)}.tabButton.active:after{transform:scaleX(1)}.standingsSection,.scorersSection{background:var(--comp-bg-card);border:1px solid var(--comp-border-card);border-radius:var(--comp-radius-card);padding:var(--spacing-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;margin-top:var(--spacing-sm)}@media(min-width:769px){.standingsSection,.scorersSection{padding:var(--spacing-lg)}}.standingsTableContainer,.scorersTableContainer{overflow:hidden}.standingsTable,.scorersTable{width:100%;border-collapse:separate;border-spacing:0;text-align:center;font-size:.9rem;table-layout:fixed;margin:0;padding:0}.standingsTable th,.scorersTable th{padding:12px 0;font-weight:500;color:var(--comp-header-text);background:var(--comp-header-bg);border-bottom:1px solid var(--comp-header-divider);font-size:.7rem;white-space:nowrap;overflow:hidden}.standingsTable td,.scorersTable td{padding:12px 0;color:var(--comp-row-text);border-bottom:1px solid var(--comp-row-divider);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standingsTable th:nth-child(1),.standingsTable td:nth-child(1){width:5%}.standingsTable th:nth-child(2),.standingsTable td:nth-child(2){width:27%}.standingsTable th:nth-child(3),.standingsTable td:nth-child(3){width:8%}.standingsTable th:nth-child(4),.standingsTable td:nth-child(4){width:17%}.standingsTable th:nth-child(5),.standingsTable td:nth-child(5){width:15%}.standingsTable th:nth-child(6),.standingsTable td:nth-child(6){width:10%}.standingsTable th:nth-child(7),.standingsTable td:nth-child(7){width:13%}.standingsTable th:nth-child(2),.standingsTable td:nth-child(2){text-align:left}.scorersTable th:nth-child(1),.scorersTable td:nth-child(1){width:12%}.scorersTable th:nth-child(2),.scorersTable td:nth-child(2){width:30%;text-align:left}.scorersTable th:nth-child(3),.scorersTable td:nth-child(3){width:12%}.scorersTable th:nth-child(4),.scorersTable td:nth-child(4){width:28%;text-align:left}.scorersTable th:nth-child(5),.scorersTable td:nth-child(5){width:18%}.standingsTable tbody tr:hover,.scorersTable tbody tr:hover{background-color:#00000008}.rankBadge{font-weight:700;font-size:.85rem;color:var(--comp-text-secondary)}.rank-gold{color:#f59e0b;font-weight:800}.rank-silver{color:#94a3b8;font-weight:700}.rank-bronze{color:#cd7f32;font-weight:700}.tableTeamCell{display:flex;align-items:center;gap:3px}.tableTeamLogo{width:26px;height:26px;object-fit:contain;border-radius:4px;background:#f1f5f9;border:none;flex-shrink:0}.tableTeamName{font-weight:600;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--comp-text-primary)}.pointsCell{font-weight:700;color:var(--comp-text-primary);font-size:1.05rem}.goalsCell{font-weight:700;color:var(--comp-text-primary);text-align:center;font-size:1.05rem;font-variant-numeric:tabular-nums}.goalsNum{display:inline-block;min-width:1.5em;text-align:right;color:var(--comp-text-primary)}.penaltyGoals{font-weight:500;color:var(--comp-text-secondary);font-size:.85rem;margin-left:2px}.text-positive{color:#10b981;font-weight:600}.text-negative{color:#ef4444;font-weight:600}.scorerNameCell{display:flex;align-items:center;gap:var(--spacing-sm)}.scorerNameCell strong{color:var(--comp-text-primary)}.scorerIcon{font-size:1rem}.leagueSplitContainer{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-md)}.cupGroupsContainer{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.cupGroupCard{padding:var(--spacing-lg) 0}.cupGroupHeader{font-size:1.25rem;font-weight:700;color:var(--comp-header-text);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--comp-header-divider);padding:0 0 var(--spacing-sm) 0;letter-spacing:.5px;text-align:center}.miniTable{font-size:.9rem}.advancingRow{background-color:var(--comp-highlight-bg)}.advancingRow:hover{background-color:#1a56db1a!important}.promotionRow{background-color:var(--comp-highlight-bg);border-left:3px solid rgba(26,86,219,.3)}.promotionRow td{color:var(--comp-text-primary)}.promotionRow:hover{background-color:#1a56db1a!important}.bracketSection{background:var(--comp-bg-card);border:1px solid var(--comp-border-card);border-radius:var(--comp-radius-card);padding:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.bracketWrapper{overflow-x:visible;padding:var(--spacing-md) 0}.bracketContainer{display:flex;justify-content:space-evenly;align-items:flex-start;gap:16px;width:100%;padding:40px 16px}.bracketColumn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex:1 1 0;min-width:110px;max-width:200px;position:relative}.centerColumn{flex:1.5 1 0;min-width:190px;max-width:260px}.columnHeader{font-size:.95rem;font-weight:700;color:var(--comp-bracket-col-header-text);text-transform:uppercase;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--comp-bracket-col-header-bg);border-radius:var(--radius-sm);border:1px solid var(--comp-bracket-col-header-border);text-align:center;width:100%}.championHeader{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2473;color:#fbbf24}.matchGroups{display:flex;flex-direction:column;justify-content:space-around;min-height:480px;height:480px;position:relative;width:100%}.finalGroup{min-height:480px;height:auto;display:flex;flex-direction:column;align-items:center;gap:24px}.spacer{display:none}.bracketMatchCard{background:var(--comp-bracket-card-bg);border:1px solid var(--comp-bracket-card-border);border-radius:var(--radius-lg);padding:10px;width:100%;box-shadow:none;transition:all .3s ease;position:relative}.f-center-column .bracketMatchCard{padding:14px}.bracketMatchCard:hover{transform:translateY(-2px);border-color:var(--primary-light);box-shadow:0 6px 20px #00000014}.bracketMatchCard.bracket-card-left:after{content:"";position:absolute;right:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-right:after{content:"";position:absolute;left:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-qf.bracket-card-left:before{content:"";position:absolute;left:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-qf.bracket-card-right:before{content:"";position:absolute;right:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-sf.bracket-card-left:before{content:"";position:absolute;left:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-sf.bracket-card-right:before{content:"";position:absolute;right:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-f:before{content:"";position:absolute;left:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.bracketMatchCard.bracket-card-f:after{content:"";position:absolute;right:-16px;width:16px;height:2px;background:var(--comp-bracket-connector);top:50%;transform:translateY(-50%);z-index:1}.qf-left-column .matchGroups:after{content:"";position:absolute;right:-16px;top:25%;height:50%;width:2px;background:var(--comp-bracket-connector);z-index:0}.qf-right-column .matchGroups:after{content:"";position:absolute;left:-16px;top:25%;height:50%;width:2px;background:var(--comp-bracket-connector);z-index:0}.r16-left-column .matchGroups:before{content:"";position:absolute;right:-16px;top:12.5%;height:25%;width:2px;background:var(--comp-bracket-connector);z-index:0}.r16-left-column .matchGroups:after{content:"";position:absolute;right:-16px;top:62.5%;height:25%;width:2px;background:var(--comp-bracket-connector);z-index:0}.r16-right-column .matchGroups:before{content:"";position:absolute;left:-16px;top:12.5%;height:25%;width:2px;background:var(--comp-bracket-connector);z-index:0}.r16-right-column .matchGroups:after{content:"";position:absolute;left:-16px;top:62.5%;height:25%;width:2px;background:var(--comp-bracket-connector);z-index:0}.bracketMatchCard:hover:after,.bracketMatchCard:hover:before{background:var(--primary-light)!important}.emptyCard{background:#f8fafc;border-style:dashed;opacity:.6}.bracketMatchHeader{font-size:.75rem;color:var(--comp-text-muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.bracketTeamRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) 0}.bracketTeamInfo{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden;min-width:0;flex:1 1 auto}.bracketTeamLogo{width:24px;height:24px;object-fit:contain}.bracketLogoPlaceholder{font-size:1rem}.bracketTeamName{font-size:.85rem;font-weight:500;color:var(--comp-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bracketTeamScore{font-size:.95rem;font-weight:700;color:var(--comp-header-text);flex:0 0 auto;white-space:nowrap;margin-left:var(--spacing-xs)}.winnerRow .bracketTeamName{font-weight:700;color:var(--comp-text-primary)}.winnerRow .bracketTeamScore{color:var(--comp-text-primary)}.bracketTime{font-size:.7rem;color:var(--comp-text-muted);text-align:right;margin-top:var(--spacing-xs)}.liveBadge{background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:1px 4px;border-radius:2px;animation:pulseBracket 1.5s infinite}.completedBadge{background:#0000000f;color:var(--comp-text-muted);font-size:.65rem;padding:1px 4px;border-radius:2px}.scheduledBadge{background:#38bdf826;color:#38bdf8;font-size:.65rem;padding:1px 4px;border-radius:2px}@keyframes pulseBracket{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.championCard{display:flex;flex-direction:column;align-items:center;background:var(--comp-bracket-card-bg);border:3px solid rgba(251,191,36,.55);border-radius:var(--radius-xl);padding:12px;width:100%;animation:shineGold 3s infinite alternate}.championCrown{font-size:1.2rem;margin-bottom:2px}.championTitle{font-size:.65rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.championLogo{width:36px;height:36px;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.championName{font-size:.85rem;font-weight:700;color:#fbbf24;text-align:center}@keyframes shineGold{0%{box-shadow:0 0 16px #fbbf2473,0 0 40px #fbbf2433,0 0 80px #fbbf240f}to{box-shadow:0 0 32px #fbbf24a6,0 0 70px #fbbf244d,0 0 120px #fbbf241f}}.thirdPlaceSection{width:100%;margin-top:8px;padding-top:16px;border-top:1px dashed rgba(205,127,50,.45)}.thirdPlaceLabel{text-align:center;font-size:.8rem;font-weight:700;color:#cd7f32;margin-bottom:10px;letter-spacing:1px}.bracketTreeNoQF{display:flex;flex-direction:column;align-items:center;width:100%;padding:40px 16px}.noQfCell{width:220px}.noQfStage{display:flex;flex-direction:column;align-items:center;width:220px}.noQfChampion{margin-bottom:16px}.noQfFinal .bracketMatchCard{padding:14px}.noQfFinal{position:relative}.noQfFinal:after{content:"";position:absolute;bottom:-24px;left:50%;transform:translate(-50%);width:2px;height:24px;background:var(--comp-bracket-connector);z-index:1}.noQfConnector{width:495px;height:2px;background:var(--comp-bracket-connector);margin-top:24px}.noQfSemis{display:flex;justify-content:center;gap:275px;margin-top:24px}.noQfSemiStage{position:relative}.noQfSemiStage:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:2px;height:24px;background:var(--comp-bracket-connector);z-index:1}.noQfThirdSection{width:220px;margin-top:32px}.bracketTreeNoQF .bracket-card-left:after,.bracketTreeNoQF .bracket-card-right:after,.bracketTreeNoQF .bracket-card-sf.bracket-card-left:before,.bracketTreeNoQF .bracket-card-sf.bracket-card-right:before,.bracketTreeNoQF .bracket-card-f:before,.bracketTreeNoQF .bracket-card-f:after{display:none}@media(max-width:768px){.bracketDesktop{display:none!important}}.bracketTreeMobile{display:none}@media(max-width:768px){.bracketTreeMobile{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 4px}.treeRound{width:100%}.treeSectionLabel{text-align:center;font-size:.7rem;font-weight:700;color:#64748b;padding:10px 0 6px;letter-spacing:1px}.treePair{display:flex;justify-content:center;gap:8px}.treePair .treeMatchCell{flex:1;max-width:170px}.treeSingle{display:flex;justify-content:center}.treeSingle .treeMatchCell{max-width:210px;width:100%}.treeMatchCell{width:100%}.bracketCardCompact{padding:4px 6px!important;min-width:auto!important;width:100%!important;max-width:none!important;border-radius:5px!important;box-shadow:none!important}.bracketCardCompact:hover{transform:none!important}.bracketCardCompact .bracketMatchHeader{font-size:.52rem;margin-bottom:1px;padding-bottom:2px}.bracketCardCompact .bracketTeamRow{margin-bottom:0;padding:1px 0}.bracketCardCompact .bracketTeamInfo{gap:3px}.bracketCardCompact .bracketTeamName{font-size:.6rem;max-width:68px}.bracketCardCompact .bracketTeamScore{font-size:.65rem}.bracketCardCompact .bracketTeamLogo{width:12px;height:12px}.bracketCardCompact .bracketLogoPlaceholder{font-size:.5rem}.bracketCardCompact .liveBadge,.bracketCardCompact .completedBadge,.bracketCardCompact .scheduledBadge{font-size:.45rem;padding:0 2px}.treePair .championCard{width:100%;max-width:170px;padding:6px 8px;margin:0}.treePair .championCard .championCrown{font-size:.9rem;margin-bottom:1px}.treePair .championCard .championTitle{font-size:.48rem;letter-spacing:1px;margin-bottom:2px}.treePair .championCard .championName{font-size:.6rem}.treePair .championCard .championLogo{width:18px;height:18px;margin-bottom:2px}.bracketDesktop .bracketMatchCard:before,.bracketDesktop .bracketMatchCard:after,.bracketDesktop .matchGroups:before,.bracketDesktop .matchGroups:after{display:none!important}.bracketTreeMobile .bracketMatchCard:before,.bracketTreeMobile .bracketMatchCard:after{display:none!important}.bracketWrapper{overflow-x:visible;padding:4px 0}}.bracketTreeNoQFMobile{display:none}@media(max-width:768px){.bracketTreeNoQFMobile{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:14px 12px 24px}.noQfMobLabel{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:1px;color:#64748b;padding:10px 0 8px}.noQfMobLabelFinal{color:#fbbf24}.noQfMobSemis{display:flex;width:100%}.noQfMobHalf{flex:1;display:flex;justify-content:center;padding:0 6px;min-width:0}.noQfMobHalfCard{width:100%;max-width:165px}.noQfMobConnector{position:relative;width:100%;height:18px}.noQfMobConnector:before{content:"";position:absolute;left:25%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--comp-bracket-connector)}.noQfMobConnector:after{content:"";position:absolute;right:25%;top:0;bottom:0;width:2px;margin-right:-1px;background:var(--comp-bracket-connector)}.noQfMobConnBar{position:absolute;left:25%;right:25%;bottom:0;height:2px;background:var(--comp-bracket-connector)}.noQfMobConnDown{position:absolute;left:50%;bottom:-10px;width:2px;height:10px;margin-left:-1px;background:var(--comp-bracket-connector)}.noQfMobFinal{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.noQfMobFinalCard{width:100%;max-width:180px}.noQfMobFinal .championCard{width:92px;flex-shrink:0;padding:6px;border-width:2px;animation:none;box-shadow:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:5px;row-gap:3px}.noQfMobFinal .championCard .championCrown{flex-basis:100%;text-align:center;font-size:.8rem;line-height:1;margin:0}.noQfMobFinal .championCard .championTitle{flex-basis:100%;text-align:center;font-size:.4rem;letter-spacing:1px;margin:0}.noQfMobFinal .championCard .championLogo{width:15px;height:15px;margin:0}.noQfMobFinal .championCard .championName{flex:1 1 auto;min-width:0;max-width:62px;font-size:.55rem;line-height:1.2;margin:0;text-align:left;word-break:break-word}.noQfMobThird{margin-top:20px;padding-top:16px;border-top:1px dashed rgba(205,127,50,.45);display:flex;flex-direction:column;align-items:center;width:100%}.noQfMobThirdCard{width:100%;max-width:200px}.bracketTreeNoQFMobile .bracketMatchCard:before,.bracketTreeNoQFMobile .bracketMatchCard:after{display:none!important}}.matches-filter-bar{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:25px;padding:15px 20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.filter-item-wrapper{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.filter-select{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-weight:500;outline:none;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;width:100%}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a56db1a}.season-selector-container{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;width:100%}.season-select-element{padding:10px 18px;border-radius:30px;border:2px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.season-select-element:focus{border-color:var(--primary-color)}@media(max-width:768px){.matches-filter-bar{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:10px 8px;gap:6px;margin-bottom:16px}.filter-item-wrapper{min-width:0;width:100%;gap:3px}.filter-item-wrapper span{font-size:.72rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-select{padding:6px 4px;font-size:.75rem;border-radius:8px;text-overflow:ellipsis}.season-selector-container{flex-direction:column;align-items:stretch;gap:8px}.season-select-element{width:100%}}@media(max-width:600px){.hideMobile{display:none!important}.matchesContainer{padding:0}.tabButton{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.standingsSection,.scorersSection{padding:var(--spacing-xs);border-radius:var(--comp-radius-card);border:1px solid var(--comp-border-card);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;margin-top:var(--spacing-xs)}.bracketSection{padding:var(--spacing-xs);border-radius:var(--comp-radius-card)}.standingsTableContainer{overflow:hidden}.standingsTable,.scorersTable,.miniTable{font-size:.5rem;table-layout:fixed}.standingsTable th,.scorersTable th{padding:6px 0;font-size:.42rem;border-bottom-width:1px}.standingsTable td,.scorersTable td{padding:6px 0}.standingsTable th:nth-child(1),.standingsTable td:nth-child(1){width:6%}.standingsTable th:nth-child(2),.standingsTable td:nth-child(2){width:27%}.standingsTable th:nth-child(3),.standingsTable td:nth-child(3){width:7%}.standingsTable th:nth-child(4),.standingsTable td:nth-child(4){width:17%}.standingsTable th:nth-child(5),.standingsTable td:nth-child(5){width:14%}.standingsTable th:nth-child(6),.standingsTable td:nth-child(6){width:10%}.standingsTable th:nth-child(7),.standingsTable td:nth-child(7){width:14%}.rankBadge{font-size:.55rem}.tableTeamCell{gap:1px}.tableTeamLogo{width:13px;height:13px;border-radius:2px;border:none;flex-shrink:0}.tableTeamName{font-size:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointsCell{font-size:.55rem}.cupGroupsContainer{gap:var(--spacing-xs)}.cupGroupCard{padding:var(--spacing-sm) 0}.cupGroupHeader{font-size:.85rem;margin-bottom:var(--spacing-xs);padding:0 0 var(--spacing-xs) 0}}@media(max-width:480px){.standingsTable,.scorersTable,.miniTable{font-size:.42rem}.standingsTable th,.scorersTable th{padding:5px 0;font-size:.34rem}.standingsTable td,.scorersTable td{padding:5px 0}.standingsTable th:nth-child(1),.standingsTable td:nth-child(1){width:8%}.standingsTable th:nth-child(2),.standingsTable td:nth-child(2){width:27%}.standingsTable th:nth-child(3),.standingsTable td:nth-child(3){width:8%}.standingsTable th:nth-child(4),.standingsTable td:nth-child(4){width:17%}.standingsTable th:nth-child(5),.standingsTable td:nth-child(5){width:15%}.standingsTable th:nth-child(6),.standingsTable td:nth-child(6){width:10%}.standingsTable th:nth-child(7),.standingsTable td:nth-child(7){width:15%}.rankBadge{font-size:.48rem}.tableTeamLogo{width:11px;height:11px;border:none}.tableTeamName{font-size:.4rem}.pointsCell{font-size:.48rem}}@media(max-width:375px){.matches,.matchesContainer,.standingsSection,.scorersSection,.bracketSection,.standingsTableContainer,.scorersTableContainer{overflow:hidden!important}.standingsTable,.scorersTable,.miniTable{width:100%!important;max-width:100%!important;table-layout:fixed!important;font-size:.42rem;margin:0!important;padding:0!important}.standingsTable th,.scorersTable th{font-size:.3rem;padding:4px 0}.standingsTable td,.scorersTable td{padding:4px 0}.standingsTable th:nth-child(1),.standingsTable td:nth-child(1){width:4%}.standingsTable th:nth-child(2),.standingsTable td:nth-child(2){width:24%}.standingsTable th:nth-child(3),.standingsTable td:nth-child(3){width:6%}.standingsTable th:nth-child(4),.standingsTable td:nth-child(4){width:14%}.standingsTable th:nth-child(5),.standingsTable td:nth-child(5){width:13%}.standingsTable th:nth-child(6),.standingsTable td:nth-child(6){width:8%}.standingsTable th:nth-child(7),.standingsTable td:nth-child(7){width:11%}.rankBadge{font-size:.42rem}.tableTeamLogo{width:10px;height:10px;border:none;border-radius:1px}.tableTeamCell{gap:1px}.tableTeamName{font-size:.38rem}.pointsCell{font-size:.46rem}}.scorerPagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0 8px;flex-wrap:wrap}.scorerPageBtn{display:inline-flex;align-items:center;padding:8px 20px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;background:#fff;color:var(--text-color, #1e293b);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scorerPageBtn:hover:not(:disabled){background:var(--primary-color, #2563eb);color:#fff;border-color:var(--primary-color, #2563eb);box-shadow:0 4px 12px -2px #2563eb4d}.scorerPageBtn:disabled{opacity:.4;cursor:not-allowed}.scorerPageInfo{font-size:.88rem;color:var(--text-light, #64748b);font-weight:500;white-space:nowrap}@media(max-width:768px){.scorerPagination{gap:10px;padding:12px 0 6px}.scorerPageBtn{padding:6px 14px;font-size:.82rem}.scorerPageInfo{font-size:.8rem}}.footer{background-color:var(--bg-dark);color:var(--text-white);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footerContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.footerTop{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footerBrand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footerLogo{display:flex;align-items:center;gap:var(--spacing-sm)}.footerLogoIcon{width:50px;height:50px;border-radius:var(--radius-md);object-fit:contain}.footerLogoText{display:flex;flex-direction:column}.footerLogoTitle{font-size:1.25rem;font-weight:700;color:var(--text-white);letter-spacing:.5px}.footerLogoSubtitle{font-size:.75rem;color:#fff9;letter-spacing:.5px}.footerDescription{font-size:.9rem;color:#ffffffb3;line-height:1.7;margin:var(--spacing-md) 0}.footerLinksGroup{display:contents}.footerSection{display:flex;flex-direction:column}.footerTitle{font-size:1rem;font-weight:600;color:var(--text-white);margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.footerTitle:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--accent-color)}.footerLinks{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footerLink{color:#ffffffb3;font-size:.9rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 0;border-radius:var(--radius-sm)}.footerLink:hover{color:var(--accent-color);padding-left:var(--spacing-xs)}.footerLink:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;color:var(--accent-color)}.contactInfo{display:flex;flex-direction:column;gap:var(--spacing-md)}.contactItem{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:#ffffffb3;font-size:.9rem;line-height:1.5}.contactIcon{flex-shrink:0;display:flex;align-items:center;margin-top:2px}.contactIcon svg{width:18px;height:18px;color:var(--accent-color)}.contactText{display:flex;flex-direction:column;gap:2px}.contactLabel{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.contactValue{color:#ffffffd9;font-size:.9rem}.contactItemLink{border-radius:var(--radius-md);padding:var(--spacing-sm);margin:calc(-1 * var(--spacing-sm));transition:background-color var(--transition-fast)}.contactItemLink:hover{background-color:#ffffff0d}.contactItemLink:hover .contactValue{color:var(--accent-color)}.footerBottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.copyright{font-size:.85rem;color:#ffffff80}.copyright a{color:var(--accent-color)}.copyright a:hover{text-decoration:underline}.footerLegal{display:flex;flex-direction:column;gap:var(--spacing-xs)}.icpInfo{font-size:.8rem;color:#fff6}.icpInfo a{color:#fff6;transition:color var(--transition-fast)}.icpInfo a:hover{color:#ffffffb3}@media(max-width:1024px){.footerTop{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footerBrand{grid-column:1 / -1}}@media(max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footerTop{grid-template-columns:1fr;gap:var(--spacing-lg)}.footerBrand{grid-column:auto}.footerLinksGroup{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.footerTitle{margin-bottom:var(--spacing-sm)}.footerLinks{gap:var(--spacing-xs)}.footerBottom{flex-direction:column;text-align:center}}@media(max-width:480px){.footerContainer{padding:0 var(--spacing-md)}.footerTop{gap:var(--spacing-lg)}.footerLogo{flex-direction:column;text-align:center}.footerLogoText{align-items:center}.footerDescription{display:none}.footerTitle:after{left:50%;transform:translate(-50%)}.footerTitle{text-align:center}.footerLinksGroup .footerTitle{text-align:left}.footerLinksGroup .footerTitle:after{left:0;transform:none}.footerLinks{align-items:center}.footerLinksGroup .footerLinks{align-items:flex-start}.contactInfo{align-items:center}.contactItem{justify-content:center}.contactText{flex-direction:row;align-items:baseline;gap:var(--spacing-sm);text-align:left}.contactLabel{flex-shrink:0}.contactValue{font-size:.85rem}.footerLegal{align-items:center}.copyright{text-align:center}}@media(max-width:375px){.footer{padding:var(--spacing-lg) 0 var(--spacing-md)}.footerTop{gap:var(--spacing-md)}.footerLogoTitle{font-size:1.1rem}.footerDescription{font-size:.8rem;line-height:1.6}.footerLink{font-size:.85rem;padding:4px 0}.contactItem,.contactValue{font-size:.8rem}.copyright{font-size:.75rem}.icpInfo{font-size:.7rem}}.pageLayout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8fafc}.mainContent{flex:1;padding-top:90px;padding-bottom:60px}.flexCenter{display:flex;justify-content:center;align-items:center}.pageContainer{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-lg)}.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.pageHeader>div:first-child{flex:1;min-width:0}.pageTitle{font-size:2rem;color:var(--text-primary);font-weight:900;margin-bottom:var(--spacing-sm);letter-spacing:-.02em;line-height:1.2}.pageSubtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:520px}.filterBox,.subFilterRow{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.filterBox label{font-weight:500;color:var(--text-primary)}.seasonSelect{padding:10px 20px 10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;font-size:.9rem;font-weight:500;color:var(--text-primary);outline:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);min-width:180px}.seasonSelect:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.seasonSelect:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1a56db1f}.noticeBanner{background:linear-gradient(135deg,#1e3a8a,#1a56db);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:flex-start;gap:var(--spacing-md);box-shadow:var(--shadow-md);font-size:.9rem}.noticeBadge{background-color:#fff3;padding:4px 10px;border-radius:var(--radius-sm);font-weight:700;font-size:.8rem;white-space:nowrap;flex-shrink:0}.noticeRules{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;line-height:1.6}.noticeRules li{position:relative;padding-left:16px}.noticeRules li:before{content:"•";position:absolute;left:4px;font-weight:700}.loginNotice{background-color:#fff;border:1px solid var(--border-color);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.loginNotice.warning{border-color:#f59e0b;background-color:#fffbe6;color:#92400e}.noticeActions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.actionBtn{padding:8px 20px;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem;transition:all var(--transition-fast)}.actionBtn.primary{background-color:var(--primary-color);color:#fff}.actionBtn.primary:hover{background-color:var(--primary-dark)}.actionBtn.secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.actionBtn.secondary:hover{background-color:var(--border-color)}.toastMessage{padding:12px 20px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500}.toastMessage.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.toastMessage.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.closeToast{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit}.matchCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-lg)}.predictionCard{background-color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:flex;flex-direction:column;position:relative;overflow:hidden}.predictionCard:hover{box-shadow:var(--shadow-md);border-color:var(--accent-dark)}.predictionCard.closedCard{background-color:#fafafa}.cardTop{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:.75rem;flex-wrap:wrap}.stageTag{background-color:var(--bg-tertiary);color:var(--primary-color);padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.locationTag,.timeTag{color:var(--text-light)}.teamsVsRow{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg)}.teamCol{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs)}.teamLogo{width:50px;height:50px;object-fit:contain}.teamLogoPlaceholder{width:50px;height:50px;border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.teamName{font-size:.95rem;font-weight:700;color:var(--text-primary)}.scoreCol{display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-sm)}.matchScoreDisplay{font-size:1.8rem;font-weight:800;color:var(--text-primary);display:flex;gap:4px}.vsTag{font-size:1.4rem;font-weight:800;color:var(--text-light);font-style:italic}.statusText{font-size:.75rem;color:var(--text-light);margin-top:4px}.predictionChoiceSection{margin-top:auto}.choiceTitle{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-light);margin-bottom:8px}.closedNotice{color:#ef4444;font-weight:600}.choiceButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choiceBtn{background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:8px 4px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.choiceBtn:hover:not(:disabled){border-color:var(--primary-color);background-color:#1a56db0d}.choiceBtn.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.choiceBtn:disabled{cursor:not-allowed;opacity:.7}.choiceText{font-size:.8rem;font-weight:600}.choiceBadge{font-size:.7rem;opacity:.8;margin-top:2px}.myChoiceStatusFooter{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.resultPointsBadge{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700}.resultPointsBadge.success{background-color:#d1fae5;color:#047857}.resultPointsBadge.wrong{background-color:#fee2e2;color:#b91c1c}.resultPointsBadge.pending{background-color:#fef3c7;color:#b45309}.resultPointsBadge.void{background-color:#f3f4f6;color:#6b7280}.userProfileCard{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.profileInfo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.profileAvatar{width:55px;height:55px;border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.profileDetails h3{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.profileDetails p{color:var(--text-light);font-size:.85rem}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.statItem{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;flex-direction:column}.statLabel{font-size:.8rem;color:var(--text-light)}.statValue{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin-top:4px}.statValue.highlight{color:var(--primary-color)}.statValue.rate{color:#059669}.scopeSwitchBox{display:flex;background-color:var(--bg-tertiary);padding:6px;border-radius:14px;gap:4px;box-shadow:inset 0 1px 3px #0000000f;flex-shrink:0}.scopeTab{padding:10px 24px;border-radius:10px;border:none;background:transparent;font-size:.92rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;line-height:1.4}.scopeTab:hover{color:var(--text-primary);background-color:#fff9}.scopeTab.active{background:linear-gradient(135deg,#1e3a8a,#1a56db);color:#fff;box-shadow:0 2px 8px #1a56db59;transform:translateY(-1px)}.scopeTabGroup{display:flex;background-color:var(--bg-tertiary);padding:4px;border-radius:var(--radius-lg)}.tabBtn{padding:8px 20px;border-radius:var(--radius-md);border:none;background:none;font-size:.9rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.tabBtn.active{background-color:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.leaderboardCard{background-color:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.tableResponsive{overflow-x:auto}.leaderboardTable,.historyTable{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.leaderboardTable th,.historyTable th{background-color:var(--bg-secondary);padding:14px 18px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.leaderboardTable td,.historyTable td{padding:14px 18px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.highlightRow{background-color:#eff6ff}.rankBadge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;background-color:var(--bg-tertiary);color:var(--text-secondary)}.rankGold{background-color:#fef08a;color:#854d0e}.rankSilver{background-color:#e2e8f0;color:#475569}.rankBronze{background-color:#fed7aa;color:#9a3412}.fontBold{font-weight:700;color:var(--primary-color)}.stickyMyRankCard{position:sticky;bottom:20px;background:#1e293b;color:#fff;padding:14px 24px;border-radius:var(--radius-xl);margin-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-xl)}.myRankBadge{background-color:var(--primary-color);padding:4px 12px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;margin-right:12px}.myRankStats{display:flex;gap:var(--spacing-lg);font-size:.9rem}.leaderboardMobile{display:none}.mobileCardsList{display:flex;flex-direction:column;gap:12px}.mobileRankCard{background:#fff;border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.mobileRankCard.currentUserCard{border-color:var(--primary-color);background:linear-gradient(135deg,#eff6ff,#fff 60%);box-shadow:0 2px 8px #1a56db1f}.mobileCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mobileUserInfo{flex:1;min-width:0}.mobileUserName{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.mobileStudentId{font-size:.78rem;color:var(--text-light);margin-top:2px}.mobileCardStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:10px;border-top:1px solid var(--border-light)}.mobileStatItem{display:flex;flex-direction:column;align-items:center;gap:4px}.mobileStatLabel{font-size:.72rem;color:var(--text-light)}.mobileStatValue{font-size:.95rem;font-weight:700;color:var(--text-primary)}.authCard{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.authHeader h2{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.authHeader p{font-size:.85rem;color:var(--text-light);margin-top:4px;margin-bottom:var(--spacing-lg)}.authForm{display:flex;flex-direction:column;gap:var(--spacing-md)}.formGroup{display:flex;flex-direction:column;gap:4px}.formGroup label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.formGroup input{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.formGroup input:focus{border-color:var(--primary-color)}.required{color:#ef4444}.fieldHint{font-size:.75rem;color:var(--text-light);margin-top:2px}.submitBtn{background-color:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;margin-top:var(--spacing-sm);transition:background-color var(--transition-fast)}.submitBtn:hover{background-color:var(--primary-dark)}.authFooter{margin-top:var(--spacing-lg);text-align:center;font-size:.85rem;color:var(--text-light)}.authLink{color:var(--primary-color);font-weight:600;margin-left:6px}.errorMessage{background-color:#fee2e2;color:#991b1b;padding:10px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--spacing-md)}.loadingContainer,.emptyContainer{padding:60px;text-align:center;color:var(--text-light);font-size:.95rem;background-color:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.desktopOnly{display:block}.mobileOnly{display:none}.historyCardsContainer{display:none;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.historyCard{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);cursor:pointer;position:relative}.historyCard.expanded{border-color:var(--primary-color);box-shadow:0 4px 12px #1a56db26}.historyCardHeader{padding:var(--spacing-md) var(--spacing-lg)}.historyCardMatch{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-weight:700;font-size:.95rem;color:var(--text-primary)}.historyCardTeam{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.historyCardMeta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:.8rem}.historyCardTime{display:flex;align-items:center;gap:4px;color:var(--text-light)}.historyCardDetail{max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:var(--bg-secondary)}.historyCardDetail.show{max-height:300px}.detailRow{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-lg);border-bottom:1px solid var(--border-light);font-size:.85rem}.detailRow:last-child{border-bottom:none}.detailLabel{color:var(--text-light);font-weight:500}.detailValue{font-weight:600;color:var(--text-primary)}.detailValue.points-correct{color:#059669}.detailValue.points-wrong{color:#dc2626}.detailValue.points-pending{color:#d97706}.detailValue.points-void{color:#6b7280}.historyCardArrow{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--text-light);pointer-events:none}@media(max-width:768px){.mainContent{padding-top:75px;padding-bottom:40px}.pageContainer{padding:0 var(--spacing-sm)}.pageHeader{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.pageTitle{font-size:1.5rem}.pageSubtitle{font-size:.85rem;line-height:1.5}.filterBox{width:100%;justify-content:space-between}.filterBox label{font-size:.85rem}.seasonSelect{min-width:auto;flex:1;max-width:calc(100% - 80px);font-size:.85rem;padding:8px 16px 8px 12px}.scopeSwitchBox{width:100%;padding:5px;border-radius:12px}.scopeTab{flex:1;text-align:center;padding:11px 12px;font-size:.88rem;font-weight:650}.noticeBanner{flex-direction:column;align-items:flex-start;padding:var(--spacing-md);gap:var(--spacing-sm)}.noticeRules{flex-direction:column;gap:var(--spacing-xs);font-size:.82rem;line-height:1.7;width:100%}.noticeRules li{padding-left:14px}.predictionsGrid{grid-template-columns:1fr;gap:var(--spacing-md)}.teamsVsRow{padding:var(--spacing-xs) 0}.teamLogo,.teamLogoPlaceholder{width:40px;height:40px;font-size:1rem}.matchScoreDisplay{font-size:1.5rem}.vsTag{font-size:1.2rem}.teamName{font-size:.85rem}.choiceButtons{gap:6px}.choiceBtn{padding:6px 2px}.choiceText{font-size:.75rem}.choiceBadge{font-size:.65rem}.tableResponsiveWrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-lg)}.leaderboardTable,.predictionsTable{min-width:600px}.myRankCard,.currentUserFloatBar{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.myRankStats{flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-md)}.authCard{padding:var(--spacing-lg)}.desktopOnly{display:none}.mobileOnly,.historyCardsContainer{display:flex}.leaderboardDesktop{display:none}.leaderboardMobile{display:block}}@media(max-width:480px){.scopeSwitchBox{width:100%;display:flex;padding:5px;border-radius:12px;gap:3px}.scopeTab{flex:1;text-align:center;padding:12px 10px;font-size:.88rem;font-weight:700;border-radius:9px;letter-spacing:.01em}.scopeTab.active{transform:translateY(0);box-shadow:0 1px 5px #1a56db4d}.seasonFilterRow{flex-direction:column;align-items:flex-start}.seasonSelect{width:100%}.noticeBanner{padding:14px 16px;border-radius:12px;gap:10px}.noticeBadge{font-size:.75rem;padding:3px 8px}.noticeRules{font-size:.8rem;line-height:1.65;gap:6px}.statsGrid{grid-template-columns:repeat(2,1fr)}.mobileRankCard{padding:12px 14px;border-radius:12px}.mobileCardHeader{gap:10px;margin-bottom:10px}.mobileUserName{font-size:.95rem}.mobileStudentId{font-size:.72rem}.mobileCardStats{gap:4px}.mobileStatLabel{font-size:.68rem}.mobileStatValue{font-size:.88rem}}.verification-card{max-width:580px!important;width:100%}.verification-card fieldset{border:0;padding:0;margin:0;min-width:0}.verification-card .formGroup small{display:block;line-height:1.6;margin-top:6px;color:#64748b}.campus-card-preview{display:block;max-width:100%;max-height:280px;object-fit:contain;margin-top:12px}.card-privacy{padding:16px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;margin:18px 0;font-size:14px;line-height:1.8}.card-privacy label{display:flex;align-items:flex-start;gap:8px}.card-privacy input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:4px}.verification-notice{padding:12px 20px;background:#eff6ff;text-align:center}.verification-notice a{margin-left:12px;text-decoration:underline}.verification-card fieldset .formGroup{margin-bottom:20px}.verification-card button.authLink{width:auto;padding:6px 0;background:transparent;border:0;font:inherit;cursor:pointer}.comingSoonPage{position:relative;min-height:560px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-2xl) 0;margin-top:var(--spacing-lg);border-radius:var(--radius-xl);background:radial-gradient(circle at 15% 20%,rgba(96,165,250,.1) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(129,140,248,.12) 0%,transparent 45%),linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 30px -12px #0f172a14}.comingSoonDecor{position:absolute;font-size:1.8rem;opacity:.45;pointer-events:none;filter:saturate(.9);animation:floatAround 8s ease-in-out infinite}.comingSoonDecor-1{top:12%;left:10%;animation-delay:0s}.comingSoonDecor-2{top:18%;right:12%;animation-delay:1.4s}.comingSoonDecor-3{bottom:18%;left:14%;animation-delay:2.8s}.comingSoonDecor-4{bottom:12%;right:10%;animation-delay:4.2s}.comingSoonDecor-5{top:50%;left:50%;transform:translate(-50%,-50%);font-size:14rem;opacity:.04;animation:none}@keyframes floatAround{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.06)}}.comingSoonCard{position:relative;z-index:2;width:100%;max-width:520px;padding:48px 40px 44px;text-align:center;border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid rgba(148,163,184,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px -10px #1e40af2e,0 0 0 1px #fff9 inset}.comingSoonIcon{width:88px;height:88px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(135deg,#dbeafe,#bfdbfe,#c7d2fe);box-shadow:0 10px 25px -8px #2563eb59,inset 0 -2px #fff9;animation:pulseGlow 3.2s ease-in-out infinite}.comingSoonIcon .iconBase{font-size:2.6rem;display:inline-block;line-height:1}@keyframes pulseGlow{0%,to{box-shadow:0 10px 25px -8px #2563eb59,inset 0 -2px #fff9}50%{box-shadow:0 16px 40px -10px #2563eb8c,inset 0 -2px #fff9,0 0 0 4px #93c5fd59}}.comingSoonTitle{font-size:2.25rem;font-weight:900;letter-spacing:-.02em;color:#0f172a;margin:0 0 14px;background:linear-gradient(135deg,#1e3a8a,#2563eb 45%,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.comingSoonDivider{width:56px;height:4px;margin:0 auto 18px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);box-shadow:0 2px 8px #3b82f659}.comingSoonSubtitle{margin:0 0 24px;font-size:1.02rem;line-height:1.7;color:#334155;font-weight:500}.comingSoonTagLine{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.comingSoonTag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:.9rem;font-weight:600;color:#1e40af;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1px solid rgba(96,165,250,.45);letter-spacing:.01em}.comingSoonTag-accent{background:transparent;border:0;padding:0 2px;color:#64748b;font-size:1.05rem}@media(max-width:768px){.comingSoonPage{min-height:440px;padding:var(--spacing-xl) var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--radius-lg)}.comingSoonDecor{font-size:1.2rem}.comingSoonDecor-1{top:8%;left:6%}.comingSoonDecor-2{top:12%;right:8%}.comingSoonDecor-3{bottom:12%;left:8%}.comingSoonDecor-4{bottom:8%;right:6%}.comingSoonDecor-5{font-size:9rem;opacity:.05}.comingSoonCard{padding:36px 22px 32px;border-radius:var(--radius-lg)}.comingSoonIcon{width:72px;height:72px;border-radius:22px;margin-bottom:16px}.comingSoonIcon .iconBase{font-size:2.1rem}.comingSoonTitle{font-size:1.7rem;margin-bottom:12px}.comingSoonDivider{width:48px;height:3px;margin-bottom:14px}.comingSoonSubtitle{font-size:.94rem;margin-bottom:20px}.comingSoonTag{padding:7px 14px;font-size:.84rem}}.predictionsLocked{position:relative}.predictionsLocked .disabledNotice{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center}.predictionsLocked .disabledNotice p{margin:0;color:#1e40af;font-weight:600;font-size:.95rem}.predictionsLocked .seasonSelect:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.75}.predictionsLocked .lockedCard{position:relative;filter:saturate(.7)}.predictionsLocked .lockedCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff05;z-index:1;pointer-events:none;border-radius:inherit}.predictionsLocked .choiceBtn{cursor:not-allowed!important;opacity:.75;filter:grayscale(.2)}.predictionsLocked .choiceBtn:disabled:hover{transform:none!important;box-shadow:none!important}.predictionsLocked .choiceBtn.selected{opacity:1;filter:none}.predictionsLocked .actionBtn,.predictionsLocked .closeToast{pointer-events:none;cursor:not-allowed;opacity:.6}.predictionsLocked .loginNotice{pointer-events:none}@media(max-width:768px){.predictionsLocked .disabledNotice{padding:var(--spacing-sm) var(--spacing-md)}.predictionsLocked .disabledNotice p{font-size:.85rem;line-height:1.5}}.predictionCenterNav{margin-bottom:24px;display:flex;justify-content:flex-start}.predictionCenterNavInner{display:inline-flex;align-items:center;gap:6px;background-color:#f1f5f9;padding:5px;border-radius:12px;border:1px solid #e2e8f0}.predictionCenterTab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:.92rem;font-weight:600;color:#64748b;text-decoration:none;border-radius:8px;transition:all .2s ease;white-space:nowrap}.predictionCenterTab .tabIcon{font-size:1rem}.predictionCenterTab:hover{color:#1e293b;background-color:#fff9}.predictionCenterTab.active{color:#1a56db;background-color:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}@media(max-width:640px){.predictionCenterNav{width:100%}.predictionCenterNavInner{width:100%;justify-content:space-between}.predictionCenterTab{flex:1;justify-content:center;padding:8px 10px;font-size:.85rem;gap:4px}}:root{--primary-color: var(--primary-color);--primary-light: #2459e8;--primary-dark: #061a45;--accent-color: #d8ff3e;--accent-light: #e8ff8d;--accent-dark: #9dbd16;--text-primary: #07142e;--text-secondary: #445067;--text-light: #717a8d;--bg-primary: #f8f7f2;--bg-secondary: #eeede7;--bg-tertiary: #e4e4de;--bg-dark: #06142f;--border-color: rgba(7, 20, 46, .18);--border-light: rgba(7, 20, 46, .1);--shadow-sm: 0 1px 0 rgba(7, 20, 46, .12);--shadow-md: 0 18px 44px rgba(7, 20, 46, .08);--shadow-lg: 0 28px 70px rgba(7, 20, 46, .12);--shadow-xl: 0 34px 90px rgba(7, 20, 46, .16);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--container-xl: 1440px}html{font-size:16px}body{background:var(--bg-primary);background-image:linear-gradient(rgba(7,20,46,.025) 1px,transparent 1px);background-size:100% 32px}.scrollProgress{--scroll-progress: 0;position:fixed;z-index:2000;top:0;left:0;width:100%;height:3px;pointer-events:none;background:var(--accent-color);transform:scaleX(var(--scroll-progress));transform-origin:left center;will-change:transform}.motion-runtime .motion-reveal{opacity:0;transform:translate3d(0,48px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--motion-delay, 0ms),transform .9s cubic-bezier(.22,1,.36,1) var(--motion-delay, 0ms);will-change:opacity,transform}.motion-runtime .motion-reveal.is-visible{opacity:1;transform:translateZ(0)}.motion-runtime .motion-heading{overflow:hidden}.motion-runtime .motion-heading:after{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.motion-runtime .motion-heading .sectionTag,.motion-runtime .motion-heading .sectionTitle,.motion-runtime .motion-heading .sectionDescription{opacity:0;transform:translate3d(0,105%,0);transition:opacity .65s ease,transform .9s cubic-bezier(.22,1,.36,1)}.motion-runtime .motion-heading .sectionTitle{transition-delay:90ms}.motion-runtime .motion-heading .sectionDescription{transition-delay:.18s}.motion-runtime .motion-heading.is-visible:after{transform:scaleX(1)}.motion-runtime .motion-heading.is-visible .sectionTag,.motion-runtime .motion-heading.is-visible .sectionTitle,.motion-runtime .motion-heading.is-visible .sectionDescription{opacity:1;transform:translateZ(0)}.motion-runtime .motion-parallax{--motion-parallax-y: 0px}.motion-runtime .motion-parallax .aboutImage,.motion-runtime .motion-parallax .activityImage{transform:translate3d(0,var(--motion-parallax-y),0) scale(1.08);will-change:transform}.motion-runtime .motion-parallax:hover .aboutImage,.motion-runtime .motion-parallax:hover .activityImage{transform:translate3d(0,var(--motion-parallax-y),0) scale(1.12)}.motion-runtime .app,.motion-runtime .pageLayout{opacity:0;transition:opacity .42s ease}.motion-runtime .app.motion-page-ready,.motion-runtime .pageLayout.motion-page-ready{opacity:1}.hero:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle 280px at var(--pointer-x, 68%) var(--pointer-y, 40%),rgba(216,255,62,.15),transparent 72%);mix-blend-mode:screen;opacity:.8}.heroEyebrow,.heroIndex,.heroDescription,.heroButtons,.heroRail{animation:heroElementIn .9s cubic-bezier(.22,1,.36,1) both}.heroIndex{animation-delay:.1s}.heroDescription{animation-delay:.22s}.heroButtons{animation-delay:.32s}.heroRail{animation-delay:.42s}.heroTitle>span,.heroTitle>strong{display:block;animation:heroTitleIn 1.05s cubic-bezier(.22,1,.36,1) both}.heroTitle>strong{animation-delay:.12s}@keyframes heroElementIn{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes heroTitleIn{0%{opacity:0;transform:translate3d(0,110%,0) skewY(5deg)}to{opacity:1;transform:translateZ(0) skewY(0)}}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}.main{padding-top:72px}.header{background:#f8f7f2f0;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header.scrolled{background:#f8f7f2fa;box-shadow:none}.headerContainer{height:72px;max-width:1600px;padding:0 clamp(24px,3vw,40px);gap:clamp(24px,3vw,40px)}.logo{gap:12px}.logo:hover{transform:none}.logoIcon{width:44px;height:44px;object-fit:cover;border-radius:50%}.logoTitle{color:var(--text-primary);font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.logoSubtitle{color:var(--text-light);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}.navList{gap:clamp(4px,.9vw,14px)}.navLinkBtn{position:relative;padding:10px clamp(10px,.9vw,16px);color:var(--text-primary);font-size:.92rem;font-weight:700;letter-spacing:.02em;transition:color .2s ease,transform .2s ease}.navLinkBtn:hover{color:var(--primary-color)}.navLinkBtn.active{color:var(--primary-color);font-weight:800;letter-spacing:.01em}.navLinkBtn:after{content:"";position:absolute;left:50%;bottom:-2px;transform:translate(-50%);width:0;height:3px;background:var(--primary-color);border-radius:2px;transition:width .26s ease}.navLinkBtn:hover:after{width:calc(100% - 24px)}.navLinkBtn.active:after{width:calc(100% - 16px);height:3.5px;background:var(--primary-dark)}.authBtn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;padding-inline:clamp(14px,1.2vw,20px);font-size:.88rem}.loginBtn,.registerBtn{background:#1a56db0f;border:1.5px solid var(--primary-color);color:var(--primary-color)}.loginBtn:hover,.registerBtn:hover{background:#1a56db1f;box-shadow:0 2px 8px #1a56db2e}.authButtons{gap:var(--spacing-md)}.about,.activities,.teams,.matches{padding:clamp(64px,7vw,112px) 0}.aboutContainer,.activitiesContainer,.teamsContainer,.matchesContainer{max-width:var(--container-xl);padding:0 clamp(24px,4vw,64px)}.sectionHeader{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:24px;margin-bottom:clamp(32px,5vw,56px);padding-top:28px;padding-bottom:16px;border-top:1px solid var(--border-color);text-align:left;overflow:visible}.sectionTag{align-self:start;padding:4px 10px 4px 0;background:transparent;color:var(--text-primary);font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;writing-mode:horizontal-tb;position:relative;display:flex;align-items:center;gap:8px}.sectionTag:before{content:"";display:block;width:22px;height:3px;background:var(--accent-color);border-radius:2px;box-shadow:0 0 0 1px #07142e2e}.sectionTag:after{content:"";display:block;width:3px;height:3px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 2px var(--accent-color)}.sectionTitleWrapper{grid-column:2;grid-row:1;position:relative}.sectionTitle{margin:0;color:var(--text-primary);font-size:clamp(2.8rem,5vw,5.4rem);font-weight:900;line-height:1.08;letter-spacing:-.055em;padding-top:.08em;padding-bottom:2.8rem;overflow:visible;position:relative}.sectionTitle span{display:block;color:var(--primary-dark);padding-bottom:.18em;overflow:visible;position:relative;font-style:italic;font-weight:900}.sectionTitle span:after{content:"";position:absolute;left:0;bottom:0;height:6px;width:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--primary-color) 100%);border-radius:3px;box-shadow:0 1px 3px #07142e26}.matches .sectionTitle span{color:#fff}.sectionDescription{position:absolute;right:0;bottom:-18px;margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.75;padding-top:6px;padding-right:4px;white-space:nowrap}.about{background:var(--bg-primary)}.aboutContent{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(24px,3.5vw,56px);align-items:start;margin-top:48px}.aboutImageWrapper{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);padding:clamp(4px,.8vw,10px);margin-top:clamp(12px,1.8vw,24px)}.aboutImageWrapper picture{display:block;width:100%;max-width:100%;height:auto}.aboutImage{display:block;width:100%;max-width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;transition:transform .8s cubic-bezier(.22,1,.36,1)}.aboutImageWrapper:hover .aboutImage{transform:scale(1.015);transform-origin:center}.aboutText{gap:22px;padding-top:0}.aboutTitle{max-width:490px;margin:0 0 12px;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.aboutTitle span{display:block}.aboutTitle span:last-child{margin-left:.5em}.aboutParagraph{font-size:.98rem;line-height:1.9}.aboutFeatures{grid-template-columns:repeat(2,1fr);gap:0;margin-top:22px;border-top:1px solid var(--border-color)}.aboutFeature{gap:14px;padding:18px 8px;background:transparent;border-bottom:1px solid var(--border-color);border-radius:0}.aboutFeature:hover{transform:none;box-shadow:none;background:#ffffff75}.aboutFeatureIcon{width:34px;height:34px;background:var(--accent-color);border-radius:50%;color:var(--text-primary)}.aboutStats{grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;padding:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:0;box-shadow:var(--shadow-md);color:var(--text-primary)}.about .statItem{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;text-align:left;border-right:1px solid var(--border-color);transition:background var(--transition-fast)}.about .statItem:last-child{border-right:0}.about .statItem:hover{background:var(--bg-secondary)}.about .statNumber{color:var(--primary-color);font-size:clamp(2.7rem,5vw,5.4rem);font-weight:900;letter-spacing:-.065em;line-height:1}.about .statNumber span{color:var(--text-light);font-size:.42em;margin-left:4px;font-weight:700}.about .statLabel{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;padding-top:14px;border-top:2px solid var(--accent-color)}.activities{background:var(--bg-secondary);border-block:1px solid var(--border-color)}.activityCard{background:transparent;border-top:1px solid var(--text-primary);border-radius:0;box-shadow:none;display:flex;flex-direction:column}.activityCardFeatured{flex-direction:row}.activityCard:first-child{grid-column:auto}.activityCard:hover{transform:none;box-shadow:none}.activityImageWrapper{height:auto;margin-top:12px;aspect-ratio:3 / 2;overflow:hidden}.activityCard:first-child .activityImageWrapper{height:auto}.activityImage{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .3s ease}.activityCard:hover .activityImage{transform:scale(1.025);filter:saturate(1)}.activityCategory,.activityLatestBadge{top:12px;padding:7px 10px;border-radius:0;font-size:.68rem;font-weight:800;letter-spacing:.08em}.activityCategory{left:12px;background:var(--accent-color);color:var(--text-primary)}.activityLatestBadge{right:12px;background:var(--primary-dark);color:#fff}.activityContent{padding:20px 0 4px;display:flex;flex-direction:column;flex:1}.activityDate{color:var(--text-light);font-size:.72rem;letter-spacing:.08em}.activityTitle{height:auto;margin:12px 0;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.25;letter-spacing:-.02em}.activityCard:first-child .activityTitle{font-size:clamp(1rem,1.4vw,1.3rem)}.activityDescription{height:auto;max-width:100%;color:var(--text-secondary);font-size:.88rem;line-height:1.65;flex:1}.activityMeta{border-color:var(--border-color);margin-top:auto}.activityLink{color:var(--text-primary);font-weight:800}.activityCardFeatured{grid-column:span 2!important;flex-direction:row!important;align-items:stretch}.activityCardFeatured .activityImageWrapper{width:55%!important;height:auto!important;margin-top:0!important;flex-shrink:0;aspect-ratio:3 / 2;overflow:hidden}.activityCardFeatured .activityImage{width:100%!important;height:100%!important;object-fit:cover!important}.activityCardFeatured .activityContent{flex:1;padding:20px 24px!important}.activityCardFeatured .activityTitle{font-size:clamp(1.25rem,1.8vw,1.6rem)!important}.activityCardFeatured .activityDescription{font-size:.95rem;line-height:1.7}.teams{background:var(--bg-primary)}.teamSearch{justify-content:flex-start!important;margin-bottom:28px}.searchInputWrapper,.searchButton,.seasonSelect{min-height:48px;border:1px solid var(--border-color);border-radius:0;box-shadow:none}.searchInputWrapper{max-width:520px}.searchButton{background:var(--text-primary);padding-inline:28px}.refreshButton{margin:0;background:transparent;color:var(--text-primary);flex-shrink:0}.teamsGrid{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bg-primary);border:1px solid var(--border-color)}.teamCard{background:#fff;border-radius:0;box-shadow:0 1px #0000000a,0 0 0 1px #0000000d,0 2px 8px #07142e0f,0 4px 16px #1a56db0f;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background .3s ease;position:relative;overflow:hidden}.teamCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;pointer-events:none;transition:border-color .3s ease;z-index:2}.teamCard:hover{transform:translateY(-10px);box-shadow:0 0 0 1px #fff,0 12px 30px #1a56db1f,0 28px 56px #1a56db1a,0 48px 90px #1a56db14,0 2px 6px #07142e0a;background:#fff}.teamCard:hover:after{border-color:var(--primary-color)}.teamCard.selected{box-shadow:0 0 0 1px #1a56db24,0 2px 8px #07142e0f,0 6px 20px #1a56db14,inset 0 -5px 0 var(--primary-color),inset 0 1px #ffffffd9}.teamCard.selected:after{border-color:var(--primary-color)}.teamBanner{position:relative;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:clamp(14px,1.6vw,20px) clamp(16px,1.8vw,22px);overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001f}.teamBannerWatermark{position:absolute;right:-12%;top:50%;transform:translateY(-50%);height:180%;width:auto;opacity:.08;filter:saturate(1.2);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.teamBannerContent{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%}.teamBannerLeft{flex:1;min-width:0}.teamBannerName{color:#fff;font-size:clamp(1.05rem,1.5vw,1.45rem);font-weight:900;letter-spacing:-.02em;line-height:1.25;margin:0;text-align:left;text-shadow:0 3px 10px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45),0 0 1px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.teamBannerRight{flex-shrink:0;display:flex;align-items:center;justify-content:center}.teamBannerLogo{width:clamp(72px,9vw,110px);height:clamp(72px,9vw,110px);object-fit:contain;object-position:center;background:#fff;border-radius:14px;padding:clamp(8px,.9vw,14px);box-shadow:0 0 0 1px #fffffff2,0 6px 16px #1a56db2e,0 12px 28px #1a56db24,0 2px 5px #07142e1a,inset 0 1px #ffffffeb;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.teamCard:hover .teamBannerLogo{transform:translateY(-4px) scale(1.08);box-shadow:0 0 0 1px #fff,0 14px 32px #1a56db38,0 28px 54px #1a56db2e,0 5px 12px #07142e1f,inset 0 1px #fffffff2}.teamBannerLogoPlaceholder{background:linear-gradient(135deg,var(--primary-light),var(--primary-color))}.teamBannerLogoPlaceholder .teamLogoInitial{font-size:clamp(1.1rem,1.8vw,1.6rem);color:#fff}.teamContent{padding:16px 18px 20px;border-top:1px solid var(--border-color);transition:border-color .3s ease;background:transparent;color:var(--text-primary)}.teamCard:hover .teamContent{border-top-color:var(--accent-color)}.teamInfo{gap:8px 14px}.teamInfoLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light)}.teamInfoValue{color:var(--text-primary);transition:color .3s ease}.teamCard:hover .teamInfoValue{color:var(--primary-color)}.teamDetailsButton{width:100%;min-height:42px;margin-top:18px;border:1px solid var(--text-primary);border-radius:0;font-weight:750;color:var(--text-primary);background:transparent;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 1px #ffffffe6,0 2px 6px #1a56db14}.teamDetailsButton:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 0 0 1px #ffffffe6,0 8px 18px #ffe6644d,0 20px 40px #ffd23233}.matches{background:#082048;color:#fff}.matches .sectionHeader{color:#ffffff8c}.matches .sectionTag{color:var(--accent-color)}.matches .sectionTitle,.matches .sectionTitle span{color:#fff}.matches .sectionTitle span:after{background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 100%)}.matches .sectionDescription{color:#ffffffa8}.matchModalOverlay,.matchModal,.matchModal *,.modalScoreNumber,.modalScoreSeparator,.modalTeamName,.modalPenaltyScore,.modalTeam,.modalScore{color:#000!important}.matchesTabs{display:flex;gap:0!important;border:1px solid rgba(255,255,255,.25)}.tabButton{min-height:48px;padding-inline:20px;border-right:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;color:#ffffffb8!important;background:transparent!important}.tabButton.active{background:var(--accent-color)!important;color:var(--text-primary)!important}.season-selector-container{color:#fff}.matches .season-selector-container>span{color:#ffffffb8!important}.matches .seasonSelect{background:#ffffff14;border-color:#ffffff42;color:#fff}.matches .seasonSelect option{color:var(--text-primary)}.matches .standingsSection,.matches .scorersSection,.matches .bracketSection{background:#fff}.footer{background:#020a1d;border-top:1px solid rgba(255,255,255,.14)}.footerContainer{max-width:var(--container-xl);padding-inline:clamp(24px,4vw,64px)}.footerTop{padding-block:clamp(64px,8vw,110px)}.footerLogoIcon{border-radius:50%}.footerLogoTitle{font-weight:900}.footerTitle{color:var(--accent-color);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.pageLayout{background:var(--bg-primary)}.mainContent{padding-top:130px}.pageContainer{max-width:var(--container-xl);padding-inline:clamp(20px,4vw,64px)}.pageHeader{align-items:end;margin-bottom:42px;padding-top:20px;border-top:1px solid var(--text-primary)}.pageTitle{max-width:820px;margin:0;font-size:clamp(2.5rem,5vw,5.4rem);line-height:.96;letter-spacing:-.06em}.pageSubtitle{max-width:600px;margin-top:16px;line-height:1.7}.noticeBanner,.loginNotice,.authCard,.leaderboardCard,.userProfileCard,.predictionCard,.historyTableContainer{border-radius:0;box-shadow:none}.noticeBanner{background:var(--primary-dark);border-left:8px solid var(--accent-color)}.authCard{border:1px solid var(--border-color)}.submitBtn,.actionBtn{border-radius:0;min-height:46px}.submitBtn,.actionBtn.primary{background:var(--text-primary)}.formGroup input{min-height:48px;border-radius:0}.predictionCard{border:1px solid var(--border-color)}.mobileDock{display:none}@media(max-width:1400px){.headerContainer{height:68px;padding-inline:24px;gap:18px}.main{padding-top:68px}.logoIcon{width:40px;height:40px}.logoTitle{font-size:.98rem}.logoSubtitle{font-size:.6rem}.navList{gap:2px}.navLinkBtn{padding:8px;font-size:.85rem;letter-spacing:.01em}.navLinkBtn:after{bottom:0}.navLinkBtn:hover:after,.navLinkBtn.active:after{width:calc(100% - 12px)}.authBtn{min-height:36px;font-size:.82rem;padding-inline:14px}.about,.activities,.teams,.matches{padding:88px 0}.aboutContent{gap:40px;margin-top:36px}.aboutTitle{font-size:2.8rem}.teamsGrid{grid-template-columns:repeat(3,1fr)}.teamBannerName{font-size:1.1rem}.teamBannerLogo{width:84px;height:84px;padding:10px}}@media(min-width:1401px)and (max-width:1680px){.navList{gap:4px}.navLinkBtn{padding:10px;font-size:.88rem}}@media(max-width:1180px){.headerContainer{height:64px;padding-inline:24px}.mobileNav{top:64px;padding:12px 24px 24px;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.mobileNavList{gap:2px}.mobileNavLinkBtn{position:relative;justify-content:flex-start;padding:14px;min-height:48px;font-size:.96rem;color:var(--text-primary);font-weight:650;border-radius:6px;transition:background .2s ease,color .2s ease,padding-left .2s ease}.mobileNavLinkBtn:hover{background:#1a56db0d;color:var(--primary-color)}.mobileNavLinkBtn.active{background:#1a56db14;color:var(--primary-color);font-weight:800;padding-left:18px}.mobileNavLinkBtn:after{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;background:var(--primary-color);border-radius:0 2px 2px 0;transform:scaleY(0);transition:transform .24s ease}.mobileNavLinkBtn.active:after{transform:scaleY(1)}.main{padding-top:64px}}@media(max-width:1024px){.sectionHeader{grid-template-columns:120px 1fr}.sectionDescription{position:absolute;right:0;bottom:-18px}.aboutImage{min-height:0}.aboutText{max-width:680px}.aboutImageWrapper{margin-top:0}.activityCard,.activityCard:first-child{grid-column:auto}.activityCard:first-child .activityImageWrapper{height:auto}.activityCardFeatured{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;align-items:stretch}.activityCardFeatured .activityImageWrapper{width:50%!important;height:auto!important;margin-top:0!important;flex-shrink:0;aspect-ratio:3 / 2;overflow:hidden}.activityCardFeatured .activityImage{width:100%!important;height:100%!important;object-fit:cover!important}.activityCardFeatured .activityContent{flex:1;padding:16px 20px!important}.activityCardFeatured .activityTitle{font-size:1.2rem!important}.teamsGrid{grid-template-columns:repeat(2,1fr)}.teamBanner{aspect-ratio:auto;padding:14px 16px;min-height:110px}.teamBannerName{font-size:clamp(1rem,2.2vw,1.2rem);font-weight:850;-webkit-line-clamp:2;line-height:1.25}.teamBannerLogo{width:clamp(76px,10vw,96px);height:clamp(76px,10vw,96px);border-radius:12px;padding:clamp(10px,1.3vw,14px)}.teamBannerWatermark{height:160%;opacity:.1;filter:saturate(1.2);right:-8%}.teamContent{display:none}}@media(max-width:768px){html{font-size:16px}body{background-size:100% 28px}.about,.activities,.teams,.matches{padding:72px 0}.aboutContainer,.activitiesContainer,.teamsContainer,.matchesContainer{padding-inline:16px}.sectionHeader{grid-template-columns:1fr;gap:12px;margin-bottom:38px}.sectionTitleWrapper{grid-column:auto;grid-row:auto}.sectionTitle{padding-bottom:1.2rem;font-size:clamp(2.75rem,13vw,4.4rem)}.about .sectionTitle{padding-bottom:2rem}.sectionDescription{position:absolute;right:0;bottom:-18px;margin-top:0;font-size:.9rem;padding-right:0;white-space:normal;max-width:100%}.aboutContent{grid-template-columns:1fr;gap:28px}.aboutImageWrapper{margin-top:0}.aboutTitle{font-size:2rem}.aboutParagraph{font-size:.92rem;line-height:1.75}.aboutStats{margin-top:36px}.about .statItem{min-height:132px;padding:18px 14px}.about .statNumber{font-size:clamp(2rem,10vw,3.2rem)}.about .statLabel{font-size:.88rem;padding-top:10px;border-top-width:2px}.activitiesGrid{grid-template-columns:repeat(2,1fr);gap:24px}.activityCard,.activityCard:first-child{grid-column:auto;display:flex}.activityImageWrapper,.activityCard:first-child .activityImageWrapper{height:auto}.activityCardFeatured{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;align-items:stretch}.activityCardFeatured .activityImageWrapper{width:50%!important;height:auto!important;margin-top:0!important;flex-shrink:0;aspect-ratio:3 / 2;overflow:hidden}.activityCardFeatured .activityImage{width:100%!important;height:100%!important;object-fit:cover!important}.activityCardFeatured .activityContent{flex:1;padding:8px 10px!important}.activityCardFeatured .activityTitle{font-size:.95rem!important}.activityContent{padding:16px 0 0}.activityTitle,.activityCard:first-child .activityTitle{font-size:1.05rem}.activityDescription{display:-webkit-box;font-size:.85rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teamsGrid{gap:1px}.teamBanner{aspect-ratio:auto;padding:14px;min-height:108px}.teamBannerName{font-size:clamp(.95rem,3.2vw,1.15rem);font-weight:850;-webkit-line-clamp:2;line-height:1.25}.teamBannerLogo{width:clamp(68px,14vw,88px);height:clamp(68px,14vw,88px);border-radius:12px;padding:clamp(8px,1.6vw,12px)}.teamBannerWatermark{height:160%;opacity:.1;filter:saturate(1.2);right:-8%}.teamContent{display:none}.teamCard:active{transform:scale(.97);background:#f0f4f8;box-shadow:0 0 0 1px #fffffff2,0 6px 16px #dce4f099,0 14px 32px #e6eefa8c,inset 0 2px 6px #1a56db0d}.teamCard:active .teamBannerLogo{transform:scale(1.06);box-shadow:0 0 0 1px #fffffffa,0 6px 14px #d2dcec99,0 12px 26px #dee8f68c,inset 0 1px #ffffffeb}.teamCard:active:after{border-color:var(--primary-color)}.matchesTabs{width:100%;overflow-x:auto;scrollbar-width:none}.tabButton{min-width:max-content;min-height:46px}.season-selector-container{width:100%;justify-content:space-between}.app .footer{padding-bottom:80px}.mainContent{padding-top:104px;padding-bottom:42px}.pageHeader{display:block;margin-bottom:28px}.pageTitle{font-size:clamp(2.45rem,12vw,4rem)}}@media(hover:none),(pointer:coarse){.hero:after{display:none}.motion-runtime .motion-reveal{transform:translate3d(0,28px,0);transition-duration:.58s,.72s}}@media(max-width:480px){.headerContainer{padding-inline:16px}.logoIcon{width:38px;height:38px}.aboutFeatures{grid-template-columns:1fr 1fr}.aboutFeature{padding:14px 4px}.aboutFeatureText{font-size:.78rem}.aboutStats{grid-template-columns:repeat(3,minmax(0,1fr))}.about .statItem{min-width:0;min-height:108px;padding:14px 10px;border-right:1px solid var(--border-color);border-bottom:0}.about .statItem:last-child{border-right:0}.about .statNumber{font-size:clamp(1.65rem,9vw,2.45rem);white-space:nowrap}.about .statLabel{font-size:.72rem;letter-spacing:.04em}.teamsGrid{grid-template-columns:1fr 1fr}.teamBanner{min-height:96px;padding:12px}.teamBannerName{font-size:clamp(.88rem,3.6vw,1.05rem);font-weight:850;-webkit-line-clamp:2}.teamBannerLogo{width:clamp(60px,15vw,76px);height:clamp(60px,15vw,76px);border-radius:10px;padding:clamp(7px,1.8vw,10px)}.teamContent{display:none}.teamCard:active{transform:scale(.95);box-shadow:0 0 0 1px #fffffff2,0 4px 12px #dae2f099,0 10px 24px #e4ecf88c,inset 0 2px 6px #1a56db0d}.teamCard:active .teamBannerLogo{transform:scale(1.08);box-shadow:0 0 0 1px #fffffffa,0 5px 12px #d0daea99,0 10px 22px #dce6f48c,inset 0 1px #ffffffeb}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}