:root{--bg: #0f0f0f;--panel: #383838;--highlight: #a0a0a0;--accent: #f5a219;--bg-elev: #1a1a1a;--panel-elev: #4a4a4a;--border-soft: #1f1f1f;--border: #2a2a2a;--border-panel: #4a4a4a;--text: #f0f0f0;--text-muted: #a0a0a0;--text-dim: #707070;--accent-hover: #ffb84d;--accent-dim: #8a5a14;--positive: #4ade80;--negative: #f87171;--destructive: #7e232a;--destructive-h: #a23139;--role-duelist: #ec7561;--role-initiator: #5eb6e8;--role-controller: #c97cd1;--role-sentinel: #ad8ef5;--role-unknown: #9ca3af}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11";line-height:1.5}.num,.tabular{font-variant-numeric:tabular-nums}.nav-link{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--text-muted);text-decoration:none;padding:4px 2px;transition:color .15s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--accent);outline:none}.pill-btn{padding:5px 11px;background:transparent;border:1px solid var(--border-panel);border-radius:3px;font-size:11px;color:var(--text-muted);cursor:pointer;font-family:inherit;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.pill-btn:hover{border-color:var(--highlight);color:var(--text)}.pill-btn.active,.pill-btn.primary{background:var(--accent);border-color:var(--accent);color:#0f0f0f;font-weight:600}.pill-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pill-btn.advisory{background:#ad8ef521;border-color:#ad8ef580;color:var(--role-sentinel);font-weight:600}.pill-btn.advisory:hover{background:#ad8ef538;border-color:var(--role-sentinel)}.pill-btn.advisory.solid{background:var(--role-sentinel);color:#0f0f0f;border-color:var(--role-sentinel)}.pill-btn.advisory.solid:hover{background:#c4a8ff;border-color:#c4a8ff}.pill-btn.destructive{background:#7e232a2e;border-color:var(--destructive);color:#e89aa0;font-weight:600}.pill-btn.destructive:hover{background:var(--destructive);border-color:var(--destructive-h);color:var(--text)}.pill-btn.num{font-variant-numeric:tabular-nums}.pill-btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border-panel);border-radius:6px;padding:18px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-panel);gap:10px}.card-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text);font-weight:700}.card-meta{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.comp-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.slot{aspect-ratio:1;background:var(--bg-elev);border:1px solid var(--border-panel);border-radius:4px;overflow:hidden;position:relative;cursor:pointer;transition:border-color .12s}.slot.empty{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:22px;font-weight:300;cursor:default}.slot.filled{border-color:var(--accent)}.slot.filled:hover{border-color:var(--accent-hover)}.slot img{width:100%;height:100%;object-fit:cover;display:block}.slot .role-bar{position:absolute;bottom:0;left:0;right:0;height:3px}.slot .slot-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0f0f0fd9;color:var(--text);font-size:10px;display:none;align-items:center;justify-content:center;cursor:pointer;border:none;font-family:inherit}.slot.filled:hover .slot-remove{display:flex}.slot .slot-num{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums}.css-display{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-top:1px solid var(--border-panel);border-bottom:1px solid var(--border-panel);margin-bottom:12px}.css-num{font-size:36px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.css-num.neg{color:var(--negative)}.css-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.css-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.comp-actions{display:grid;gap:6px}.comp-actions .pill-btn{padding:8px;text-align:center}.agent-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.agent-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;padding:8px 6px;text-align:center;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;font-family:inherit}.agent-card:hover{border-color:var(--highlight);transform:translateY(-1px)}.agent-card.suggested{border:1px dashed var(--accent)}.agent-card.selected{border-color:var(--accent);background:var(--panel)}.agent-card.selected:after{content:"✓";position:absolute;top:4px;right:6px;color:var(--accent);font-size:10px;font-weight:700}.agent-card.star{border-color:var(--accent);border-width:2px}.agent-card.star:before{content:"★";position:absolute;top:4px;left:6px;color:var(--accent);font-size:11px}.agent-card.disabled{opacity:.35;cursor:not-allowed}.agent-card .name{font-size:11px;color:var(--text);margin-top:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card .delta{font-size:10px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums}.agent-card .delta.pos{color:var(--positive)}.agent-card .delta.neg{color:var(--negative)}.agent-card-icon{width:44px;height:44px;margin:0 auto;border-radius:4px;overflow:hidden}.agent-card-icon img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 480px){.agent-card-icon{width:32px;height:32px}}.agent-card .h2h-mark{position:absolute;bottom:4px;left:6px;font-size:7px;font-weight:700;letter-spacing:.06em}.filter-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:600;white-space:nowrap}.matrix-wrap{background:var(--panel);border:1px solid var(--border-panel);border-radius:6px;padding:14px;overflow-x:auto}.matrix-large{display:grid;gap:1px;background:var(--border);width:fit-content}.matrix-cell{background:var(--panel);display:flex;align-items:center;justify-content:center;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;cursor:pointer;position:relative;color:var(--text)}.matrix-cell:hover{outline:1px solid var(--accent);outline-offset:-1px;z-index:5}.matrix-cell.diag{background:var(--bg-elev);color:var(--text-dim);cursor:default}.matrix-cell.diag:hover{outline:none}.matrix-cell.no-data{color:var(--text-dim);background:var(--bg-elev)}.matrix-cell.pos-strong{background:#4ade804d;color:var(--positive);font-weight:700}.matrix-cell.pos-mid{background:#4ade8029;color:#9beba8}.matrix-cell.pos-weak{background:#4ade800f}.matrix-cell.neg-weak{background:#f871710f}.matrix-cell.neg-mid{background:#f8717129;color:#f5a7a7}.matrix-cell.neg-strong{background:#f871714d;color:var(--negative);font-weight:700}.matrix-cell.below-min{opacity:.55}.matrix-cell.below-min span{display:none}.matrix-header-col,.matrix-header-row{background:var(--panel);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s}.matrix-header-col img,.matrix-header-row img{width:30px;height:30px;border-radius:3px;display:block}.matrix-header-col.highlighted,.matrix-header-row.highlighted{background:var(--panel-elev)}.syn-label-pill{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:3px 7px;border-radius:2px;font-weight:700;white-space:nowrap;text-align:center}.syn-label-pill.syn-elite{background:var(--positive);color:#0f0f0f}.syn-label-pill.syn-strong{background:#4ade802e;color:var(--positive)}.syn-label-pill.syn-avg{background:var(--bg-elev);color:var(--text-muted)}.syn-label-pill.syn-weak{background:#f871711a;color:#f5a7a7}.syn-label-pill.syn-poor{background:#f8717138;color:var(--negative)}.pair-row{display:grid;grid-template-columns:28px 60px 1fr 80px 64px 78px 16px;gap:12px;padding:10px 14px;border-radius:4px;cursor:pointer;align-items:center;border-left:2px solid transparent;transition:background .12s,border-color .12s}.pair-row:hover{background:var(--bg-elev)}.pair-row.expanded{background:var(--bg-elev);border-left-color:var(--accent);border-radius:4px 4px 0 0}.pair-row .rank{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.pair-row .icons{display:flex;gap:4px}.pair-icon-tile{width:26px;height:26px;border-radius:3px;overflow:hidden;border:1px solid var(--border-panel);background:var(--bg-elev);position:relative;flex-shrink:0}.pair-icon-tile img{width:100%;height:100%;object-fit:cover;display:block}.pair-icon-tile .role-bar{position:absolute;bottom:0;left:0;right:0;height:2px}.pair-row .pair-name{font-size:13px;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-row .sample{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}.pair-row .syn-num{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.pair-row .syn-num.pos{color:var(--positive)}.pair-row .syn-num.neg{color:var(--negative)}.pair-row .chevron{font-size:11px;color:var(--text-dim);text-align:center;transition:transform .15s}.pair-row.expanded .chevron{transform:rotate(90deg);color:var(--accent)}.pair-expanded-detail{background:var(--bg-elev);border-left:2px solid var(--accent);padding:16px 18px 18px;margin-bottom:8px;border-radius:0 0 4px 4px}.pair-expanded-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:4px}.popup-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-bottom:8px}.sparkline-card{background:var(--bg-elev);border-radius:4px;padding:8px 10px}.sparkline-svg{display:block;width:100%;height:50px}.sparkline-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:4px;padding:0 2px}.map-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.map-fit-card{background:var(--bg-elev);border:1px solid var(--border-panel);border-radius:4px;padding:10px 12px;display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;cursor:pointer;transition:border-color .12s,background .12s}.map-fit-card:hover,.map-fit-card.best{border-color:var(--accent)}.map-fit-card.expanded{border-color:var(--accent);background:var(--panel)}.map-fit-card .map-fit-rank{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:700}.map-fit-card .map-fit-name{font-size:13px;font-weight:500}.map-fit-card .map-fit-css{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.map-fit-css.pos{color:var(--positive)}.map-fit-css.neg{color:var(--negative)}.map-fit-css.elite{color:var(--accent)}.team-row{display:grid;grid-template-columns:22px 1fr 240px 70px 18px;gap:12px;align-items:center;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--border-panel);border-radius:4px;cursor:pointer;transition:border-color .12s}.team-row:hover{border-color:var(--accent)}.team-row .team-rank{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.team-row .team-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.team-row .team-meta{font-size:10px;color:var(--text-muted);margin-top:2px;font-variant-numeric:tabular-nums}.team-row .team-icons{display:flex;gap:3px;justify-content:flex-end}.team-row .team-icons img{width:22px;height:22px;border-radius:2px;background:var(--panel)}.team-row .team-icons img.dim{opacity:.25;filter:grayscale(1)}.team-row .team-sim{text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.team-tier{font-size:9px;padding:1px 5px;border-radius:2px;background:var(--panel);color:var(--text-muted);letter-spacing:.06em;font-weight:700}.matrix-large>.matrix-cell.diag:first-child,.matrix-large>.matrix-header-row{position:sticky;left:0;z-index:7;box-shadow:1px 0 0 var(--border-panel)}.matrix-large>.matrix-cell.diag:first-child{z-index:8}.matrix-cell.highlighted-row,.matrix-cell.highlighted-col{background-color:color-mix(in srgb,var(--panel-elev) 40%,currentColor 0%)}.matrix-cell.highlighted-cell{outline:2px solid var(--accent);outline-offset:-2px;z-index:6}.matrix-cell.dimmed{opacity:.3}.map-bar-row{position:relative;display:grid;grid-template-columns:80px 1fr 64px;align-items:center;gap:10px;padding:5px 10px;border-radius:4px;background:var(--bg-elev);border:1px solid var(--border-panel);cursor:default;transition:border-color .12s}.map-bar-row:hover{border-color:var(--accent)}.map-bar-row[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--accent);border-radius:4px;padding:5px 10px;font-size:10px;color:var(--text);white-space:nowrap;pointer-events:none;z-index:10;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #0009}.map-bar-row .map-bar-track{height:6px;background:var(--border-panel);border-radius:3px;overflow:hidden;position:relative}.map-bar-row .map-bar-fill{position:absolute;height:100%;border-radius:3px}