:root {
  --ink:#202b29; --muted:#74807c; --line:#e0e6e2; --bg:#f5f7f5;
  --green:#216b55; --green-light:#edf5f0; --purple:#7761a1; --purple-light:#f4f1f8;
  --orange:#9c6e32; --orange-light:#faf3e8; --white:#fff;
}
* {box-sizing:border-box}
body {margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',Arial,sans-serif}
button,input,select {font:inherit}
button,select,summary {cursor:pointer}
button,a,input,select {touch-action:manipulation}
button:disabled {cursor:default;opacity:.4}
:focus-visible {outline:2px solid var(--green);outline-offset:3px}
[hidden] {display:none!important}
.site-header {height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand {display:flex;align-items:center;gap:17px;color:#171c1a;text-decoration:none;font-weight:650;font-size:26px;letter-spacing:-1px}
.domain {font-weight:400;color:#7c8580}
.brand-symbol {display:block;position:relative;width:45px;height:39px;overflow:hidden}
.brand-symbol img {width:90px;height:90px;max-width:none;position:absolute;left:-22px;top:-24px}
.header-tools {display:flex;align-items:center;gap:22px;font-size:12px}
.header-tools a {color:var(--green);text-decoration:none}
.zone-control {display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}
.zone-control select {border:0;background:#f3f5f2;font-size:12px;border-radius:5px;padding:8px;color:var(--ink)}
main {max-width:1700px;margin:auto;padding:0 4%}
.nav-row {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3ddd6}
nav {display:flex;gap:30px}
.tab {border:0;background:none;padding:23px 0 20px;color:var(--muted);position:relative;font-size:13px;font-weight:550}
.tab.active {color:var(--green)}
.tab.active:after {content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--green);border-radius:3px 3px 0 0}
.tab span {font-size:10px;background:#e7ede7;padding:3px 7px;border-radius:4px;margin-left:7px}
.refresh {background:none;color:var(--muted);border:0;font-size:20px}
.refresh span {font-size:11px;margin-left:4px}
.page-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 0 23px}
h1 {font-size:27px;letter-spacing:-.8px;font-weight:600;margin:0 0 9px}
h2 {font-size:17px;font-weight:600;margin:0 0 6px;letter-spacing:-.25px}
p {margin:0;line-height:1.6}
.page-heading p,.section-heading p,.chart-toolbar p {font-size:12px;color:var(--muted)}
.feed-status {font-size:10px;color:var(--muted);text-align:right;max-width:260px;line-height:1.8}
.feed-status:before {content:'';width:6px;height:6px;background:#73a685;display:inline-block;border-radius:50%;margin-right:7px}
.filter-panel {background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 3px #263b2c02}
.filter-grid {display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1.25fr;gap:16px;padding:19px 20px}
label {font-size:11px;font-weight:500;color:#6c7872}
.filter-grid label {min-width:0}
select,input[type=date] {width:100%;border:1px solid #dce3dd;border-radius:5px;background:#fff;padding:10px 11px;color:#33463c;font-size:12px;min-height:38px}
.filter-grid select,.history-bottom input,.history-bottom select {display:block;margin-top:7px}
.filter-bottom {border-top:1px solid #edf0ec;display:flex;align-items:center;gap:18px;padding:13px 20px;background:#fcfdfb;border-radius:0 0 9px 9px}
.bet-filter {display:flex;gap:12px;align-items:center}
.bet-filter select {width:220px;padding:8px 10px;min-height:34px;background:#f3f6ee}
.bet-filter label {white-space:nowrap}
.search {margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:0 10px}
.search span {font-size:23px;color:#89988d;font-weight:400}
.search input {border:0;width:160px;padding:8px 0;font-size:12px;color:var(--ink);min-width:0;background:none}
.text-button {border:0;background:none;font-size:11px;color:#6d7e6d;padding:8px 0}
.match-summary {display:flex;gap:28px;align-items:center;padding:23px 0 13px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.match-summary strong {font-size:17px;font-weight:600;color:var(--ink);margin-right:4px;font-variant-numeric:tabular-nums}
.match-summary span:nth-child(2) {margin-right:auto}
i {display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:currentColor}
.model-one {color:var(--green)!important}
.model-two {color:var(--purple)!important}
.market-series {color:#929c95}
.context-note {font-size:11px;color:#8a948d;margin:0 0 14px}
.table-scroll {overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
table {border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.match-table {min-width:1130px}
th {text-align:right;background:#edf1ed;font-size:11px;font-weight:600;padding:15px 13px;border-bottom:1px solid #dbe3dc;white-space:nowrap}
th small {display:block;font-weight:400;font-size:9px;margin-top:5px;color:#7f8d82}
th:first-child,th:nth-child(2),td:first-child,td:nth-child(2) {text-align:left}
th:first-child,td:first-child {padding-left:19px}
td {padding:17px 13px;border-bottom:1px solid #edf1ed;text-align:right;white-space:nowrap;vertical-align:middle}
tr:last-child td {border-bottom:0}
tbody tr:hover {background:#fbfcf9}
.players-col {min-width:270px}
.match-table td:nth-child(n+3):nth-child(-n+8) {padding-top:35px}
.tournament {font-size:10px;color:#677a6a;margin-bottom:7px;max-width:280px;text-overflow:ellipsis;overflow:hidden}
.pair {display:grid;grid-template-rows:23px 23px;align-items:center;gap:0}
.player-line {display:flex;align-items:center;gap:7px;font-size:13px}
.side {font-size:9px;font-weight:500;color:#9da79f;display:inline-block;width:10px}
.meta-chips {display:flex;gap:5px;margin-top:8px;align-items:center}
.meta-chips span {font-size:8px;letter-spacing:.25px;color:#78897c;background:#f1f4ee;padding:3px 5px;border-radius:3px}
.meta-chips span:first-child {font-weight:600;background:#e7eee3;color:#567552}
.date {font-size:10px;color:#869389;margin-bottom:5px}
.time {font-size:14px;font-weight:600}
.match-status {font-size:9px;color:#95a195;margin-top:7px;max-width:100px;white-space:normal}
.cell-note {font-size:9px;color:#869384;margin-top:7px;min-height:16px}
.pair-note {font-size:8px;color:#8a968d;margin-left:6px}
.m1-head {border-top:2px solid #8fbea2}
.m2-head {border-top:2px solid #beadd5}
.m1-value {color:var(--green);font-weight:600}
.m2-value {color:var(--purple);font-weight:600}
.rating {display:inline-block;font-size:8px;line-height:16px;letter-spacing:.3px;border-radius:3px;padding:0 5px;font-weight:500}
.rating.high {color:#4f7956;background:#eaf2e7}
.rating.medium {color:#9b743c;background:#f8f1df}
.rating.low {color:#8f8c82;background:#f1f0eb}
.rating.unknown,.rating.not_used {color:#92998e;background:#f4f5f1}
.zero {color:#b2bab3;font-weight:400}
.stake-positive {padding:2px 5px;border-radius:3px;background:var(--green-light);font-weight:600}
.model-two .stake-positive {background:var(--purple-light)}
.book-line {font-size:11px;line-height:24px}
.book-line span {color:#9aa69b;margin-right:8px;font-size:9px}
.source-link {font-size:17px;color:#6c8b72;text-decoration:none;padding:8px}
.pagination {display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);padding:15px 0}
.pagination>div {display:flex;align-items:center;gap:12px}
.pagination button {background:#fff;border:1px solid var(--line);border-radius:4px;width:31px;height:29px;color:var(--green)}
.empty {text-align:center!important;color:var(--muted);padding:45px 20px!important;white-space:normal;line-height:1.8}
.method {margin-top:18px;border:1px solid #e2e7df;border-radius:6px;padding:16px 19px;background:#f0f3ed;font-size:11px;color:#7c897a}
.method summary {font-weight:500;color:#5d705e}
.method-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:18px;line-height:1.8}
.method-grid b {display:block;color:#526b55;margin-bottom:5px}
.history-bottom {align-items:end;gap:16px}
.history-bottom label {max-width:170px;flex:1}
.history-bottom label.cohort {max-width:280px;flex:2}
.history-bottom .text-button {margin-left:auto;margin-bottom:3px}
.provenance {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 22px;font-size:10px;color:#7f897c;line-height:1.7}
.provenance .tag {background:#e8eee3;color:#617656;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:500}
.performance-cards {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.performance-card {background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;border-top:3px solid #86b294}
.performance-card.m2 {border-top-color:#b5a2d0}
.card-header {display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}
.card-header span:last-child {font-size:10px;font-weight:400;color:var(--muted)}
.return-row {display:flex;gap:45px;padding:22px 0 19px;border-bottom:1px solid #edf0eb}
.return-row label {display:block;font-size:10px;font-weight:400;margin-bottom:7px}
.return-row strong {font-size:31px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.positive {color:var(--green)}
.negative {color:#a16e43}
.card-stats {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.card-stats label {display:block;font-size:9px;margin-bottom:7px;font-weight:400}
.card-stats strong {font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.card-foot {margin-top:16px;font-size:10px;color:var(--muted)}
.section-heading {display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px;gap:15px}
.small-label {font-size:9px;letter-spacing:1px;color:#87977f}
.quality-table th:first-child,.quality-table td:first-child {width:30%}
.quality-table th:nth-child(2),.quality-table td:nth-child(2) {text-align:right}
.quality-table td {padding:18px}
.quality-table .series-name {font-weight:600}
.secondary {border:1px solid #d5dfd4;background:#fff;color:#5a775d;border-radius:5px;padding:9px 13px;font-size:11px;white-space:nowrap}
.ledger-table {min-width:780px}
.ledger-table td {font-size:11px}
.ledger-table .sub {display:block;color:#859181;margin-top:5px;font-size:10px}
.ledger-table .badge {background:#eef3e9;border-radius:3px;padding:4px 7px;color:#6f865d;font-size:9px}
.ledger-table .badge.excluded {background:#f8f1e8;color:#a1804c}
.coverage-details {font-size:10px;line-height:1.8;border-top:1px solid #dfe6db;padding-top:14px;margin-top:16px}
.chart-panel {border:1px solid var(--line);background:#fff;padding:25px;border-radius:9px}
.chart-toolbar {display:flex;align-items:start;justify-content:space-between;gap:20px}
.chart-select {min-width:220px}
.chart-legend {display:flex;gap:22px;margin:24px 0 15px}
.chart-legend label {display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer}
.chart-legend i {margin-right:0}
.chart-legend input {accent-color:var(--green);width:12px;height:12px}
.chart {width:100%;min-height:310px;position:relative;touch-action:pan-y}
.chart svg {display:block;width:100%;height:auto;min-height:260px;overflow:visible}
.chart text {fill:#8b968c;font:11px 'Segoe UI',Arial,sans-serif}
.chart-readout {background:#f4f7f1;min-height:64px;display:flex;align-items:center;gap:30px;padding:15px 18px;font-size:11px;color:#788673;border-radius:5px;flex-wrap:wrap}
.chart-readout strong {color:var(--ink);font-size:15px;margin-left:8px;font-weight:500;font-variant-numeric:tabular-nums}
.chart-footnote {font-size:10px;color:#8d9887;margin-top:15px}
.daily-data {margin:20px 0;font-size:11px;color:#7f8e76}
.daily-data summary {margin-bottom:14px}
.daily-data table td:nth-child(2),.daily-data table th:nth-child(2) {text-align:right}
.alert {padding:13px 17px;background:#fcf1e4;border:1px solid #ecd8bd;border-radius:5px;font-size:12px;color:#966e37;margin-top:18px}
footer {display:flex;align-items:center;gap:25px;font-size:10px;color:#95a08e;margin:30px 0 28px;border-top:1px solid var(--line);padding-top:21px}
footer span:first-child {font-weight:500;color:#788772}
footer a {margin-left:auto;color:#809275;text-decoration:none}
.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}
@media(max-width:1000px) {
  .filter-grid {grid-template-columns:1fr 1fr 1.8fr;gap:14px}
  .filter-grid label:nth-child(4),.filter-grid label:nth-child(5) {grid-row:2}
  .bet-filter {gap:7px}.bet-filter label {font-size:10px}.bet-filter select {width:190px}
  .search input {width:120px}.filter-bottom {gap:12px}
  .brand {font-size:23px}.performance-card {padding:19px}
  .return-row {gap:30px}.card-stats {grid-template-columns:repeat(2,1fr);row-gap:18px}
  .match-summary {gap:18px}.match-summary span:nth-child(2) {margin-right:0}
}
@media(max-width:650px) {
  .site-header {height:auto;min-height:80px;padding:16px 5%;flex-wrap:wrap;gap:15px}
  .brand {font-size:22px;gap:11px}.brand-symbol {width:36px;height:31px}
  .brand-symbol img {width:73px;height:73px;left:-18px;top:-19px}
  .header-tools {margin-left:auto}.zone-control {font-size:10px}.zone-control select {font-size:11px}
  main {padding:0 5%}.nav-row nav {gap:20px}.tab {font-size:12px;padding:20px 0 17px}.refresh span {display:none}
  h1 {font-size:24px}.page-heading {align-items:start;flex-direction:column;gap:11px;padding:25px 0 19px}.page-heading p {font-size:11px}.feed-status {text-align:left;max-width:100%}
  .filter-grid {grid-template-columns:1fr 1fr;padding:16px;gap:12px}
  .filter-grid label.wide {grid-column:span 2;grid-row:2}
  .filter-grid label:nth-child(4),.filter-grid label:nth-child(5) {grid-row:3}
  .filter-bottom {padding:13px 16px;flex-wrap:wrap}.bet-filter {flex-direction:column;align-items:start;width:100%}
  .bet-filter select {width:100%}.search {margin-left:0;flex:1;min-width:0}.search input {width:100%}.text-button {white-space:nowrap}
  .match-summary {display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:14px 12px;padding-top:20px}.match-summary strong {font-size:16px}
  .context-note {font-size:10px;line-height:1.7;margin-top:5px}.performance-cards {grid-template-columns:1fr;gap:16px}
  .card-stats {grid-template-columns:repeat(4,1fr);gap:8px}.card-stats strong {font-size:12px}
  .history-bottom label {max-width:none;flex:1 1 40%}.history-bottom label.cohort {max-width:none;flex:1 1 100%}
  .history-bottom .text-button {margin-left:0}.history-bottom {align-items:start}
  .section-heading {align-items:start;flex-wrap:wrap}.section-heading p {font-size:11px}.small-label {font-size:8px}
  .quality-table {min-width:560px}.method-grid {grid-template-columns:1fr;gap:16px}
  .chart-panel {padding:18px 14px}.chart-toolbar {flex-wrap:wrap}.chart-select {width:100%}
  .chart {min-height:190px}.chart svg {min-height:190px}.chart-legend {gap:13px;flex-wrap:wrap}
  .chart-readout {gap:12px;align-items:start;flex-direction:column}.chart-readout strong {font-size:13px}
  .pagination {font-size:10px;gap:15px}.pagination>div {gap:8px}footer {flex-wrap:wrap;gap:12px}footer a {margin-left:0}
}
