:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--bg-main:#060a13;--bg-card:#0d142699;--bg-card-hover:#131d38cc;--border-light:#ffffff12;--border-accent:#3b82f64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-primary:#3b82f6;--color-primary-glow:#3b82f659;--color-secondary:#10b981;--color-secondary-glow:#10b98140;--color-accent:#a855f7;--color-fastball:#ef4444;--color-breaking:#00d2ff;--color-offspeed:#f59e0b;--color-other:#ec4899;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #0009;--shadow-primary:0 0 20px #3b82f626;--blur-amount:16px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#3b82f614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b9810d 0%,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}html,body{scrollbar-width:thin;scrollbar-color:#3b82f659 #0f172a66}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a66;border:1px solid #ffffff05;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3b82f666,#a855f766) padding-box padding-box;border:1.5px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#3b82f6cc,#a855f7cc)}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-light);box-shadow:var(--shadow-md);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#ffffff1f}.glass-panel-glow:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg), var(--shadow-primary)}button,input,select{font-family:inherit;font-size:inherit;color:inherit}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #2563eb);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f673}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border-light);background:0 0}.btn-outline:hover{background:#ffffff0d;border-color:#ffffff26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}header.app-header{height:var(--header-height);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);z-index:100;background:#060a13cc;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}header.app-header .logo{align-items:center;gap:12px;text-decoration:none;display:flex}header.app-header .logo h1{background:linear-gradient(135deg, #fff 40%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px}header.app-header .logo .logo-icon{background:var(--color-primary);width:32px;height:32px;box-shadow:0 0 12px var(--color-primary-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.container{flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:flex}.dashboard-grid{flex:1;grid-template-columns:350px 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}header.app-header{padding:0 16px}.container{padding:16px}}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}.pulse-dot{animation:1.8s ease-in-out infinite pulse}select{appearance:none!important;border:1px solid var(--border-light)!important;color:#fff!important;cursor:pointer!important;background-color:#ffffff08!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:14px!important;outline:none!important;padding-right:32px!important;font-family:inherit!important;transition:all .2s!important}select:hover{background-color:#ffffff0f!important;border-color:#fff3!important}select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #3b82f633!important}select.select-primary{color:#93c5fd!important;background-color:#3b82f60d!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;border:1px solid #3b82f633!important}select.select-primary:hover{background-color:#3b82f614!important;border-color:#3b82f666!important}select.select-accent{color:#c084fc!important;background-color:#a855f70d!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;border:1px solid #a855f733!important}select.select-accent:hover{background-color:#a855f714!important;border-color:#a855f766!important}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.tabs-header{border-bottom:1px solid var(--border-light);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;font-weight:600;font-family:var(--font-display);background:0 0;border:none;border-radius:8px;padding:8px 16px;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--border-accent);background:#3b82f61a}.matchup-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=768px){.matchup-grid{grid-template-columns:1fr}}.player-card{align-items:center;gap:16px;padding:16px;display:flex}.player-avatar-placeholder{border:1px solid var(--border-light);width:60px;height:60px;color:var(--color-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.player-details h3{margin-bottom:2px;font-size:18px}.player-details p{color:var(--text-secondary);font-size:14px}.stats-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px;list-style:none;display:grid}.stat-item{border:1px solid var(--border-light);text-align:center;background:#ffffff05;border-radius:8px;padding:10px}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:12px}@media (width<=768px){.tabs-header{white-space:nowrap;scrollbar-width:none;gap:8px;padding-bottom:8px;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{padding:6px 12px;font-size:13px;display:inline-block}}