:root{--bg-page:#f5f6f8;--bg-surface:#fff;--bg-elevated:#fff;--bg-input:#f3f4f6;--bg-hover:rgba(0,0,0,.04);--bg-disabled:#e5e7eb;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-subtle:#9ca3af;--text-disabled:#d1d5db;--text-faint:#e5e7eb;--border-faint:rgba(0,0,0,.04);--border-subtle:rgba(0,0,0,.06);--border-default:#e5e7eb;--border-medium:#d1d5db;--border-strong:#c4c9d4;--border-stronger:#9ca3af;--accent:#e7003e;--accent-bg:rgba(231,0,62,.07);--accent-bg-md:rgba(231,0,62,.1);--accent-bg-lg:rgba(231,0,62,.12);--accent-border:rgba(231,0,62,.3);--chart-grid:rgba(0,0,0,.07);--chart-tooltip-bg:#fff;--chart-tooltip-border:#e5e7eb;--chart-axis:#9ca3af;--chart-bar-neutral:#cbd5e1;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.1);--shadow-dropdown:0 8px 24px rgba(0,0,0,.12)}[data-theme=dark]{--bg-page:#0d0d0d;--bg-surface:#1a1a1a;--bg-elevated:#111;--bg-input:#1a1a1a;--bg-hover:hsla(0,0%,100%,.04);--bg-disabled:#2a2a2a;--text-primary:#fff;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--text-subtle:#6b7280;--text-disabled:#4b5563;--text-faint:#374151;--border-faint:hsla(0,0%,100%,.03);--border-subtle:hsla(0,0%,100%,.04);--border-default:hsla(0,0%,100%,.06);--border-medium:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.1);--border-stronger:hsla(0,0%,100%,.15);--accent:#e7003e;--accent-bg:rgba(231,0,62,.08);--accent-bg-md:rgba(231,0,62,.1);--accent-bg-lg:rgba(231,0,62,.12);--accent-border:rgba(231,0,62,.3);--chart-grid:hsla(0,0%,100%,.05);--chart-tooltip-bg:#1a1a1a;--chart-tooltip-border:hsla(0,0%,100%,.1);--chart-axis:#6b7280;--chart-bar-neutral:#374151;--shadow-sm:none;--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-dropdown:0 8px 32px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-secondary);font-family:var(--font-inter,Inter,system-ui,sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.nav-item:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.dashboard-card:hover{border-color:var(--accent-border)!important;background:var(--accent-bg)!important}.suggestion-chip{background:var(--bg-hover);border:1px solid var(--border-medium);border-radius:99px;color:var(--text-muted);font-size:12px;font-weight:500;padding:5px 14px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.suggestion-chip:hover{background:var(--accent-bg-lg);color:var(--accent);border-color:var(--accent-border)}.export-option:hover{background:var(--accent-bg)!important;color:var(--accent)!important}.game-row:hover{background:var(--bg-hover)!important}.game-row.selected{background:var(--accent-bg-md)!important;border-left:3px solid var(--accent)!important}select.filter-select{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:8px;color:var(--text-primary);font-size:12px;font-weight:600;padding:6px 28px 6px 10px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236B7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;font-family:inherit;box-shadow:var(--shadow-sm)}select.filter-select:focus{border-color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bbDrop{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:translateY(52px);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:translateY(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}}@keyframes bbSquish{0%,to{transform:scaleX(1) scaleY(1)}45%,55%{transform:scaleX(1.22) scaleY(.78)}}@keyframes bbShadow{0%,to{transform:scaleX(.45);opacity:.12}45%,55%{transform:scaleX(1);opacity:.3}}@keyframes bbDot1{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes bbDot2{0%,60%,to{opacity:0}30%{opacity:1}}@keyframes bbDot3{0%,40%,to{opacity:0}20%{opacity:1}}