:root{--bg: #f4f5f7;--surface: #ffffff;--border: #e2e4e9;--text: #1a1d24;--text-muted: #6b7280;--accent: #1d4ed8;--win: #16a34a;--draw: #d97706;--loss: #dc2626;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{font-weight:700;color:var(--text);margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.15rem;margin-top:0}h3{font-size:1rem}p{margin:.4rem 0}.app-shell{max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.app-header .subtitle{color:var(--text-muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.muted{color:var(--text-muted)}.error-text{color:var(--loss)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1rem 0}.stat-tile{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.stat-tile .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:.25rem}.stat-tile .value{font-size:1.4rem;font-weight:700}.form-pill-row{display:flex;gap:.4rem;margin:.5rem 0}.pill{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;font-weight:700;font-size:.8rem;color:#fff}.pill.win{background:var(--win)}.pill.draw{background:var(--draw)}.pill.loss{background:var(--loss)}.stat-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table.stat-table{border-collapse:collapse;width:100%;font-size:.85rem}table.stat-table th,table.stat-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left}table.stat-table thead th{background:var(--bg);color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.02em}table.stat-table tbody tr:nth-child(2n){background:#00000004}.insights-list{margin:.75rem 0 0;padding-left:1.2rem}.small{font-size:.8rem}.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.tab{font:inherit;padding:.4rem .9rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);cursor:pointer}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip{display:inline-block;padding:.05rem .55rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.78rem;white-space:nowrap}.page-tabs{border-bottom:1px solid var(--border);padding-bottom:.75rem}.page-tab.active{background:var(--text);border-color:var(--text)}.lu-row{display:grid;grid-template-columns:minmax(7rem,11rem) 1fr;gap:.75rem;padding:.55rem 0;border-top:1px solid var(--border);align-items:start}.lu-label{font-weight:600;overflow-wrap:anywhere}.lu-sub{margin-top:.25rem}.winbar{display:grid;grid-template-columns:1fr 3rem;gap:.15rem .6rem;align-items:center}.winbar.faded{opacity:.55}.winbar-track{height:.7rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}.winbar-fill{height:100%;border-radius:999px}.winbar-fill.accent{background:var(--accent)}.winbar-fill.muted{background:var(--text-muted)}.winbar-num{font-weight:700;text-align:right}.winbar-meta{grid-column:1 / -1}.chip-warn{margin-left:.4rem;color:var(--draw);border-color:var(--draw)}@media (max-width: 560px){.lu-row{grid-template-columns:1fr;gap:.25rem}}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;align-items:start}.boards-grid .card{margin:0}.board h3{margin-bottom:.15rem}.board-list{list-style:none;padding:0;margin:.6rem 0 0}.board-list li{display:grid;grid-template-columns:1.5rem 1fr auto;gap:0 .5rem;align-items:baseline;padding:.4rem 0;border-top:1px solid var(--border)}.board-list li.first .board-name,.board-list li.first .board-value{color:var(--accent);font-weight:700}.board-rank{color:var(--text-muted);font-weight:700}.board-name{overflow-wrap:anywhere}.board-value{font-weight:600;font-variant-numeric:tabular-nums}.board-n{grid-column:2 / -1}.app-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.78rem;line-height:1.5}.app-footer p{margin:.25rem 0}
