@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;min-height:100dvh;line-height:1.6;transition:background-color .3s,color .3s}body.sidebar-open{touch-action:none;width:100%;position:fixed;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}:root{--bg-primary:#fff;--bg-secondary:#fef9f6;--bg-card:#fef9f6;--bg-card-hover:#fcf5f1;--bg-elevated:#fff;--bg-input:#f8fafc;--bg-overlay:#00000040;--text-primary:#1e293b;--text-secondary:#334155;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#1f602f;--accent-primary-hover:#174d24;--accent-primary-glow:#1f602f1a;--accent-secondary:#e76f8e;--accent-secondary-hover:#d45a7a;--accent-tertiary:#1e293b;--positive:#22c55e;--positive-bg:#22c55e14;--negative:#ef4444;--negative-bg:#ef444414;--warning:#f59e0b;--warning-bg:#f59e0b14;--info:#3b82f6;--info-bg:#3b82f614;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-active:#1f602f4d;--glass-bg:#fffc;--glass-border:#0000000f;--glass-blur:16px;--shadow-sm:0 1px 2px #00000005;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 20px #1f602f1a;--font-display:sans-serif;--font-body:sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:64px;--sidebar-width:260px;--sidebar-collapsed:72px;--content-max-width:1400px}[data-theme=dark]{--bg-primary:#07120a;--bg-secondary:#0c1e12;--bg-card:#112a19;--bg-card-hover:#183d24;--bg-elevated:#1e4a2c;--bg-input:#0e2315;--bg-overlay:#000000a6;--text-primary:#f0ebe0;--text-secondary:#a8b89c;--text-muted:#5e7a5a;--text-inverse:#07120a;--accent-primary:#2a7d3f;--accent-primary-hover:#1f602f;--accent-primary-glow:#1f602f26;--accent-tertiary:#f5f0e1;--positive:#4ade80;--positive-bg:#4ade801a;--negative:#ef4444;--negative-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--info:#60a5fa;--info-bg:#60a5fa1a;--border-primary:#1f602f14;--border-secondary:#1f602f26;--border-active:#1f602f59;--glass-bg:#112a19cc;--glass-border:#1f602f14;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 24px #1f602f1f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes livePulse{0%{box-shadow:0 0 #1f602f66}70%{box-shadow:0 0 0 8px #1f602f00}to{box-shadow:0 0 #1f602f00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app-layout{min-height:100dvh;display:flex}.main-content{min-width:0;width:calc(100vw - var(--sidebar-width));margin-left:var(--sidebar-width);padding-top:var(--navbar-height);transition:margin-left var(--transition-base), width var(--transition-base);flex:1}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed);width:calc(100vw - var(--sidebar-collapsed))}.sidebar-collapsed .navbar{left:var(--sidebar-collapsed)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .sidebar-link{padding:var(--space-2);justify-content:center}.sidebar.collapsed .sidebar-section{margin-bottom:var(--space-2)}.page-container{max-width:var(--content-max-width);padding:var(--space-8);margin:0 auto;animation:.4s fadeIn}.navbar{top:0;left:var(--sidebar-width);height:var(--navbar-height);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:0 var(--space-8);z-index:100;transition:left var(--transition-base);background:#fef9f6;justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.navbar-left,.navbar-right{align-items:center;gap:var(--space-4);display:flex}.page-title{font-size:var(--text-xl);font-weight:700;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:200;height:100dvh;transition:width var(--transition-base), transform var(--transition-base);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header{height:var(--navbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--border-primary);flex-shrink:0;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#1f602f,#2a7d3f);justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex;box-shadow:0 2px 8px #1f602f33}.sidebar-logo-text{font-size:var(--text-lg);font-weight:800;font-family:var(--font-display);color:var(--accent-primary);letter-spacing:-.5px}[data-theme=dark] .sidebar-logo-text{background:linear-gradient(135deg,#2a7d3f,#4aad5f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-weight:600;font-family:var(--font-body)}.sidebar-section-toggle{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);font-weight:600;font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-section-toggle:hover{color:var(--text-secondary);background:var(--bg-card)}.sidebar-section-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sidebar-section-toggle-label{flex:1;min-width:0}.sidebar-section-toggle-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.sidebar-section-toggle-chevron.is-open{transform:rotate(180deg)}.sidebar-more-links{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);transition:all var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-primary-glow);color:var(--accent-primary)}.sidebar-link-icon{color:#1b5a26;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.sidebar-link-badge{background:var(--accent-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.data-table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-primary);background:var(--bg-card);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table thead{z-index:10;position:sticky;top:0}.data-table th{color:var(--text-primary);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--text-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:var(--font-body);background:0 0}.data-table th.sortable{cursor:pointer;transition:color var(--transition-fast)}.data-table th.sortable:hover{color:var(--accent-primary);text-shadow:0 0 8px #1f602f4d}.data-table th.sorted{color:var(--accent-primary)}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-primary);white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .player-name{font-family:var(--font-body);color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.data-table .sticky-col{background:inherit;z-index:5;position:sticky;left:0}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);padding:2px 8px;font-weight:600;line-height:1.4;display:inline-flex}.badge-positive{background:var(--positive-bg);color:var(--positive)}.badge-negative{background:var(--negative-bg);color:var(--negative)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{color:var(--text-secondary);background:#ffffff0d}.badge-live{background:var(--accent-primary-glow);color:var(--accent-primary);animation:2s ease-in-out infinite livePulse}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.btn-primary{color:var(--text-inverse);background:linear-gradient(135deg,#1f602f,#174d24)}.btn-primary:hover{box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#174d24,#0f3a1a)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.input{width:100%;padding:var(--space-2) var(--space-4);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.input::placeholder{color:var(--text-muted)}.select{appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235e7a5a' viewBox='0 0 16 16'%3e%3cpath d='M8 11L3 6h10l-5 5z'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat}.sg-positive{color:var(--positive)}.sg-negative{color:var(--negative)}.sg-neutral{color:var(--text-muted)}.prob-bar{height:24px;padding:0 var(--space-2);align-items:center;display:flex;position:relative}.prob-bar-fill{background:var(--accent-primary-glow);border-radius:var(--radius-sm);height:100%;transition:width .6s;position:absolute;top:0;left:0}.prob-bar-text{z-index:1;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;position:relative}.edge-positive{border-left:2px solid var(--positive);background:#4ade8014}.edge-cell-positive{color:var(--positive);font-weight:600}.edge-cell-negative{color:var(--text-muted)}.best-odds{color:var(--accent-primary);font-weight:700}.divergence-moderate{background:var(--warning-bg)}.divergence-high{background:#f59e0b26}.divergence-extreme{background:#ef44441a}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:80%;height:14px;margin-bottom:var(--space-2)}.skeleton-title{width:50%;height:20px;margin-bottom:var(--space-3)}.skeleton-circle{border-radius:var(--radius-full)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-1);transition:all var(--transition-base);flex-direction:column;display:flex}.stat-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-glow)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);font-weight:600;font-family:var(--font-body)}.stat-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-display);color:var(--text-primary)}.stat-delta{font-size:var(--text-xs);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.3;font-size:48px}.empty-state-title{font-size:var(--text-xl);font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.filters-bar{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--space-2);display:flex}.filter-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;font-weight:600}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:9999;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-3);animation:.3s slideInLeft;display:flex}.blog-content h1,.blog-content h2,.blog-content h3{font-family:var(--font-display);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4)}.blog-content h2{font-size:var(--text-2xl)}.blog-content h3{font-size:var(--text-xl)}.blog-content p{margin-bottom:var(--space-4);line-height:1.8}.blog-content ul,.blog-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-content li{margin-bottom:var(--space-2)}.blog-content a{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.blog-content blockquote{border-left:3px solid var(--accent-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--text-secondary);font-style:italic}.blog-content pre{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;overflow-x:auto}.blog-content code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-secondary);border-radius:4px;padding:2px 6px}.blog-content pre code{background:0 0;padding:0}.blog-content hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-8) 0}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.sidebar-collapsed .main-content{width:100vw;margin-left:0}.sidebar-collapsed .navbar{left:0}.navbar{padding:0 var(--space-4);padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right));left:0}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.sidebar.open{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:768px){.homepage-grid{grid-template-columns:1fr!important}.page-container{padding:var(--space-4);padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.stat-grid{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column;align-items:stretch}.data-table td,.data-table th{padding:var(--space-2) var(--space-3)}.sidebar-link{min-height:44px;padding:var(--space-3) var(--space-3)}.input,.select,input,select,textarea{font-size:16px!important}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.toast-container{bottom:max(var(--space-6), env(safe-area-inset-bottom));right:max(var(--space-4), env(safe-area-inset-right));left:max(var(--space-4), env(safe-area-inset-left))}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.page-title{font-size:var(--text-lg)}.page-container{padding:var(--space-3);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom))}.card{padding:var(--space-4);border-radius:var(--radius-md)}.filters-bar{padding:var(--space-3);gap:var(--space-2)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.player-link{color:var(--text-primary);font-family:var(--font-body);cursor:pointer;border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:color .15s}.player-link:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.theme-toggle{transition:transform .3s}.theme-toggle:hover{transform:rotate(30deg)}.theme-toggle-icon{font-size:18px;transition:transform .3s}.counter-animate{animation:.6s forwards countUp}.sparkline-container{align-items:center;height:24px;display:inline-flex}