*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--bg-page:#F4F5F7;--bg-surface:#FFFFFF;--bg-sunken:#F9FAFB;--bg-overlay:#FFFFFF;--bg-hover:rgba(0,0,0,0.035);--bg-active:rgba(0,0,0,0.06);--text-primary:#111318;--text-secondary:#5A6075;--text-tertiary:#9BA1B5;--text-inverted:#FFFFFF;--accent:#C2410C;--accent-dim:rgba(194,65,12,0.08);--accent-text:#9A3412;--accent-rgb:194 65 12;--score-color:#111318;--live-dot:#0284A8;--live-bg:rgba(2,132,168,0.08);--live-text:#0284A8;--live-border:rgba(2,132,168,0.20);--border:rgba(0,0,0,0.09);--border-strong:rgba(0,0,0,0.16);--red:#D93025;--red-muted:rgba(217,48,37,0.08);--yellow:#B8860B;--yellow-muted:rgba(184,134,11,0.08);--blue:#1A6FD4;--blue-muted:rgba(26,111,212,0.08);--league-bar:#f59e0b;--ad-border:#B45309;--ad-bg:#FFFFFF;--panel-bg:#FFFFFF;--panel-border:rgba(0,0,0,0.07);--bar-track:rgba(0,0,0,0.08);--bar-fill:#16A34A;--pill-bg:#FFFFFF;--pill-border:rgba(0,0,0,0.1);--pill-active-bg:#B45309;--pill-active-text:#FFFFFF;--podium-1-bg:#fefce8;--podium-2-bg:#f8fafc;--podium-3-bg:#fff7ed;--podium-rank:#f59e0b;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-card:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.08),0 8px 10px rgba(0,0,0,0.04);--shadow-modal:0 24px 64px rgba(0,0,0,0.18);--shadow-glow:0 0 20px rgba(180,83,9,0.18);--shadow-glow-live:0 0 20px rgba(2,132,168,0.15);--shadow-focus:0 0 0 3px rgba(180,83,9,0.22);--data-great:#00C853;--data-good:#69F0AE;--data-neutral:#FFB300;--data-weak:#FF7043;--data-poor:#FF4757;--font-ui:var(--font-geist,"Geist",system-ui,sans-serif);--font-display:var(--font-geist-mono,"Geist Mono",monospace);--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:15px;--text-lg:18px;--score-sm:18px;--score-md:24px;--score-lg:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--radius-full:50%;--nav-height:52px;--subnav-height:44px;--transition:150ms ease;--ease-fast:0.1s ease;--ease-default:0.15s ease;--ease-slow:0.25s ease;--ease-spring:0.2s cubic-bezier(0.34,1.56,0.64,1);--z-below:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--live-row-bg:rgba(2,132,168,0.06);--live-row-border:#0284A8;--chip-active-bg:#B45309;--chip-active-text:#FFFFFF;--chip-live-bg:rgba(217,48,37,0.08);--chip-live-text:#D93025;--table-form-w:#16A34A;--table-form-d:#B45309;--table-form-l:#D93025}html.dark{--bg-page:#0D0F14;--bg-surface:#161920;--bg-sunken:#1E2230;--bg-overlay:#252A3A;--bg-hover:rgba(255,255,255,0.04);--bg-active:rgba(255,255,255,0.08);--text-primary:#F0F2F8;--text-secondary:#8B92A8;--text-tertiary:#4A5168;--text-inverted:#0D0F14;--accent:#F59E0B;--accent-dim:rgba(245,158,11,0.10);--accent-text:#F59E0B;--accent-rgb:245 158 11;--score-color:#22C55E;--live-dot:#00B4D8;--live-bg:rgba(0,180,216,0.10);--live-text:#00B4D8;--live-border:rgba(0,180,216,0.22);--border:rgba(255,255,255,0.09);--border-strong:rgba(255,255,255,0.16);--red:#FF4757;--red-muted:rgba(255,71,87,0.10);--yellow:#FFD32A;--yellow-muted:rgba(255,211,42,0.10);--blue:#4A9EFF;--blue-muted:rgba(74,158,255,0.10);--league-bar:#f59e0b;--ad-border:#F59E0B;--ad-bg:#161920;--panel-bg:#161920;--panel-border:rgba(255,255,255,0.06);--bar-track:rgba(255,255,255,0.07);--bar-fill:#22C55E;--pill-bg:rgba(255,255,255,0.05);--pill-border:rgba(255,255,255,0.1);--pill-active-bg:#F59E0B;--pill-active-text:#1C1400;--podium-1-bg:rgba(245,158,11,0.08);--podium-2-bg:rgba(255,255,255,0.03);--podium-3-bg:rgba(180,83,9,0.08);--podium-rank:#f59e0b;--shadow-xs:0 1px 2px rgba(0,0,0,0.30);--shadow-sm:0 1px 3px rgba(0,0,0,0.40),0 1px 2px rgba(0,0,0,0.30);--shadow-card:0 1px 3px rgba(0,0,0,0.50),0 1px 2px rgba(0,0,0,0.40);--shadow-md:0 4px 6px rgba(0,0,0,0.40),0 2px 4px rgba(0,0,0,0.30);--shadow-lg:0 10px 15px rgba(0,0,0,0.50),0 4px 6px rgba(0,0,0,0.30);--shadow-xl:0 20px 25px rgba(0,0,0,0.60),0 8px 10px rgba(0,0,0,0.30);--shadow-modal:0 24px 64px rgba(0,0,0,0.70);--shadow-glow:0 0 24px rgba(245,158,11,0.22);--shadow-glow-live:0 0 24px rgba(0,180,216,0.20);--shadow-focus:0 0 0 3px rgba(245,158,11,0.30);--live-row-bg:rgba(0,180,216,0.07);--live-row-border:#00B4D8;--chip-active-bg:#F59E0B;--chip-active-text:#1C1400;--chip-live-bg:rgba(255,71,87,0.10);--chip-live-text:#FF4757;--table-form-w:#22C55E;--table-form-d:#F59E0B;--table-form-l:#FF4757}html[data-concept-theme=ocean]{--accent:#0369A1;--accent-dim:rgba(14,165,233,0.12);--accent-text:#0369A1;--accent-rgb:14 165 233;--pill-active-bg:#0EA5E9;--pill-active-text:#FFFFFF;--chip-active-bg:#0EA5E9;--chip-active-text:#FFFFFF}html.dark[data-concept-theme=ocean]{--accent:#38BDF8;--accent-dim:rgba(56,189,248,0.14);--accent-text:#38BDF8;--accent-rgb:56 189 248;--pill-active-bg:#38BDF8;--pill-active-text:#042F4A;--chip-active-bg:#38BDF8;--chip-active-text:#042F4A}html[data-concept-theme=violet]{--accent:#7C3AED;--accent-dim:rgba(124,58,237,0.12);--accent-text:#6D28D9;--accent-rgb:124 58 237;--pill-active-bg:#8B5CF6;--pill-active-text:#FFFFFF;--chip-active-bg:#8B5CF6;--chip-active-text:#FFFFFF}html.dark[data-concept-theme=violet]{--accent:#C084FC;--accent-dim:rgba(192,132,252,0.14);--accent-text:#C084FC;--accent-rgb:192 132 252;--pill-active-bg:#C084FC;--pill-active-text:#2E1065;--chip-active-bg:#C084FC;--chip-active-text:#2E1065}.concept-root{font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gp-number,.stat-value,[data-type=number]{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@keyframes gp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill)}.concept-root .font-mono{font-family:var(--font-display),monospace!important}.score{font-family:var(--font-display);color:var(--score-color);letter-spacing:.5px;line-height:1;font-variant-numeric:tabular-nums}.score-sm{font-size:var(--score-sm)}.score-md{font-size:var(--score-md)}.score-lg{font-size:var(--score-lg)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.card-sm{border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 14px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;font-family:var(--font-ui);background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.pill:hover{color:var(--text-primary);border-color:var(--border-strong)}.pill.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:transparent}.live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;background:var(--live-bg);color:var(--live-text);font-family:var(--font-ui)}.live-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--live-dot);display:block}.league-header{display:flex;align-items:center;gap:var(--space-2);padding:10px 0 8px;border-left:3px solid var(--league-bar);padding-left:var(--space-3)}.league-header-name{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.match-row{display:flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition)}.match-row:hover{background:var(--bg-hover)}.match-row.is-live{background:var(--accent-dim)}.stat-bar-wrap{height:3px;border-radius:2px;background:var(--bar-track);overflow:hidden;margin:3px 0 8px}.stat-bar-fill{height:100%;border-radius:2px;background:var(--bar-fill);transition:width .4s ease}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:var(--space-2)}.podium-card{border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5) var(--space-4);text-align:center;transition:background var(--transition)}.podium-card.rank-1{background:var(--podium-1-bg)}.podium-card.rank-2{background:var(--podium-2-bg)}.podium-card.rank-3{background:var(--podium-3-bg)}.podium-rank{font-family:var(--font-ui);font-weight:700;color:var(--podium-rank);font-size:var(--text-sm)}.podium-value{font-family:var(--font-display);font-size:38px;color:var(--accent);letter-spacing:.5px}.metric-card{background:var(--bg-sunken);border-radius:var(--radius-md);padding:var(--space-4)}.metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-1)}.metric-value{font-family:var(--font-display);font-size:28px;color:var(--text-primary);letter-spacing:.5px}.ad-card{background:var(--ad-bg);border:1px solid var(--border);border-left:3px solid var(--ad-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.navbar{height:var(--nav-height);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-6)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}