:root{color-scheme:dark;--bg-0: #0B0E13;--bg-1: #11151C;--bg-2: #171C25;--surface: #1C222D;--surface-hover: #222A36;--border: #2A3240;--border-strong: #3A4454;--text: #E6EAF0;--text-2: #A6AFBD;--text-muted: #828C9D;--text-inverse: #0B0E13;--accent: #2EE6A6;--accent-hover: #4FF0B8;--accent-dim: rgba(46, 230, 166, .14);--success: #3DDC84;--success-dim: rgba(61, 220, 132, .14);--warning: #F5B841;--warning-dim: rgba(245, 184, 65, .14);--danger: #FF5C6C;--danger-dim: rgba(255, 92, 108, .14);--info: #5AA9FF;--info-dim: rgba(90, 169, 255, .14);--home: #5AA9FF;--away: #FF8A5B;--over: #3DDC84;--under: #C48BFF;--draw: #A6AFBD;--font-ui: Inter, "SF Pro Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-num: var(--font-ui);--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 24px;--lh-tight: 1.2;--lh-normal: 1.45;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--row-h: 32px;--row-h-dense: 28px;--rail-w: 56px;--topbar-h: 44px;--groupnav-w: 180px;--glance-w: 264px;--lever-h: 56px;--tbl-row-h: 38px;--tbl-head-h: 36px;--tbl-pad-x: 12px;--tbl-input-h: 26px;--r-sm: 3px;--r-md: 6px;--r-lg: 10px;--r-pill: 999px;--shadow-1: 0 1px 0 rgba(255,255,255,.03), 0 1px 2px rgba(0,0,0,.5);--shadow-2: 0 0 0 1px var(--border), 0 8px 24px rgba(0,0,0,.55);--shadow-3: 0 0 0 1px var(--border-strong), 0 16px 48px rgba(0,0,0,.7);--focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 4px var(--accent);--z-sticky: 10;--z-rail: 20;--z-drawer: 30;--z-modal: 40;--z-toast: 50;--z-palette: 60;--dur-fast: 90ms;--dur-base: .16s;--dur-slow: .26s;--ease: cubic-bezier(.2, 0, 0, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}.mono{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.01em}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-0);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:600;line-height:var(--lh-tight)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,kbd{font-family:var(--font-mono);font-size:var(--fs-sm)}kbd{display:inline-block;padding:0 5px;min-width:18px;text-align:center;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);font-size:var(--fs-xs);line-height:16px}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}::selection{background:var(--accent-dim)}abbr[title]{text-decoration:none;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);height:var(--row-h);padding:0 var(--sp-2);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}textarea{height:auto;padding:var(--sp-2);line-height:var(--lh-normal);resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{padding-right:var(--sp-6);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23A6AFBD' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 8px center}input[type=checkbox],input[type=radio]{height:auto;accent-color:var(--accent);margin:0}input[type=range]{height:auto;padding:0;background:none;border:0;accent-color:var(--accent)}label{color:var(--text-2)}.label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500}.muted{color:var(--text-muted)}.text-2{color:var(--text-2)}.right{text-align:right}.row{display:flex;align-items:center;gap:var(--sp-2)}.stack{display:flex;flex-direction:column;gap:var(--sp-2)}.grow{flex:1 1 auto;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tone-success{color:var(--success)}.tone-warning{color:var(--warning)}.tone-danger{color:var(--danger)}.tone-info{color:var(--info)}.side-home{color:var(--home)}.side-away{color:var(--away)}.side-over{color:var(--over)}.side-under{color:var(--under)}.side-draw,.side-other,.side-yes,.side-no{color:var(--draw)}.page{padding:var(--sp-4) var(--sp-6) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);min-height:52px}.page-head .title{display:flex;flex-direction:column;gap:2px;min-width:0}.page-head h1{font-size:var(--fs-xl);letter-spacing:-.01em}.page-head .meta{font-size:var(--fs-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.page-head .actions,.filters{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.filters input,.filters select{height:var(--row-h-dense);font-size:var(--fs-sm)}.section-head{display:flex;align-items:center;gap:var(--sp-3);min-height:28px}.section-head h2{font-size:var(--fs-lg)}.section-head .sub{font-size:var(--fs-sm);color:var(--text-muted)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-1);height:var(--row-h-dense);align-items:stretch}.seg>*{display:inline-flex;align-items:center;padding:0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);border-right:1px solid var(--border);white-space:nowrap}.seg>*:last-child{border-right:0}.seg>button:hover{background:var(--surface-hover);color:var(--text)}.seg>.active,.seg>[aria-current=true]{background:var(--accent-dim);color:var(--accent)}.seg>*:focus-visible{border-radius:0;box-shadow:inset 0 0 0 2px var(--accent)}.seg>.seg-lbl{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--sp-2) 0 var(--sp-3);background:var(--bg-1)}.hintbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-1)}.hintbar .sep{color:var(--border-strong);padding:0 2px}.hintbar kbd{margin-right:2px}.stats{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-2);overflow:hidden;flex-wrap:wrap}.stats>.stat{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-4);border-right:1px solid var(--border);min-width:110px}.stats>.stat:last-child{border-right:0}.stats>.stat.grow{flex:1 1 auto}.stat .k{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat .v{font-size:var(--fs-lg);color:var(--text);font-variant-numeric:tabular-nums}.stat .v.small{font-size:var(--fs-md)}.prog{display:inline-flex;align-items:center;gap:var(--sp-2);font-variant-numeric:tabular-nums;white-space:nowrap}.prog .bar{position:relative;width:44px;flex:0 1 auto;height:4px;border-radius:2px;background:var(--surface-hover);overflow:hidden;flex:0 0 auto}.prog .bar>i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:2px}.prog.done .bar>i{background:var(--success)}.pv{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}.pv .p1{color:var(--text)}.pv .p2{color:var(--text-muted);font-size:var(--fs-xs)}.pv.dim .p1{color:var(--text-2)}.pv.blank{color:var(--text-muted)}.d-pos{color:var(--success)}.d-weak{color:var(--warning)}.d-neg{color:var(--danger)}.d-zero{color:var(--text-muted)}.tbl{--tbl-cols: 1fr;position:relative;overflow:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-2);min-width:0}.tbl table{display:block;width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.tbl thead,.tbl tbody{display:block;min-width:100%}.tbl thead{position:sticky;top:0;z-index:3;background:var(--bg-1)}.tbl tr{display:grid;grid-template-columns:var(--tbl-cols);align-items:stretch;min-width:100%}.tbl th,.tbl td{display:flex;align-items:center;min-width:0;padding:0 var(--tbl-pad-x);white-space:nowrap;gap:6px}.tbl th{height:var(--tbl-head-h);background:var(--bg-1);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-xs);letter-spacing:.02em;color:var(--text-2);text-align:left;-webkit-user-select:none;user-select:none}.tbl td{height:var(--tbl-row-h);border-bottom:1px solid var(--border);color:var(--text)}.tbl.dense td{height:var(--row-h)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover td{background:var(--surface)}.tbl .num,.tbl th.num{justify-content:flex-end;text-align:right;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1}.tbl .center{justify-content:center;text-align:center}.tbl th .sort{display:inline-flex;align-items:center;gap:4px;color:inherit;text-transform:inherit;letter-spacing:inherit;font-size:inherit}.tbl th .sort:hover{color:var(--text)}.tbl th .arrow{width:8px;display:inline-block;color:var(--accent)}.tbl td.cut>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl td .truncate{min-width:0}.tbl input,.tbl select{height:var(--tbl-input-h);font-size:var(--fs-sm);padding:0 6px;border-radius:var(--r-sm)}.tbl input.num{text-align:right}.tbl input:disabled{opacity:.5;background:transparent;border-color:transparent}.tbl .emptycell{justify-content:center;color:var(--text-muted);height:88px;grid-column:1 / -1;white-space:normal}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.selected td{background:var(--accent-dim)}.tbl tbody tr.selected td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.tbl tbody tr:focus-visible{outline:none}.tbl tbody tr:focus-visible td{box-shadow:inset 0 0 0 1px var(--accent)}.tbl .dash{color:var(--text-muted)}.tbl th.div,.tbl td.div{box-shadow:inset 1px 0 0 var(--border)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s var(--ease) infinite;border-radius:var(--r-sm);height:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-accent{0%{box-shadow:0 0 0 0 var(--accent-dim)}to{box-shadow:0 0 0 6px transparent}}
