:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #6b6b8a;--accent-primary: #00d4ff;--accent-secondary: #7b2cbf;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7b2cbf 100%);--border-color: rgba(255, 255, 255, .08);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(123,44,191,.08) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(255,255,255,.01) 100px,rgba(255,255,255,.01) 101px),repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(255,255,255,.01) 100px,rgba(255,255,255,.01) 101px);pointer-events:none;z-index:-1}.app{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.header .subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.main{flex:1;display:flex;flex-direction:column;gap:2rem}.season-selector{display:flex;align-items:center;justify-content:center;gap:.75rem}.season-selector label{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.season-selector select{padding:.625rem 2.5rem .625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a3a3a3' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.season-selector select:hover{background-color:var(--bg-tertiary);border-color:#ffffff26}.season-selector select:focus{outline:none;border-color:var(--accent-primary, #00d4ff);box-shadow:0 0 0 2px #00d4ff40}.division-toggle{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.toggle-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:var(--bg-tertiary);border-color:#ffffff26;transform:translateY(-2px)}.toggle-button.active{background:var(--accent-gradient);border-color:transparent;color:var(--text-primary);box-shadow:0 4px 20px #00d4ff4d}.toggle-number{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.2rem .5rem;background:#ffffff1a;border-radius:var(--radius-sm)}.toggle-button.active .toggle-number{background:#0003}.toggle-name{font-weight:600}.chart-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.chart-wrapper{height:650px;position:relative}.chart-empty{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-muted);font-size:1.1rem}.section-title{text-align:center;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-top:1rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stats-note{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-bottom:1rem;text-align:center}.stats-summary{text-align:center;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.stats-summary p{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem}.stats-summary strong{color:var(--accent-primary);font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:var(--text-secondary);font-size:1.1rem}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem;text-align:center;padding:2rem}.error h2{color:#ff6b6b;font-size:1.5rem}.error p{color:var(--text-secondary);max-width:400px}.retry-button{margin-top:1rem;padding:.75rem 2rem;background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00d4ff4d}.footer{margin-top:auto;padding-top:3rem;text-align:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;align-items:center}.footer p{color:var(--text-muted);font-size:.9rem}.footer a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.footer a:hover{color:var(--text-primary)}.social-links{display:flex;gap:1rem;align-items:center;justify-content:center}.social-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.social-link:hover{background:var(--bg-secondary);transform:translateY(-2px)}.social-link svg{color:var(--text-secondary);transition:color .2s ease}.social-link:hover svg{color:var(--accent-primary)}@media(max-width:768px){.app{padding:1rem}.header{margin-bottom:2rem;padding-bottom:1.5rem}.division-toggle{gap:.375rem}.toggle-button{padding:.625rem 1rem;font-size:.85rem}.toggle-number{font-size:.75rem;padding:.15rem .375rem}.chart-container{padding:1rem;border-radius:var(--radius-md)}.chart-wrapper{height:600px}}@media(max-width:480px){.toggle-button{flex:1 1 calc(50% - .375rem);justify-content:center;padding:.75rem}.chart-wrapper{height:500px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container{animation:fadeIn .4s ease}