@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #0071e3;--primary-hover: #0077ed;--background: #ffffff;--surface: #f5f5f7;--surface-light: #fafafa;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #86868b;--border: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:#1d1d1f}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f5f5f7;border-radius:10px}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#00000059}::selection{background-color:#0071e34d;color:#1d1d1f}::-moz-selection{background-color:#0071e34d;color:#1d1d1f}button:focus-visible,input:focus-visible{outline:2px solid #0071e3;outline-offset:2px}button,input,a{transition:all .25s cubic-bezier(.28,.11,.32,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){:root{font-size:14px}body{padding:0;margin:0}}@media(max-width:480px){:root{font-size:13px}}.hidden{display:none!important}.visible{display:block!important}.fade-in{animation:fadeIn .4s ease}.slide-up{animation:slideUp .4s ease}.slide-in{animation:slideIn .4s ease}.scale-in{animation:fadeInScale .3s ease}@media(max-width:768px){.sport-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;padding:20px!important}.chart-container{padding:1rem!important;min-height:300px!important;height:350px!important;width:100%!important;overflow:hidden!important}.chart-container canvas{max-height:400px!important;width:100%!important}.metrics-grid{grid-template-columns:1fr!important;gap:1rem!important}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}@media(max-width:480px){.sport-grid{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}.sport-card{padding:1.25rem!important}.chart-container{padding:.75rem!important;min-height:280px!important;height:320px!important;width:100%!important;overflow:hidden!important}.chart-container canvas{max-height:350px!important;min-height:250px!important;width:100%!important}.metrics-grid{grid-template-columns:1fr!important;gap:.75rem!important}button{width:100%}body{font-size:14px}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}}@media(max-width:360px){.chart-container{padding:.5rem!important;min-height:250px!important;height:280px!important}.chart-container canvas{max-height:300px!important;min-height:220px!important}h1{font-size:1.5rem!important}h2{font-size:1.1rem!important}}@media(max-width:768px)and (orientation:landscape){.chart-container{height:280px!important;min-height:250px!important}.chart-container canvas{max-height:300px!important}}@media(hover:none)and (pointer:coarse){button,.sport-card{min-height:44px;min-width:44px}button:active,.sport-card:active{opacity:.7;transform:scale(.98)}}@media(max-width:768px){body{overflow-x:hidden!important}.chart-container h3{font-size:1.1rem!important;margin-bottom:1rem!important}}