/* Stage 3.466 / Matchups. The heading, hero, lane bar, buttons, champion tiles,
   dropdown and dialog surfaces are shared WRM-2 components. Only matrix
   geometry and voting-specific states belong in this stylesheet. */
.wrm2-cc-champion-select{flex:1 1 220px;max-width:290px;min-width:165px}
.wrm2-cc-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;margin-bottom:30px}
[data-cc-mode="synergies"]{--wrm2-cc-level-4:var(--wrm2-mint);--wrm2-cc-level-3:var(--wrm2-cyan);--wrm2-cc-level-2:var(--wrm2-yellow);--wrm2-cc-level-1:var(--wrm2-red)}
.wrm2-cc-column{display:grid;align-content:start;gap:0px;min-width:0}
.wrm2-cc-column>.wrm2-cb-list-heading{align-items:center;gap:12px;min-height:75px}
.wrm2-cc-column .wrm2-cb-list-heading h2{font-size:clamp(18px,2vw,26px)}
.wrm2-cc-list{min-width:0}
/* Layout 03 / detailed four-row voting breakdown. Keep shared .wrm2-cb-card and .wrm2-btn. */
.wrm2-cmp-card{display:grid;align-content:start;gap:10px;min-width:0;min-height:0;padding:14px}
.wrm2-cmp-v3-header{display:flex;align-items:center;gap:13px;min-width:0}
.wrm2-cmp-avatar{display:block;flex:0 0 66px;width:66px;height:66px;overflow:hidden;border:1px solid var(--wrm2-line-strong);background:var(--wrm2-canvas2)}
.wrm2-cmp-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.wrm2-cmp-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.wrm2-cmp-identity strong{font:900 14px/1.25 var(--wrm2-font);letter-spacing:.035em;overflow-wrap:anywhere}
.wrm2-cmp-identity strong a{color:var(--wrm2-text);text-decoration:none}
.wrm2-cmp-identity strong a:hover{color:var(--wrm2-mint)}
.wrm2-cmp-total{font:900 10px/1.4 var(--wrm2-font);color:var(--wrm2-muted)}
.wrm2-cmp-result{--wrm2-cmp-result-color:var(--wrm2-muted);margin-left:auto;display:grid;justify-items:end;color:var(--wrm2-cmp-result-color);font:900 10px/1.2 var(--wrm2-font);white-space:nowrap}
.wrm2-cmp-result[data-level="4"]{--wrm2-cmp-result-color:var(--wrm2-cc-level-4,var(--wrm2-red))}
.wrm2-cmp-result[data-level="3"]{--wrm2-cmp-result-color:var(--wrm2-cc-level-3,var(--wrm2-yellow))}
.wrm2-cmp-result[data-level="2"]{--wrm2-cmp-result-color:var(--wrm2-cc-level-2,var(--wrm2-cyan))}
.wrm2-cmp-result[data-level="1"]{--wrm2-cmp-result-color:var(--wrm2-cc-level-1,var(--wrm2-mint))}
.wrm2-cmp-result b{font-size:22px;font-variant-numeric:tabular-nums}
.wrm2-cmp-v3-rows{display:grid;gap:6px;min-width:0}
.wrm2-cmp-level-row{--wrm2-cc-level:var(--wrm2-mint);display:grid;grid-template-columns:109px minmax(0,1fr) 37px;gap:11px;align-items:center;min-width:0}
.wrm2-cmp-level-row[data-lr="4"]{--wrm2-cc-level:var(--wrm2-cc-level-4,var(--wrm2-red))}
.wrm2-cmp-level-row[data-lr="3"]{--wrm2-cc-level:var(--wrm2-cc-level-3,var(--wrm2-yellow))}
.wrm2-cmp-level-row[data-lr="2"]{--wrm2-cc-level:var(--wrm2-cc-level-2,var(--wrm2-cyan))}
.wrm2-cmp-level-row[data-lr="1"]{--wrm2-cc-level:var(--wrm2-cc-level-1,var(--wrm2-mint))}
.wrm2-cmp-vote{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:27px;min-width:0;width:100%;padding:5px 9px;white-space:nowrap;font-size:10px;letter-spacing:0}
.wrm2-cmp-vote .wrm2-cmp-num{font:900 12px/1.2 var(--wrm2-font);color:inherit;font-variant-numeric:tabular-nums}
.wrm2-cmp-level-track{height:7px;min-width:0;overflow:hidden;background:var(--wrm2-line)}
.wrm2-cmp-level-track span{display:block;height:100%;background:var(--wrm2-cc-level)}
.wrm2-cmp-pct{font:900 10px/1.2 var(--wrm2-font);color:var(--wrm2-muted);text-align:right;font-variant-numeric:tabular-nums}
.wrm2-cc-votes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
.wrm2-cc-votes .wrm2-btn{box-sizing:border-box;width:100%;min-width:0;min-height:35px;padding:7px 4px;font-size:10px;letter-spacing:0}
.wrm2-cc-votes [data-level="4"]{--wrm2-cc-level:var(--wrm2-cc-level-4,var(--wrm2-red))}
.wrm2-cc-votes [data-level="3"]{--wrm2-cc-level:var(--wrm2-cc-level-3,var(--wrm2-yellow))}
.wrm2-cc-votes [data-level="2"]{--wrm2-cc-level:var(--wrm2-cc-level-2,var(--wrm2-cyan))}
.wrm2-cc-votes [data-level="1"]{--wrm2-cc-level:var(--wrm2-cc-level-1,var(--wrm2-mint))}
.wrm2-cc-votes .wrm2-btn[aria-pressed="true"],.wrm2-cmp-vote[aria-pressed="true"],.wrm2-cc-votes .wrm2-btn:hover:not(:disabled),.wrm2-cmp-vote:hover:not(:disabled),.wrm2-cc-votes .wrm2-btn:focus-visible,.wrm2-cmp-vote:focus-visible{border-color:var(--wrm2-cc-level)!important;color:var(--wrm2-cc-level)!important;background:color-mix(in srgb,var(--wrm2-cc-level) 12%,transparent)!important}
.wrm2-cc-empty{min-width:0;margin:0;padding:17px;border:1px solid var(--wrm2-line);background:var(--wrm2-panel);font:12px/1.65 var(--wrm2-font);color:var(--wrm2-muted)}
.wrm2-cc-dialog{width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 30px);overflow:auto;padding:20px}
.wrm2-cc-dialog::backdrop{background:#010606cc;backdrop-filter:blur(5px)}
.wrm2-cc-dialog .wrm2-search-header{margin-bottom:13px}
.wrm2-cc-dialog .wrm2-search-header h2{margin:5px 0 0}
.wrm2-cc-search{height:40px;gap:10px;padding:0 12px;margin-bottom:12px}
.wrm2-cc-search>img{width:18px;height:18px}
.wrm2-cc-search input[type=search]{width:100%;height:100%;min-width:0;background:none;border:0;outline:0;color:var(--wrm2-text);font:12px/1.3 var(--wrm2-font)}
.wrm2-cc-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px;max-height:min(300px,40dvh);overflow-y:auto;padding:4px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--wrm2-mint) var(--wrm2-panel)}
.wrm2-cc-picker-item{display:block;min-width:0;padding:0;cursor:pointer;color:var(--wrm2-text);text-align:left}
.wrm2-cc-picker-item .wrm2-champion-art{display:block;aspect-ratio:1}
.wrm2-cc-picker-item .wrm2-champion-art img{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:cover}
.wrm2-cc-picker-item .wrm2-champion-name{padding:5px 3px;font-size:9px}
.wrm2-cc-picker-item[aria-pressed="true"]{border-color:var(--wrm2-mint);background:#1cfb8c12}
.wrm2-cc-propose-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding-top:14px;border-top:1px solid var(--wrm2-line)}
.wrm2-cc-propose-rating{display:grid;gap:8px;min-width:0}
.wrm2-cc-propose-rating>.wrm2-kicker{margin:0}
.wrm2-cc-propose-rating .wrm2-cc-votes{grid-template-columns:repeat(4,minmax(0,1fr))}
.wrm2-cc-propose-form>.wrm2-btn{min-height:38px;white-space:nowrap}
@media(max-width:1000px){.wrm2-cc-columns{grid-template-columns:minmax(0,1fr)}.wrm2-cc-column>.wrm2-cb-list-heading{min-height:0}}
@media(max-width:620px){.wrm2-cc-toolbar .wrm2-meta-lanes{flex:1 1 100%;width:100%}.wrm2-cc-champion-select{flex:1 1 100%;max-width:none}.wrm2-cc-toolbar>[data-cc-add]{flex:1 1 calc(50% - 5px);font-size:10px;padding:0 5px}.wrm2-cc-dialog{padding:12px}.wrm2-cc-picker{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}.wrm2-cc-propose-form{grid-template-columns:minmax(0,1fr)}.wrm2-cc-propose-form>.wrm2-btn{width:100%}.wrm2-cc-column .wrm2-cb-list-heading{align-items:start}.wrm2-cmp-card{padding:10px}.wrm2-cmp-avatar{width:54px;height:54px;flex-basis:54px}.wrm2-cmp-v3-header{gap:8px}.wrm2-cmp-result b{font-size:18px}.wrm2-cmp-level-row{grid-template-columns:95px minmax(0,1fr) 30px;gap:7px}.wrm2-cmp-vote{font-size:9px;padding:5px 5px}.wrm2-cmp-vote .wrm2-cmp-num{font-size:11px}}

@media(max-width:345px){.wrm2-cmp-vote{gap:2px}.wrm2-cmp-vote-label{font-size:8px}}