:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0c1017;color:#edf0f6;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}header{height:86px;border-bottom:1px solid #28303e;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);background:#101620}.brand{display:flex;align-items:center;gap:14px;font-weight:750;letter-spacing:.13em;text-decoration:none}.mark{border:1px solid #b79a63;color:#edc779;padding:10px 7px;border-radius:5px;font-size:14px;letter-spacing:-1px}.source{font-size:14px;color:#b8c2d0;text-underline-offset:5px}main{max-width:1440px;padding:42px max(5vw,20px);margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{color:#edc779;font-size:12px;letter-spacing:.18em;font-weight:700;margin:0 0 8px}h1{font-size:44px;letter-spacing:-.04em;margin:0;font-weight:650}#status{font-size:14px;color:#aab6c8;max-width:350px;line-height:1.5;text-align:right}.controls{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #30394a;margin-bottom:28px}nav{display:flex;gap:26px}nav a{display:block;text-decoration:none;padding:17px 0;color:#aab6c8;border-bottom:3px solid transparent;font-weight:600;font-size:15px}nav a[aria-current=page]{color:#edc779;border-color:#edc779}label{font-size:14px;color:#aab6c8;white-space:nowrap}select{font:inherit;color:#eef2fa;background:#19212e;border:1px solid #354154;padding:10px;margin:0 0 10px 10px;border-radius:6px}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:18px}.section-label h2{font-size:18px;font-weight:600;margin:0}.section-label span{font-size:14px;color:#91a0b6}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:#151d29;border:1px solid #2b3545;border-radius:10px;overflow:hidden}.portrait{height:170px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at bottom,#303d50,#192230 70%);position:relative}.portrait img{height:155px;width:90%;object-fit:contain;filter:none}.rank{position:absolute;left:14px;top:12px;color:#a1aec1;font-size:12px}.card-body{padding:18px}h3{font-size:21px;margin:0 0 20px;letter-spacing:-.02em}.metric{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px;font-size:14px;color:#aab6c8}.metric strong{font-size:19px;font-variant-numeric:tabular-nums;color:#edf0f6;font-weight:600}.metric .win{color:#e8c580}.bar{height:4px;background:#2a3546;margin-top:9px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#caa666}.bar.play i{background:#769cc5}.metric.matches{padding-top:6px;margin-top:14px}.metric.matches strong{font-size:16px}footer{font-size:13px;color:#92a0b4;line-height:1.6;border-top:1px solid #28303e;padding-top:22px;margin-top:32px}a:focus-visible,select:focus-visible{outline:2px solid #edc779;outline-offset:4px}@media(min-width:1450px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{align-items:start;flex-direction:column;gap:14px}nav{width:100%}}@media(max-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{display:block}#status{text-align:left}h1{font-size:36px}main{padding-top:28px}.portrait{height:145px}.portrait img{height:130px}nav{gap:20px;flex-wrap:wrap}nav a{font-size:14px}.card-body{padding:14px}h3{font-size:19px}}@media(max-width:400px){.cards{grid-template-columns:1fr}.source{max-width:100px;text-align:right}.portrait{height:180px}.portrait img{height:170px}}
.view-nav{margin-bottom:30px;gap:8px}.view-nav a{padding:9px 20px;border:1px solid #354154;border-radius:6px}.view-nav a[aria-current=page]{background:#273144;border-color:#edc779}.text-rank{display:block;color:#91a0b6;font-size:12px;margin-bottom:12px}.card-body h3{overflow-wrap:anywhere}.card-art{height:210px}.card-art img{height:195px}
.sort-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.controls{flex-wrap:wrap}.sort-controls label[hidden]{display:none}
.perk-list{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:12px}.perk-list li{display:grid;gap:4px;font-size:14px;line-height:1.4}.perk-tier{font-size:12px;color:#9eabc0}.view-nav{flex-wrap:wrap}
.perk-list li{display:flex;align-items:center;gap:12px;min-height:48px}.perk-icon{width:48px;height:48px;object-fit:contain;flex:none}.perk-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.perk-icon{border-radius:50%}
.perk-icon{clip-path:circle(38% at 50% 50%)}
.perk-placeholder{width:48px;height:48px;flex:none;display:grid;place-items:center;position:relative;color:#98a6bb;font-size:22px;line-height:1;isolation:isolate}.perk-placeholder::before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:#222d3c;border:1px dashed #64748b;z-index:-1}
.extra-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:24px}.extra-controls [hidden]{display:none}.check-label{display:flex;align-items:center;gap:9px}.extra-controls input[type=search]{font:inherit;background:#19212e;color:#eef2fa;border:1px solid #354154;padding:10px;border-radius:6px;max-width:100%}.extra-controls input[type=checkbox]{width:18px;height:18px;accent-color:#edc779}.extra-controls select{margin-bottom:0}.metric:has(.sample-size){flex-wrap:wrap}.sample-size{display:block;color:#9eabc0;font-size:12px;font-weight:400}.metric .sample-size{width:100%;text-align:right;margin-top:-6px}.alt-label{color:#edc779;font-weight:700}.table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table caption{text-align:left;padding:0 0 14px;color:#aab6c8}.stats-table th,.stats-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #30394a;vertical-align:middle}.stats-table thead{background:#192230}.stats-table tbody tr:hover{background:#192230}.stats-table small{display:block;margin-top:5px}.table-name{min-width:190px}.table-name img{object-fit:contain;vertical-align:middle;margin-right:12px}.empty-state{color:#aab6c8;grid-column:1/-1}
.patch-picker{display:flex;align-items:center;gap:8px;margin-bottom:18px;width:max-content}.patch-picker select{margin:0}

.comparison-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.comparison-controls select{margin:0}.comparison-note{flex-basis:100%;margin:0;color:#aab6c8;font-size:13px;line-height:1.6}.comparison-controls [hidden]{display:none}.metric:has(.comparison-change){flex-wrap:wrap}.comparison-change{display:block;font-size:12px;color:#9eabc0;font-weight:400}.metric .comparison-change{flex-basis:100%;text-align:right}.comparison-change.increase{color:#80d5b2}.comparison-change.decrease{color:#f2a49d}