/* WRM-2 /meta/: page-only components; shared colors, fonts, buttons and controls from UI kit. */
.wrm2-meta{min-width:0}
.wrm2-meta-updated{color:var(--wrm2-muted);font-size:10px;font-weight:800;letter-spacing:.06em}
.wrm2-meta-select{min-width:122px;flex:0 1 145px;position:relative}
.wrm2-meta-date-control{min-width:122px;flex:0 1 145px}
.wrm2-meta-date-control .wrm2-meta-date-field input{box-sizing:border-box;min-width:0;width:100%;border:1px solid var(--wrm2-line-strong);border-radius:0;background:var(--wrm2-canvas2);color:var(--wrm2-text);padding:0 35px 0 11px;font:900 11px/1.2 var(--wrm2-font);letter-spacing:.07em}
.wrm2-meta-date-control .wrm2-meta-date-field input:hover,.wrm2-meta-date-control .wrm2-meta-date-field input:focus-visible{border-color:var(--wrm2-mint);outline:1px solid var(--wrm2-mint);outline-offset:1px}
.wrm2-meta-date-control .wrm2-meta-date-field input:disabled{cursor:not-allowed;opacity:.55}
.wrm2-meta-compare-only[hidden]{display:none}
.wrm2-meta-switch{display:flex;align-items:center;height:38px;gap:8px;cursor:pointer;color:var(--wrm2-text);white-space:nowrap;font:900 11px/1.2 var(--wrm2-font);letter-spacing:.07em}
.wrm2-meta-switch input{position:absolute;width:1px;height:1px;opacity:0}
.wrm2-meta-switch-track{position:relative;display:inline-block;width:38px;height:21px;background:var(--wrm2-panel2);border:1px solid var(--wrm2-line-strong);transition:background .18s}
.wrm2-meta-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:var(--wrm2-muted);transition:transform .18s}
.wrm2-meta-switch input:checked+.wrm2-meta-switch-track{background:#0a281b;border-color:var(--wrm2-mint)}
.wrm2-meta-switch input:checked+.wrm2-meta-switch-track:after{transform:translateX(17px);background:var(--wrm2-mint)}
.wrm2-meta-switch input:focus-visible+.wrm2-meta-switch-track{outline:2px solid var(--wrm2-mint);outline-offset:2px}
.wrm2-meta-snapshot-status{margin-left:auto;min-width:0;color:var(--wrm2-mint);font-size:10px;text-align:right;line-height:1.4}
.wrm2-meta-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.wrm2-meta-context>div:first-child{flex:1 1 420px;min-width:0}
.wrm2-meta-context #wrm2-meta-count{font-size:10px;color:var(--wrm2-muted)}
.wrm2-meta-results{display:grid;gap:0;min-width:0;border:1px solid var(--wrm2-line-strong);background:var(--wrm2-panel);margin-bottom:30px}
.wrm2-meta-tier-section{--tier-color:var(--wrm2-mint);display:grid;grid-template-columns:128px minmax(0,1fr);min-width:0;border-bottom:1px solid var(--wrm2-line)}
.wrm2-meta-tier-section:last-child{border-bottom:0}
.wrm2-meta-tier-section--sp{--tier-color:#1cdeff}.wrm2-meta-tier-section--s{--tier-color:#ff1c5c}.wrm2-meta-tier-section--a{--tier-color:#ffaa38}.wrm2-meta-tier-section--b{--tier-color:#2bff65}
.wrm2-meta-tier-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,color-mix(in srgb,var(--tier-color) 23%,var(--wrm2-canvas)),color-mix(in srgb,var(--tier-color) 7%,var(--wrm2-canvas)));border-left:5px solid var(--tier-color);border-right:1px solid var(--wrm2-line);padding:15px 5px;min-width:0}
.wrm2-meta-tier-head img{width:43px;height:43px;object-fit:contain}
.wrm2-meta-tier-head strong{font:900 14px/1 var(--wrm2-font)}
.wrm2-meta-tier-head small{color:var(--wrm2-muted);font-size:10px;text-align:center}
.wrm2-meta-tier-main{min-width:0;padding:12px}
.wrm2-meta-champions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.wrm2-meta-card{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:49px;border:1px solid var(--wrm2-line-strong);color:var(--wrm2-text);background:var(--wrm2-panel);text-decoration:none;padding:3px}
.wrm2-meta-card:hover,.wrm2-meta-card:focus-visible{border-color:var(--wrm2-mint)}
.wrm2-meta-card>img{width:43px;height:43px;object-fit:cover;background:var(--wrm2-panel2)}
.wrm2-meta-card-body{min-width:0;display:grid;gap:3px}
.wrm2-meta-card strong{font:var(--wrm2-champion-link-type);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wrm2-meta-card .wrm2-meta-trend{font-size:9px;font-weight:800}
.wrm2-meta-trend--up{color:var(--wrm2-mint)}.wrm2-meta-trend--down{color:var(--wrm2-red)}.wrm2-meta-trend--same{color:var(--wrm2-muted)}.wrm2-meta-trend--new{color:var(--wrm2-cyan)}
.wrm2-meta-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.wrm2-meta-compare-col{min-width:0;display:grid;align-content:start;gap:7px}
.wrm2-meta-compare-col>strong{color:var(--wrm2-muted);font-size:10px;border-bottom:1px solid var(--wrm2-line);padding-bottom:7px}
.wrm2-meta-compare-col .wrm2-meta-champions{grid-template-columns:repeat(4,minmax(0,1fr))}
.wrm2-meta-empty{margin:0;color:var(--wrm2-muted);font-size:11px;padding:14px}

.wrm2-meta-error{border:1px solid var(--wrm2-red);padding:15px;color:var(--wrm2-text)}
/* Metagame filters share the same menu typography, hover and focus behavior as the language picker. */

.wrm2-meta-date-field{position:relative;display:flex;align-items:center;height:38px}
.wrm2-meta-date-field input{height:38px;padding-right:35px;color-scheme:dark}
.wrm2-meta-date-field img{position:absolute;right:12px;top:10px;width:18px;height:18px;pointer-events:none}
.wrm2-meta-date-field input::-webkit-calendar-picker-indicator{position:absolute;right:7px;width:27px;opacity:0;cursor:pointer}
/* Previous snapshots are historical and intentionally grayscale; no extra filters. */
.wrm2-meta-card--previous>img{filter:grayscale(100%)}
/* GGLYTICS-style floating champion overview. Body-level position prevents clipping. */
.wrm2-meta-hover-tooltip{position:fixed;z-index:1200;width:min(380px,calc(100vw - 20px));overflow:hidden;pointer-events:auto}
.wrm2-meta-hover-tooltip[hidden]{display:none}
.wrm2-meta-tooltip-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--wrm2-line);background:linear-gradient(90deg,#1cfb8c0e,transparent)}
.wrm2-meta-tooltip-head>img{width:64px;height:64px;border:1px solid var(--wrm2-line-strong);object-fit:cover}
.wrm2-meta-tooltip-head>div:nth-child(2){display:grid;gap:3px;min-width:0}
.wrm2-meta-tooltip-head strong{font:900 16px/1.2 var(--wrm2-display)}
.wrm2-meta-tooltip-head small{color:var(--wrm2-muted);font-size:11px}
.wrm2-meta-tooltip-classes{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wrm2-meta-tooltip-class{display:inline-flex;align-items:center;gap:4px;color:var(--wrm2-muted);font-size:10px;text-transform:uppercase}
.wrm2-meta-tooltip-class img{width:13px;height:13px;object-fit:contain;filter:brightness(0) saturate(100%) invert(74%) sepia(63%) saturate(548%) hue-rotate(92deg)}
.wrm2-meta-tooltip-tier{display:grid;justify-items:center;gap:3px}
.wrm2-meta-tooltip-tier img{width:34px;height:34px;object-fit:contain}
.wrm2-meta-tooltip-tier-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.wrm2-meta-tooltip-tier b{font-size:11px}
.wrm2-meta-tooltip-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--wrm2-line)}
.wrm2-meta-tooltip-stats>span{display:grid;gap:4px;padding:12px 8px;border-right:1px solid var(--wrm2-line)}
.wrm2-meta-tooltip-stats>span:last-child{border-right:0}
.wrm2-meta-tooltip-stats small{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--wrm2-muted);font-size:10px;letter-spacing:.08em}
.wrm2-meta-tooltip-stats b{font:900 15px/1.2 var(--wrm2-display)}
.wrm2-meta-tooltip-foot{padding:11px 13px;color:var(--wrm2-muted);text-align:center;font-size:10px;letter-spacing:.07em}
.wrm2-meta-tooltip-actions{display:flex;gap:8px;padding:0 12px 12px}
.wrm2-meta-tooltip-actions a{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-height:38px;padding:0 12px;border:1px solid var(--wrm2-line-strong);background:var(--wrm2-panel2);color:var(--wrm2-text);font-size:10px;font-weight:900;letter-spacing:.08em;text-decoration:none}
.wrm2-meta-tooltip-actions a:hover{border-color:var(--wrm2-mint);background:rgb(28 251 140 / .08)}
.wrm2-meta-membership{margin:0 0 30px;min-height:270px}
.wrm2-meta-membership .wrm2-membership-art img{max-height:320px}

