:root{--bg: #f7f6f3;--surface: #ffffff;--surface-alt: #f0efec;--surface-hover: #fafaf8;--border: #e8e6e1;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #a3a09a;--accent: #e8572a;--accent-light: #fef0eb;--accent-hover: #d14a20;--green: #2a9d5c;--green-bg: #edf9f1;--green-border: #b8e6cb;--green-light: #edf9f1;--blue: #3b7dd8;--blue-bg: #eef4fc;--blue-border: #b3ceee;--blue-light: #eef4fc;--purple: #7c5cbf;--purple-bg: #f3f0fa;--purple-border: #c8b8e8;--amber: #d4930a;--amber-bg: #fef8e8;--amber-border: #ebd599;--amber-light: #fef8e8;--red: #d14040;--red-bg: #fdeaea;--red-border: #e8aaaa;--red-light: #fdeaea;--orange: #d46a0a;--orange-bg: #fef3e8;--orange-border: #e8c899;--cyan: #0e8fad;--cyan-bg: #e8f6fa;--cyan-border: #a8d9e8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .07);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);--radius: 14px;--radius-sm: 10px;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--font-display: "Bebas Neue", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-alt);--border-light: #d4d2cd;--text-dim: var(--text-muted);--accent-green: var(--green);--accent-red: var(--red);--accent-orange: var(--accent);--accent-blue: var(--blue);--accent-purple: var(--purple);--accent-cyan: var(--cyan);--stat-pts2-bg: #38b258;--stat-pts2-border: transparent;--stat-pts2-color: #fff;--stat-pts3-bg: #4285f4;--stat-pts3-border: transparent;--stat-pts3-color: #fff;--stat-ft-bg: #8e44ad;--stat-ft-border: transparent;--stat-ft-color: #fff;--stat-oreb-bg: #d2871a;--stat-oreb-border: transparent;--stat-oreb-color: #fff;--stat-to-bg: #db4437;--stat-to-border: transparent;--stat-to-color: #fff;--stat-dreb-bg: #0e8fad;--stat-dreb-border: transparent;--stat-dreb-color: #fff;--stat-stl-bg: #38b258;--stat-stl-border: transparent;--stat-stl-color: #fff;--stat-blk-bg: #e07d5a;--stat-blk-border: transparent;--stat-blk-color: #fff;--stat-foul-bg: #db4437;--stat-foul-border: transparent;--stat-foul-color: #fff;--btn-primary-bg: #e8572a;--btn-primary-color: #fff;--btn-secondary-bg: #f0efec;--btn-secondary-color: #1a1a1a;--btn-danger-bg: #db4437;--btn-danger-color: #fff;--btn-success-bg: #38b258;--btn-success-color: #fff;--btn-success-border: #1e7d4a;--success-green: #2a9d5c;--btn-ghost-bg: transparent;--btn-ghost-color: #6b6b6b;--btn-border: transparent;--no-ast-bg: var(--btn-secondary-bg);--no-ast-border-width: 5px;--no-ast-border-color: #06b6d4;--no-ast-text-color: #000;--no-ast-text-opacity: .7}:root:not([data-theme=dark]) button{border:none!important}:root:not([data-theme=dark]) button.no-ast-btn{border:5px solid var(--no-ast-border-color)!important}[data-theme=dark]{--bg: #0c1220;--surface: #151d2e;--surface-alt: #1a2438;--surface-hover: #1a2438;--border: #1f2b3f;--text-primary: #eef0f4;--text-secondary: #8b95a8;--text-muted: #4e5a6e;--accent: #e8572a;--accent-light: rgba(232, 87, 42, .1);--accent-hover: #d14a20;--green: #e8572a;--green-bg: rgba(232, 87, 42, .1);--green-border: rgba(232, 87, 42, .3);--green-light: rgba(232, 87, 42, .1);--blue: #5b9bf5;--blue-bg: rgba(91, 155, 245, .1);--blue-border: rgba(91, 155, 245, .3);--blue-light: rgba(91, 155, 245, .1);--purple: #a78bfa;--purple-bg: rgba(167, 139, 250, .1);--purple-border: rgba(167, 139, 250, .3);--amber: #f0b429;--amber-bg: rgba(240, 180, 41, .1);--amber-border: rgba(240, 180, 41, .3);--amber-light: rgba(240, 180, 41, .1);--red: #f05a5a;--red-bg: rgba(240, 90, 90, .1);--red-border: rgba(240, 90, 90, .3);--red-light: rgba(240, 90, 90, .1);--orange: #f0883e;--orange-bg: rgba(240, 136, 62, .1);--orange-border: rgba(240, 136, 62, .3);--cyan: #22d3ee;--cyan-bg: rgba(34, 211, 238, .1);--cyan-border: rgba(34, 211, 238, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .35);--radius: 14px;--radius-sm: 10px;--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--surface-alt);--border-light: #2a3548;--text-dim: var(--text-muted);--accent-green: var(--green);--accent-red: var(--red);--accent-orange: var(--accent);--accent-blue: var(--blue);--accent-purple: var(--purple);--accent-cyan: var(--cyan);--stat-pts2-bg: var(--green-bg);--stat-pts2-border: var(--green-border);--stat-pts2-color: var(--green);--stat-pts3-bg: var(--blue-bg);--stat-pts3-border: var(--blue-border);--stat-pts3-color: var(--blue);--stat-ft-bg: var(--purple-bg);--stat-ft-border: var(--purple-border);--stat-ft-color: var(--purple);--stat-oreb-bg: var(--amber-bg);--stat-oreb-border: var(--amber-border);--stat-oreb-color: var(--amber);--stat-to-bg: var(--red-bg);--stat-to-border: var(--red-border);--stat-to-color: var(--red);--stat-dreb-bg: var(--cyan-bg);--stat-dreb-border: var(--cyan-border);--stat-dreb-color: var(--cyan);--stat-stl-bg: rgba(16, 185, 129, .15);--stat-stl-border: rgba(16, 185, 129, .4);--stat-stl-color: #10b981;--stat-blk-bg: var(--orange-bg);--stat-blk-border: var(--orange-border);--stat-blk-color: var(--orange);--stat-foul-bg: var(--red-bg);--stat-foul-border: var(--red-border);--stat-foul-color: var(--red);--btn-primary-bg: var(--accent);--btn-primary-color: #fff;--btn-secondary-bg: var(--surface-alt);--btn-secondary-color: var(--text-secondary);--btn-danger-bg: var(--red-bg);--btn-danger-color: var(--red);--btn-success-bg: rgba(42, 157, 92, .35);--btn-success-color: #5dd88f;--btn-success-border: #166534;--success-green: #5dd88f;--btn-ghost-bg: transparent;--btn-ghost-color: var(--text-muted);--btn-border: var(--border);--no-ast-bg: var(--surface-alt);--no-ast-border-width: 3px;--no-ast-border-color: var(--text-muted);--no-ast-text-color: var(--text-muted);--no-ast-text-opacity: 1}*{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw}.bp:active{transform:scale(.93)!important}input[type=date]{cursor:pointer;color-scheme:light}[data-theme=dark] input[type=date]{color-scheme:dark}@media (max-width: 420px){.app-header .logo-text{display:none!important}.stat-grid button{min-height:48px!important;min-width:48px!important;padding:clamp(14px,4vw,24px) clamp(12px,3vw,20px)!important;font-size:clamp(18px,5vw,44px)!important}.stat-grid [style*=aspect-ratio]{min-height:64px!important}}
