:root{--color-bg: #f4f6fb;--color-bg-soft: #ffffff;--color-text: #2b3445;--color-text-muted: #76819a;--color-accent: #3a86d4;--color-accent-2: #2f74bd;--color-border: #dce1ec;--color-track: #eef1f7;--font-heading: "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme: dark){:root{--color-bg: #1b1f29;--color-bg-soft: #252b38;--color-text: #e6eaf2;--color-text-muted: #93a0bb;--color-accent: #5aa2e6;--color-accent-2: #7cb6ee;--color-border: #38414f;--color-track: #2e3645}}*,*:before,*:after{box-sizing:border-box}.hidden{display:none!important}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6}.site-header{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 1px 3px #141e370d;flex-shrink:0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.6rem}.brand .glyph{font-size:1.4rem;line-height:1}.site-header h1{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--color-text)}.site-nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.nav-link{font-size:.74rem;font-weight:600;padding:.28rem .7rem;text-decoration:none;border-radius:999px;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);transition:color .12s,border-color .12s,background .12s}.nav-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.nav-link.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.tagline{margin-left:auto;font-size:.72rem;color:var(--color-text-muted)}.page-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1.5rem 1rem 2.5rem}.page-intro{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1.25rem}.card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 4px #141e3714;padding:1.1rem 1.25rem;margin-bottom:1.5rem}.card h2{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin:0 0 .9rem;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.5rem}.card h2 .accent{color:var(--color-accent);font-variant-numeric:tabular-nums}.card h2 .h2-sub{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--color-text-muted)}.btn{border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-soft);color:var(--color-text);font-family:var(--font-body);font-weight:600;font-size:.85rem;padding:.5rem 1rem;cursor:pointer;box-shadow:0 1px 2px #141e3714;transition:background .12s,border-color .12s,transform .05s}.btn:hover{border-color:var(--color-accent);background:var(--color-bg)}.btn:active{transform:translateY(1px);box-shadow:none}.btn--accent{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 2px 6px #3a86d459}.btn--accent:hover{background:var(--color-accent-2)}.btn--sm{font-size:.74rem;padding:.3rem .7rem}.btn:disabled,.btn[disabled]{opacity:.45;box-shadow:none;cursor:not-allowed}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem}.tile{border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);padding:.75rem .9rem}.tile .tile-value{font-size:1.5rem;font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1.1}.tile .tile-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:.2rem}.summary{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem;margin-bottom:1rem}.summary b{color:var(--color-accent);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.5rem .6rem;text-align:left;white-space:nowrap}thead th{border-bottom:1px solid var(--color-border);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700}tbody tr+tr td{border-top:1px solid var(--color-track)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th.name,td.name{width:100%;text-align:left}.elo{font-weight:800;color:var(--color-accent)}.rank{font-weight:800;width:2.4rem}.band{font-size:.7rem;border:1px solid var(--color-border);padding:.08rem .5rem;border-radius:999px;color:var(--color-text-muted)}.bars{display:grid;grid-template-columns:8rem 1fr 3rem;gap:.45rem .8rem;align-items:center}.bars .lbl{font-size:.82rem}.bars .track{background:var(--color-track);height:.95rem;border-radius:999px;overflow:hidden}.bars .fill{display:block;height:100%;background:var(--color-accent);border-radius:999px;min-width:2px;transition:width .3s}.bars .cnt{text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.note{color:var(--color-text-muted);font-size:.8rem;margin-top:.85rem}.err{color:#d23b3b;font-size:.85rem}.site-footer{text-align:center;padding:.9rem;border-top:1px solid var(--color-border);font-size:.72rem;color:var(--color-text-muted);flex-shrink:0}.site-footer a,.note a{color:var(--color-accent);text-decoration:none}.site-footer code,.note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em;background:var(--color-track);padding:.05rem .35rem;border-radius:5px}