@media(max-width:1200px){.wrm2-meta-compare-col .wrm2-meta-champions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){.wrm2-meta-champions{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:850px){.wrm2-meta-membership .wrm2-membership-art img{max-height:240px}.wrm2-meta-tier-section{grid-template-columns:78px minmax(0,1fr)}.wrm2-meta-tier-head img{width:34px;height:34px}.wrm2-meta-tier-main{padding:8px}.wrm2-meta-champions{grid-template-columns:repeat(4,minmax(0,1fr))}.wrm2-meta-compare-col .wrm2-meta-champions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrm2-meta-date-control{flex:1 1 115px;min-width:0}.wrm2-meta-membership{gap:0}.wrm2-meta-membership .wrm2-membership-art img{max-height:160px}.wrm2-meta-select{flex:1 1 115px}.wrm2-meta-switch{margin-left:auto}.wrm2-meta-tier-section{grid-template-columns:60px minmax(0,1fr)}.wrm2-meta-tier-head img{width:30px;height:30px}.wrm2-meta-tier-head small{font-size:9px}.wrm2-meta-compare-grid{grid-template-columns:1fr}.wrm2-meta-compare-col .wrm2-meta-champions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrm2-meta-card{grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px;padding:3px;min-height:0}.wrm2-meta-card>img{width:min(43px,100%);height:auto;aspect-ratio:1}.wrm2-meta-card-body{width:100%;text-align:center}}
@media(max-width:360px){.wrm2-meta-compare-col .wrm2-meta-champions{grid-template-columns:1fr}}

.wrm2-meta-tier-explain{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wrm2-meta-tier-explain p{display:flex;align-items:center;gap:10px;border:1px solid var(--wrm2-line);padding:10px;margin:0;background:var(--wrm2-panel)}
.wrm2-meta-tier-explain img{width:29px;height:29px;object-fit:contain;flex:0 0 29px}
@media(max-width:620px){.wrm2-meta-tier-explain{grid-template-columns:1fr}}

@media(max-width:420px){.wrm2-meta-tooltip-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wrm2-meta-tooltip-stats>span:nth-child(2n){border-right:0}.wrm2-meta-tooltip-stats>span:nth-child(-n+2){border-bottom:1px solid var(--wrm2-line)}}
@media(max-width:750px){.wrm2-meta-hover-tooltip.is-touch{right:10px;bottom:14px;left:10px!important;top:auto!important;width:auto;max-height:calc(100vh - 28px);overflow:auto;box-shadow:0 22px 60px #000c}.wrm2-meta-hover-tooltip.is-touch .wrm2-meta-tooltip-head{grid-template-columns:56px minmax(0,1fr) auto}.wrm2-meta-hover-tooltip.is-touch .wrm2-meta-tooltip-head>img{width:56px;height:56px}.wrm2-meta-hover-tooltip.is-touch .wrm2-meta-tooltip-stats span{padding:12px 10px}.wrm2-meta-hover-tooltip.is-touch .wrm2-meta-tooltip-foot{text-align:left}}