:root{--up:#8FC48A;--down:#F07A55}
.meta-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.meta-head{background:linear-gradient(180deg,rgba(242,163,58,.06),transparent 70%),var(--onyx);border-bottom:1px solid var(--line)}
.meta-head .wrap{padding-block:28px 22px}
.meta-head .h-page{font-size:clamp(34px,4.6vw,56px)}
.meta-head .lede{max-width:70ch;font-size:16.5px}
.meta-strip{margin-top:14px;font-size:13px;color:var(--dim);line-height:1.6}
.meta-strip time{color:var(--muted)}
.m-stale{color:var(--gold)}
.meta-nav{position:sticky;top:var(--hdr);z-index:20;background:rgba(16,17,20,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.meta-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding-block:10px}
.meta-nav .seg a{flex:none;display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);font-weight:600;font-size:13.5px}
.meta-nav .seg a:hover,.meta-nav .seg a:focus-visible{color:var(--white);border-color:rgba(245,243,238,.32)}
.meta-filters{display:flex;gap:10px;flex-wrap:wrap}
.meta-filters label,.m-sel{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.meta-filters select,.m-sel select{height:34px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--carbon);color:var(--white);padding:0 28px 0 10px;font-size:13.5px;font-weight:600;letter-spacing:0;text-transform:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px;background-size:5px 5px;background-repeat:no-repeat}
.meta-filters select:disabled{opacity:.5}
.meta-filters select:focus-visible,.m-sel select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.meta-page [id^="m-"]{scroll-margin-top:calc(var(--hdr) + 70px)}
.m-sec-h{margin-bottom:16px}
.m-sec-h .sub{margin-top:6px;color:var(--muted);max-width:80ch}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.m-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.m-g{padding:16px 18px}
.m-g-b{display:flex;gap:12px;align-items:flex-start;margin-top:10px}
.m-g-b p{font-size:15px;line-height:1.5}
.m-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.m-card{padding:16px 18px}
.m-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.m-card-h h3{font-size:17px}
.m-card-h .link{font-size:13.5px;white-space:nowrap}
.meta-page .link{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(242,163,58,.35);text-underline-offset:3px}
.meta-page .link:hover{text-decoration-color:var(--gold)}
.m-note{font-size:13.5px;color:var(--muted);margin-bottom:10px}
.m-foot{font-size:12.5px;color:var(--dim);margin-top:10px;line-height:1.5}
.m-empty{color:var(--dim);font-size:14px;padding:6px 0}
.m-mini{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.m-mini li{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;border-bottom:1px solid var(--line)}
.m-mini li:last-child{border-bottom:0}
.m-mini li b{flex:1;min-width:0;font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-mini-v{font-weight:700;font-variant-numeric:tabular-nums}
.m-mini small{color:var(--dim);font-size:12.5px;min-width:76px;text-align:right}
.m-mini-h{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.m-movers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.m-hp{width:28px;height:38px;border-radius:4px;object-fit:cover;object-position:50% 14%;background:var(--carbon-3);flex:none}
.m-hp-x{display:inline-block}
.m-ii{width:28px;height:28px;border-radius:5px;object-fit:cover;background:var(--carbon-3);flex:none}
.m-ii-x{display:inline-block}
.m-chg{font-size:12.5px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}
.m-chg.up{color:var(--up)}.m-chg.down{color:var(--down)}
.m-chg.up-n,.m-chg.down-n{color:var(--muted)}
.m-tier{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:5px;font:900 16px/1 var(--display);color:#17120A;flex:none}
.t-S{background:var(--gold)}.t-A{background:#E7C77A}.t-B{background:#A9A397}.t-C{background:#7C786F;color:var(--white)}.t-D{background:#4B4A47;color:var(--white)}
.m-flag{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:4px;font-size:11.5px;font-weight:700;background:var(--carbon-3);color:var(--muted);white-space:nowrap}
.m-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0}
.m-stats div{min-width:0}
.m-stats dt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.m-stats dd{margin:3px 0 0;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.m-stats dd small{font-size:12.5px;font-weight:500;color:var(--dim)}
.m-stats dd .m-chg{margin-left:4px}
.m-stats-4{grid-template-columns:repeat(4,1fr)}
.m-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.m-bars li{display:grid;grid-template-columns:minmax(110px,1.2fr) 2fr 44px 72px;align-items:center;gap:10px;font-size:13.5px}
.m-bars li small{color:var(--dim);font-size:12px}
.m-bar{height:8px;border-radius:4px;background:var(--carbon-3);overflow:hidden}
.m-bar i{display:block;height:100%;background:var(--gold);border-radius:4px}
.m-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;margin-bottom:12px}
.m-search{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.m-search input{height:40px;width:min(320px,100%);border-radius:var(--r);border:1px solid var(--line-2);background:var(--carbon);padding:0 12px;font-size:14.5px;letter-spacing:0;text-transform:none;color:var(--white)}
.m-search input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.m-help{font-size:13px;color:var(--dim);max-width:62ch}
.m-help b{color:var(--muted)}
.m-tablewrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;background:var(--carbon)}
.m-table{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.m-table th,.m-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.m-table thead th{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);background:var(--carbon-2);position:sticky;top:0}
.m-table thead th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;min-height:32px}
.m-table thead th button:hover{color:var(--white)}
.m-table thead th[aria-sort] button{color:var(--gold)}
.m-table tbody tr:last-child>*{border-bottom:0}
.m-table .c-hero{display:flex;align-items:center;gap:10px;font-weight:600;border-bottom:0}
.m-table tbody tr>th.c-hero{border-bottom:1px solid var(--line)}
.m-table .c-duo .m-hp+.m-hp{margin-left:-14px;box-shadow:-2px 0 0 var(--carbon)}
.m-row.open>*{background:rgba(242,163,58,.05)}
.m-more{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);font-size:12.5px;font-weight:600;color:var(--muted)}
.m-more:hover,.m-more[aria-expanded="true"]{color:var(--white);border-color:rgba(245,243,238,.32)}
.m-detail-row>td{white-space:normal;background:rgba(242,163,58,.03)}
.m-detail{padding:8px 4px 6px}
.m-dgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.m-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.m-path>div{background:var(--carbon-2);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.m-path-h{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.m-path ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.m-path li{display:flex;align-items:center;gap:8px;font-size:13.5px}
.m-path li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.m-map{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:20px;align-items:start}
.m-map figure{margin:0}
.m-map img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);display:block}
.m-map figcaption{font-size:12.5px;color:var(--dim);margin-top:8px}
.m-map-t h3{font-size:19px}.m-map-t h3 small{font-size:13px;color:var(--dim);font-weight:500;margin-left:6px}
.m-map-t p{margin-top:8px;color:var(--muted)}
.m-map-thumb img{width:100%;max-width:300px;height:auto;border-radius:var(--r);border:1px solid var(--line);display:block}
.m-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.m-guide{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.m-guide b{color:var(--gold)}
.m-guide span{font-size:13.5px;color:var(--muted)}
.m-guide:hover{border-color:rgba(242,163,58,.4)}
.m-method{max-width:80ch;color:var(--muted)}
.m-method h3{color:var(--white);font-size:17px;margin:18px 0 6px}
.m-method ul{padding-left:18px;display:grid;gap:6px}
.m-method b{color:var(--white)}
@media (max-width:900px){
  .m-grid2,.m-dgrid{grid-template-columns:1fr}
  .m-map{grid-template-columns:1fr}
  .m-path{grid-template-columns:1fr 1fr}
  .m-stats-4{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .meta-nav{position:static}
  .meta-nav .wrap{flex-direction:column;align-items:stretch}
  .meta-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .meta-filters label{min-width:0;flex-direction:column;align-items:stretch;gap:4px}
  .meta-filters select{padding-right:22px;font-size:13px}
  .meta-filters select{width:100%}
  .m-movers{grid-template-columns:1fr}
  .m-table{font-size:14px}
  .m-table th,.m-table td{padding:8px 6px}
  .m-more{padding:0 8px;font-size:12px}
  .m-table .c-x{padding-left:2px;padding-right:6px}
  .m-table thead th{font-size:11px;letter-spacing:.03em}
  .m-table .c-tier,.m-table .c-pick,.m-table .c-m,.m-table .c-buy{display:none}
  .m-table .c-hero .m-hp{display:none}
  .m-path{grid-template-columns:1fr}
  .m-bars li{grid-template-columns:1fr 1.2fr 40px}
  .m-duo-pick>span{display:none}
  .m-bars li small,.m-bars li .m-chg{display:none}
}
/* tier list */
.m-tiers{display:grid;gap:8px}
.m-tier-row{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;background:var(--carbon);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.m-tier-lab{display:flex;justify-content:center}
.m-tier-lab .m-tier{width:44px;height:44px;font-size:26px;border-radius:7px}
.m-tier-lab .m-flag{white-space:normal;text-align:center;height:auto;padding:6px;line-height:1.2}
.m-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.m-chips li.dim{opacity:.28}
.m-chip{display:flex;flex-direction:column;align-items:center;gap:3px;width:78px;padding:6px 4px 7px;border-radius:var(--r-sm);border:1px solid transparent;transition:border-color .15s,background .15s}
.m-chip:hover,.m-chip:focus-visible{border-color:rgba(242,163,58,.5);background:var(--carbon-2)}
.m-chip img{width:56px;height:76px;object-fit:cover;object-position:50% 14%;border-radius:5px;background:var(--carbon-3)}
.m-chip b{font-size:12.5px;font-weight:600;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-chip small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
/* collapsible blocks */
.m-expand{border:1px solid var(--line);border-radius:var(--r);background:var(--carbon)}
.m-expand>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;font-weight:700;font-size:15.5px}
.m-expand>summary::-webkit-details-marker{display:none}
.m-expand>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .15s;margin-right:4px}
.m-expand[open]>summary::before{transform:rotate(45deg)}
.m-expand>summary small{font-weight:500;font-size:13px;color:var(--dim)}
.m-expand>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:var(--r)}
.m-expand-b{padding:0 12px 14px}
.m-expand .m-tablewrap{background:var(--onyx)}
/* ability order */
.m-ab{width:32px;height:32px;border-radius:6px;background:var(--carbon-3);object-fit:cover;flex:none}
.m-ab-x{display:inline-grid;place-items:center;font-weight:700;color:var(--muted)}
.m-ab-legend{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.m-ab-legend li{display:flex;align-items:center;gap:8px;font-size:13.5px}
.m-ab-legend .m-ab{width:26px;height:26px}
.m-order{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.m-order-h{display:flex;flex-direction:column}
.m-order-h b{font-size:16px;font-variant-numeric:tabular-nums}
.m-order-h small{font-size:12px;color:var(--dim)}
.m-order-seq{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,40px));gap:6px}
.m-order-seq li{display:flex;flex-direction:column;align-items:center;gap:3px}
.m-pt{font-size:11px;font-weight:700;color:var(--dim);font-variant-numeric:tabular-nums}
/* lane duos */
.m-sub-h{font-size:17px;margin-bottom:10px}
.m-duo-top{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.m-duo-top li{position:relative;padding:14px;display:flex;flex-direction:column;gap:8px}
.m-rank{position:absolute;top:10px;right:12px;font:900 22px/1 var(--display);color:var(--gold)}
.m-duo-faces{display:flex}
.m-duo-faces .m-hp{width:40px;height:54px}
.m-duo-faces .m-hp+.m-hp{margin-left:-10px;box-shadow:-2px 0 0 var(--carbon)}
.m-duo-top b{font-size:15px}
.m-duo-top dl{margin:0;display:grid;gap:4px}
.m-duo-top dl div{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.m-duo-top dt{color:var(--dim)}
.m-duo-top dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.m-duo-pick{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.m-duo-pick>span{font-size:20px;color:var(--dim);padding-bottom:6px}
.m-duo-pick .m-sel{flex-direction:column;align-items:flex-start;gap:5px}
.m-duo-pick select{min-width:190px}
.m-duo-res{padding:14px 16px;display:grid;gap:10px}
.m-duo-res .m-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.m-mini-2{grid-template-columns:1fr 1fr;column-gap:24px}
@media (max-width:900px){.m-mini-2{grid-template-columns:1fr}.m-duo-res .m-stats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .m-tier-row{grid-template-columns:44px 1fr;padding:8px}
  .m-tier-lab .m-tier{width:36px;height:36px;font-size:21px}
  .m-tier-lab .m-flag{font-size:10px;padding:4px 2px}
  .m-chips{gap:4px}
  .m-chip{width:52px;padding:4px 1px 5px}.m-chip img{width:40px;height:54px}
  .m-chip b{font-size:10.5px}.m-chip small{font-size:10.5px}
  .m-tier-row{gap:8px}
  .m-order{grid-template-columns:1fr}
  .m-order-seq{grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}
  .m-order-seq .m-ab{width:100%;height:auto;aspect-ratio:1}
  .m-duo-pick select{min-width:0;width:100%}
  .m-duo-pick .m-sel{flex:1 1 40%}
}

.m-duo-res dd .m-chg,.m-stats dd>.m-chg:only-child{font-size:inherit}

.m-newp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 24px}
.m-newp li{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--line)}
.m-newp b{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-rank-n{width:20px;font:800 16px/1 var(--display);color:var(--gold);text-align:right}
.m-newp-v{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;font-variant-numeric:tabular-nums;min-width:64px}
.m-newp-v small{font-size:11px;font-weight:500;color:var(--dim)}
@media (max-width:640px){.m-newp{grid-template-columns:1fr}}

.m-ctop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.m-ctop li{position:relative;padding:14px;display:flex;flex-direction:column;gap:8px}
.m-ctop b{font-size:15px}
.m-ii-lg{width:48px;height:48px;border-radius:7px}
.m-ctop dl{margin:0;display:grid;gap:4px}
.m-ctop dl div{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.m-ctop dt{color:var(--dim)}
.m-ctop dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.m-table .c-xs{color:var(--muted)}
@media (max-width:1100px){.m-table .c-xs{font-size:13px}}
@media (max-width:640px){.m-table .c-xs{display:none}}
/* How to Play: stats strip */
.m-strip-slot:empty{display:none}
.m-strip-slot{padding-top:18px}
.m-gstrip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--carbon)}
.m-gstrip>span{display:flex;flex-direction:column;gap:1px}
.m-gstrip small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.m-gstrip b{font-size:16px;font-variant-numeric:tabular-nums}
.m-gstrip b .m-chg{font-size:14px}
.m-gstrip .m-gstrip-f{font-size:12.5px;color:var(--dim);margin-left:auto}
.m-gstrip>a{font-weight:600;white-space:nowrap}
/* How to Play: stats panel */
.m-gstats{padding:16px 18px;margin-top:14px}
.m-gstats .m-stats-4{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-gs-f{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding-top:4px}
.m-gs-f .m-foot{flex-basis:100%;margin-top:0}
.m-gs-f select:disabled{opacity:.5}
/* ability order grid */
.m-agrid-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--carbon)}
.m-agrid{border-collapse:collapse;width:100%;min-width:620px}
.m-agrid th,.m-agrid td{border-bottom:1px solid var(--line);padding:6px}
.m-agrid tr:last-child>*{border-bottom:0}
.m-agrid thead th{font-size:13px;font-weight:700;color:var(--muted);text-align:center;background:var(--carbon-2)}
.m-agrid thead .m-ag-h{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.m-agrid tbody th{text-align:left;white-space:nowrap}
.m-agrid tbody th{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600}
.m-agrid .m-ab{width:36px;height:36px;border-radius:7px;padding:3px;background:#2B2E34}
.m-agrid td{text-align:center;width:44px}
.m-agrid td.on span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;font:800 17px/1 var(--display);color:#17120A;background:var(--ab)}
.m-agrid tr.ab0{--ab:#F2A33A}.m-agrid tr.ab1{--ab:#79B9E0}.m-agrid tr.ab2{--ab:#8FC48A}.m-agrid tr.ab3{--ab:#D79CF0}
.m-agrid tr.ab0 th .m-ab{box-shadow:inset 0 0 0 2px #F2A33A}.m-agrid tr.ab1 th .m-ab{box-shadow:inset 0 0 0 2px #79B9E0}
.m-agrid tr.ab2 th .m-ab{box-shadow:inset 0 0 0 2px #8FC48A}.m-agrid tr.ab3 th .m-ab{box-shadow:inset 0 0 0 2px #D79CF0}
@media (max-width:640px){
  .m-gstrip{gap:8px 16px}.m-gstrip .m-gstrip-f{margin-left:0;flex-basis:100%}
  .m-gstats .m-stats-4{grid-template-columns:1fr 1fr}
  .m-agrid{min-width:0}
  .m-agrid tbody th span{display:none}
  .m-agrid th,.m-agrid td{padding:4px 1px;width:auto}
  .m-agrid thead .m-ag-h{font-size:0;padding:0}
  .m-agrid thead th{font-size:11px}
  .m-agrid tbody th{padding-left:4px;gap:0}
  .m-agrid td.on span{width:24px;height:26px;font-size:14px}
  .m-agrid .m-ab{width:28px;height:28px;padding:2px}
}

.m-gstats{padding:0;margin-top:16px}
.m-gs-f{padding-top:0}
.m-gs-panel{padding:16px 18px;margin-top:10px}
.m-gs-panel .m-stats-4{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.m-gs-panel .m-stats-4{grid-template-columns:1fr 1fr}}

/* gun / spirit / hybrid meta */
.m-dm-title{font-size:20px}
.m-dm{padding:18px 20px}
.m-dm-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.m-dm-h p{flex:1;min-width:240px;color:var(--muted)}
.m-dm-badge{font:900 22px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-radius:var(--r);color:#17120A}
.m-dm-badge.gun{background:#E7C77A}.m-dm-badge.spirit{background:#C9A0F2}.m-dm-badge.hybrid{background:linear-gradient(90deg,#E7C77A,#C9A0F2)}
.m-dm-scale{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.m-dm-track{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,#E7C77A,#3a3d42 45%,#3a3d42 55%,#C9A0F2);position:relative}
.m-dm-track i{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--white);border:3px solid var(--onyx);transform:translate(-50%,-50%)}
.m-dm-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.m-dm-c{background:var(--carbon-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.m-dm-c.gun{border-left:3px solid #E7C77A}.m-dm-c.spirit{border-left:3px solid #C9A0F2}
.m-dm-c b{font-size:24px;font-variant-numeric:tabular-nums}
.m-dm-c small{color:var(--dim);font-size:12.5px}
.m-dm-spend{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--carbon-3)}
.m-dm-spend i,.m-dm-leg i{display:block;height:100%}
.m-dm-spend .weapon,.m-dm-leg .weapon{background:#E7C77A}.m-dm-spend .spirit,.m-dm-leg .spirit{background:#C9A0F2}.m-dm-spend .vitality,.m-dm-leg .vitality{background:#8FC48A}
.m-dm-leg{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.m-dm-leg li{display:flex;align-items:center;gap:6px}
.m-dm-leg i{width:10px;height:10px;border-radius:3px}
.m-dm-leg b{color:var(--white)}
@media (max-width:640px){.m-dm-cards{grid-template-columns:1fr}}

/* How to Play: Stats & Trends panel */
.m-gstats.panel{padding:0;overflow:hidden;margin-top:16px}
.m-gstats .m-gs-f{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 18px;background:var(--carbon-2);border-bottom:1px solid var(--line)}
.m-gs-note{font-size:12.5px;color:var(--dim);padding:0 18px}
.m-gs-note:empty{display:none}
.m-gs-note:not(:empty){padding-top:10px}
.m-gs-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.m-gs-t{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;border-right:1px solid var(--line)}
.m-gs-t:last-child{border-right:0}
.m-gs-l{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.m-gs-big{font:900 40px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--white)}
.m-gs-t .m-chg{font-size:13.5px}
.m-gs-tier{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:9px;font:900 32px/1 var(--display);color:#17120A}
.m-gs-tier.none{background:var(--carbon-3);color:var(--dim)}
.m-gs-t small{font-size:12.5px;color:var(--muted)}
.m-gs-bar{display:block;width:100%;height:6px;border-radius:3px;background:var(--carbon-3);overflow:hidden}
.m-gs-bar i{display:block;height:100%;background:var(--gold);border-radius:3px}
.m-gs-kda{display:flex;gap:16px}
.m-gs-kda>span{display:flex;flex-direction:column;align-items:flex-start}
.m-gs-kda b{font:900 30px/1 var(--display);font-variant-numeric:tabular-nums}
.m-gs-kda small{font-size:11px;color:var(--dim);margin-top:3px}
.m-gs-foot{font-size:12.5px;color:var(--dim);padding:10px 18px;border-top:1px solid var(--line)}
.m-gs-foot b{color:var(--muted)}
@media (max-width:900px){.m-gs-tiles{grid-template-columns:1fr 1fr}.m-gs-t:nth-child(2){border-right:0}.m-gs-t:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:640px){.m-gstats .m-gs-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.m-gstats .m-gs-f .m-sel{flex-direction:column;align-items:stretch;gap:4px}.m-gstats .m-gs-f select{width:100%}.m-gs-big{font-size:32px}.m-gs-t{padding:14px}}
/* ability grid: numbers sit next to the ability names, centred in the card */
.m-agrid-wrap{display:flex;justify-content:center}
.m-agrid{width:auto;min-width:0}
.m-agrid td{width:48px;min-width:48px}
.m-agrid tbody th{min-width:190px;padding-right:18px}

/* How to Play: compact stats strip (matches the Difficulty / Weapon / Role strip) */
.m-strip-slot .m-hstrip{margin-top:0;width:fit-content;max-width:100%}
.m-hstrip>div{display:grid;gap:5px;padding:10px 18px;align-content:center}
.m-hstrip small{font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.m-hstrip b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.m-hstrip b .m-chg{font-size:14px}
.m-hstrip-a a{font-weight:700;font-size:14px;color:var(--gold);white-space:nowrap}
.m-hstrip-a a:hover{color:var(--gold-hi)}
@media (max-width:640px){.m-strip-slot .m-hstrip{width:100%}.m-hstrip>div{flex:1 1 45%;padding:9px 12px}.m-hstrip>div:nth-child(odd){border-left:0}.m-hstrip>div:nth-child(n+3){border-top:1px solid var(--line)}}

/* damage breakdown (styled like the guide's panels) */
.m-db{padding:18px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(242,163,58,.035),transparent 140px)}
.m-db .ht-h3{margin-bottom:14px}
.m-db .gun{--c:var(--gold);--c2:#B87420}.m-db .abil{--c:var(--ctrl);--c2:#7D5FC0}.m-db .melee{--c:var(--press);--c2:#B5492C}
.m-db-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:12px}
.m-db-card{background:var(--carbon-2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;position:relative;overflow:hidden}
.m-db-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--gold),transparent 70%);opacity:.6}
.m-db-big{display:flex;justify-content:space-between;gap:12px;margin:10px 0 10px}
.m-db-big span{display:flex;flex-direction:column;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.m-db-big span.abil{align-items:flex-end}
.m-db-big b{font:900 44px/1 var(--display);letter-spacing:0;color:var(--c);margin-bottom:4px}
.m-db-split,.m-ks{display:flex;gap:3px;height:10px}
.m-db-split i,.m-ks i{display:block;border-radius:3px;background:linear-gradient(180deg,var(--c),var(--c2));min-width:3px}
.m-ks{height:8px;margin-top:8px}
.m-db-sub{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.m-ks-l{display:flex;justify-content:space-between;margin-top:10px}
.m-ks-l span{display:flex;flex-direction:column;align-items:center;font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.m-ks-l span:first-child{align-items:flex-start}.m-ks-l span:last-child{align-items:flex-end}
.m-ks-l b{font:900 28px/1 var(--display);color:var(--c);letter-spacing:0;margin-bottom:4px}
.m-db-rh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.m-db-leg{list-style:none;margin:0;padding:0;display:flex;gap:14px;font:700 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.m-db-leg li{display:flex;align-items:center;gap:6px}
.m-db-leg i{width:10px;height:10px;border-radius:2px;display:block;background:var(--c)}
.m-db-chart{position:relative;display:flex;align-items:flex-end;gap:10px;margin-top:14px;padding-left:34px}
.m-db-grid-l{position:absolute;left:0;right:0;top:0;height:150px;pointer-events:none}
.m-db-grid-l span{position:absolute;left:34px;right:0;border-top:1px dashed rgba(245,243,238,.09)}
.m-db-grid-l em{position:absolute;left:-34px;top:-7px;font:600 10.5px/1 var(--body);font-style:normal;color:var(--dim)}
.m-db-chart::after{content:"";position:absolute;left:34px;right:0;top:150px;border-top:1px solid var(--line-2)}
.m-db-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.m-db-track{height:150px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.m-db-v{font:800 15px/1 var(--display);color:var(--white)}
.m-db-bar{width:min(46px,78%);display:flex;flex-direction:column;border-radius:4px 4px 0 0;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.m-db-bar i{display:block;width:100%;background:linear-gradient(90deg,var(--c),var(--c2));min-height:0}
.m-db-l{font:700 10.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
@media (max-width:900px){.m-db-grid{grid-template-columns:1fr}}
@media (max-width:640px){.m-db{padding:14px}.m-db-card{padding:14px}.m-db-big b{font-size:36px}.m-db-chart{gap:4px;padding-left:28px}.m-db-grid-l span{left:28px}.m-db-grid-l em{left:-28px}.m-db-chart::after{left:28px}.m-db-l{font-size:9px;letter-spacing:0}.m-db-v{font-size:12px}.m-db-track,.m-db-grid-l{height:120px}.m-db-chart::after{top:120px}}
/* =================== meta page dashboard (editorial layout) =================== */
.meta-tag{font:800 clamp(18px,2vw,22px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--white);margin-top:10px}
.meta-head .lede{font-size:15px;margin-top:8px}
.m-s{padding-block:26px}
.m-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.m-sh .link{font-size:14px;font-weight:600}
.m-sub{color:var(--muted);font-size:14px;margin-top:6px;max-width:80ch}
.m-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px;align-items:start}
.m-2col-b{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.m-ic{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* highlight cards */
.m-gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px}
.m-gl-c{position:relative;min-height:176px;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;overflow:visible;isolation:isolate;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.m-gl-c::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-2;background:var(--bg)}
.m-gl-c.orange{--bg:linear-gradient(135deg,#F7B04A,#E07F16);color:#17120A}
.m-gl-c.blue{--bg:linear-gradient(135deg,#6F95BD,#3F6489);color:var(--white)}
.m-gl-c.cream{--bg:linear-gradient(135deg,#F7F2E7,#E8DDC8);color:#17120A}
.m-gl-tag{font:800 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;background:#101114;color:var(--white);padding:6px 9px;border-radius:4px}
.m-gl-big{font:900 clamp(44px,5vw,64px)/.95 var(--display);margin-top:12px;letter-spacing:-.01em;position:relative;z-index:1}
.m-gl-name{font:800 22px/1.1 var(--display);text-transform:uppercase;margin-top:6px;position:relative;z-index:1}
.m-gl-sub{font-size:13px;font-weight:600;opacity:.8;position:relative;z-index:1}
.m-gl-hero{position:absolute;right:-6px;bottom:0;height:128%;max-width:60%;object-fit:contain;object-position:bottom right;z-index:-1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.m-gl-item{position:absolute;right:20px;top:50%;width:118px;height:118px;transform:translateY(-50%) rotate(-4deg);border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.3);z-index:-1}
/* playstyle mix */
.m-mix{margin-top:18px}
.m-mix-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.m-mix-h h3{font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.m-mix-h span{font-size:13px;color:var(--dim)}
.m-mix-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.m-mix-t{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:baseline;padding:12px 16px;border-radius:var(--r);background:var(--carbon);border:1px solid var(--line)}
.m-mix-l{grid-column:1/-1;font:700 10.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.m-mix-t b{font:900 26px/1.1 var(--display);margin-top:4px}
.m-mix-t small{color:var(--dim);font-size:12px}
.m-mix-t.on{border-color:transparent;box-shadow:inset 0 0 0 2px var(--mc)}
.m-mix-t.gun{--mc:var(--gold)}.m-mix-t.spirit{--mc:var(--ctrl)}.m-mix-t.hybrid{--mc:#79B9E0}
.m-mix-t.on{background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 22%,var(--carbon)),var(--carbon))}
.m-mix-t.on .m-mix-l{color:var(--mc)}
/* top 5 */
.m-t5{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.m-t5-c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;padding:14px;border-radius:12px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#2A2D33,#17181C);border:1px solid var(--line);transition:transform .15s,border-color .15s}
.m-t5-c:hover{transform:translateY(-3px);border-color:rgba(242,163,58,.5)}
.m-t5-c img{position:absolute;inset:0 0 40px;width:100%;height:calc(100% - 40px);object-fit:cover;object-position:50% 10%;z-index:-2}
.m-t5-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(16,17,20,.92) 72%)}
.m-t5-n{position:absolute;top:10px;left:10px;width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:6px;font:900 16px/1 var(--display);color:var(--gold);background:rgba(16,17,20,.7)}
.m-t5-b{display:flex;flex-direction:column;gap:2px}
.m-t5-name{font:800 20px/1 var(--display);text-transform:uppercase}
.m-t5-wr{font-size:12px;color:var(--muted)}
.m-t5-wr b{font:900 26px/1 var(--display);color:var(--white);margin-right:4px}
.m-t5-b small{font-size:11.5px;color:var(--dim)}
/* rising & falling picks */
.m-pms{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px}
.m-pms .m-pm+.m-pm{border-left:1px solid var(--line);padding-left:28px}
.m-pm-h{font:800 20px/1 var(--display);text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.m-pm-h.up span{color:var(--up)}.m-pm-h.down span{color:var(--down)}
.m-pm ul{list-style:none;margin:0;padding:0}
.m-pm li{display:grid;grid-template-columns:auto 1fr auto 104px;align-items:center;gap:12px;min-height:50px;border-bottom:1px solid var(--line)}
.m-pm li b{font-weight:700;font-size:15px}
.m-pm-d{font:800 18px/1 var(--display);font-variant-numeric:tabular-nums}
.m-pm-d.up{color:var(--up)}.m-pm-d.down{color:var(--down)}
.m-pm li small{font-size:12.5px;color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}
.m-pm .m-hp{width:34px;height:46px}
/* tier list rows */
.m-tiers{gap:6px}
.m-tier-row{grid-template-columns:minmax(200px,240px) 1fr;padding:8px 10px;gap:14px;background:var(--carbon)}
.m-tier-lab{justify-content:flex-start;align-items:center;gap:12px}
.m-tier-lab .m-tier{width:46px;height:46px;font-size:26px;border-radius:8px;flex:none}
.m-tier.none{background:var(--carbon-3);color:var(--dim);display:inline-grid;place-items:center;font:900 26px/1 var(--display)}
.m-tier-txt{display:flex;flex-direction:column;gap:2px}
.m-tier-txt b{font:800 17px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.m-tier-txt small{font-size:11.5px;color:var(--dim);line-height:1.3}
.m-chips{gap:6px}
.m-chip{flex-direction:row;width:auto;min-width:118px;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);background:var(--carbon-2);border-radius:6px;align-items:center}
.m-chip img{width:34px;height:46px;border-radius:4px}
.m-chip span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.m-chip b{font-size:13px;text-align:left}
.m-chip small{font-size:12px}
/* new players + popular items */
.m-newp{grid-template-columns:1fr;gap:6px;margin-top:12px}
.m-newp li{background:var(--carbon);border:1px solid var(--line);border-radius:var(--r);padding:6px 14px 6px 8px;min-height:58px;border-bottom:1px solid var(--line)}
.m-rank-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--carbon-3);font:800 14px/1 var(--display);color:var(--muted);text-align:center}
.m-newp .m-hp{width:36px;height:48px}
.m-newp b{font-size:16px}
.m-newp-v{font:900 20px/1 var(--display)}
.m-pi{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.m-pi li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px 8px}
.m-pi li+li{border-left:1px solid var(--line)}
.m-pi img{width:64px;height:64px;border-radius:10px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.m-pi span{font-size:13px;font-weight:600;line-height:1.2}
.m-pi span .link{color:var(--white);text-decoration:none}
.m-pi b{font:900 24px/1 var(--display)}
.m-ix-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.m-search-in input{height:36px;width:200px}
/* counter items to consider */
.m-ccs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.m-cc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 8px 12px;border-radius:var(--r);background:var(--carbon);border:1px solid var(--line)}
.m-cc-k{font:800 15px/1 var(--display);text-transform:uppercase}
.m-cc-p{font-size:11.5px;color:var(--dim);line-height:1.3;min-height:30px}
.m-cc img{width:56px;height:56px;border-radius:9px;box-shadow:0 6px 14px rgba(0,0,0,.35)}
.m-cc-i{font-size:12.5px;font-weight:700;color:var(--gold);border:1px solid rgba(242,163,58,.4);border-radius:4px;padding:3px 7px}
.m-cc small{font-size:11px;color:var(--dim)}
.m-duo5 .m-duo-n{font:800 16px/1 var(--display);color:var(--gold);width:28px}
.m-duo5 td b{font-size:15px}
/* match pace */
.m-pace{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--carbon)}
.m-pace-t{display:flex;align-items:center;gap:12px;padding:16px 18px}
.m-pace-t+.m-pace-t{border-left:1px solid var(--line)}
.m-pace-t .m-ic{width:42px;height:42px;padding:8px;border-radius:50%;background:rgba(242,163,58,.1);flex:none}
.m-pace-t div{display:flex;flex-direction:column;min-width:0}
.m-pace-t b{font:900 26px/1 var(--display);font-variant-numeric:tabular-nums}
.m-pace-c .m-chg{font-size:12px}
.m-pace-t small{font-size:12px;color:var(--dim);margin-top:3px}
/* where souls come from */
.m-sb{display:flex;height:34px;border-radius:7px;overflow:hidden;margin-top:14px;gap:2px}
.m-sb i{display:flex;align-items:center;justify-content:center;font:800 13px/1 var(--display);color:#17120A;background:var(--c);font-style:normal}
.m-sb-l{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.m-sb-l li{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;font-size:12.5px;color:var(--muted)}
.m-sb-l i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.m-sb-l b{grid-column:2;font:900 20px/1.1 var(--display);color:var(--white)}
.m-sb-l .m-chg{grid-column:2}
/* map in a half column */
.m-2col .m-map{grid-template-columns:1fr}
.m-2col .m-map figure{max-width:440px}
@media (max-width:1100px){.m-t5{grid-template-columns:repeat(3,minmax(0,1fr))}.m-pace{grid-template-columns:repeat(3,minmax(0,1fr))}.m-pace-t:nth-child(4){border-left:0}.m-pace-t:nth-child(n+4){border-top:1px solid var(--line)}.m-ccs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.m-2col,.m-2col-b{grid-template-columns:1fr}.m-gl{grid-template-columns:1fr}.m-gl-c{min-height:150px}.m-tier-row{grid-template-columns:1fr}.m-pms{grid-template-columns:1fr}.m-pms .m-pm+.m-pm{border-left:0;padding-left:0}}
@media (max-width:640px){.m-t5{grid-template-columns:repeat(2,minmax(0,1fr))}.m-t5-c{min-height:190px}.m-mix-row{grid-template-columns:1fr}.m-pi{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.m-pi li:nth-child(4){border-left:0}.m-pace{grid-template-columns:1fr 1fr}.m-pace-t{border-left:0!important;border-top:1px solid var(--line)}.m-pace-t:nth-child(-n+2){border-top:0}.m-ccs{grid-template-columns:repeat(2,minmax(0,1fr))}.m-sb-l{grid-template-columns:1fr 1fr}.m-pm li{grid-template-columns:auto 1fr auto;}.m-pm li small{grid-column:2/-1;text-align:left;margin-top:-10px;padding-bottom:6px}.m-search-in input{width:100%}.m-chip{min-width:0}}
/* ===== lower-half dashboard styling (v2) ===== */
.m-search-h input{height:38px;width:240px}
/* tier list */
.m-tier-row{--tc:#A9A397;position:relative;overflow:hidden;border:0;border-radius:12px;padding:12px 14px 12px 18px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 20%,var(--carbon)) 0,var(--carbon) 340px);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-tier-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tc)}
.tr-S{--tc:#F2A33A}.tr-A{--tc:#E7C77A}.tr-B{--tc:#6F95BD}.tr-C{--tc:#8A857B}.tr-D{--tc:#C9634A}.m-tier-row.early{--tc:#4B4A47}
.t-B{background:#6F95BD;color:var(--white)}.t-C{background:#8A857B;color:var(--white)}.t-D{background:#C9634A;color:var(--white)}
.m-tier-lab .m-tier{width:54px;height:54px;font-size:32px;border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.3)}
.m-tier-txt b{font-size:22px;color:var(--tc)}
.tr-S .m-tier-txt b,.tr-A .m-tier-txt b{color:var(--tc)}
.m-tier-txt small{color:var(--muted);font-size:12.5px}
.m-chips{gap:8px}
.m-chip{position:relative;flex-direction:column;align-items:stretch;width:92px;min-width:0;height:112px;padding:0;gap:0;overflow:hidden;border-radius:9px;border:1px solid var(--line);background:linear-gradient(180deg,#2A2D33,#17181C);isolation:isolate;transition:transform .15s,border-color .15s}
.m-chip:hover,.m-chip:focus-visible{transform:translateY(-2px);border-color:var(--tc);background:linear-gradient(180deg,#2A2D33,#17181C)}
.m-chip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;border-radius:0;z-index:-2;background:none}
.m-chip::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(16,17,20,.95) 82%)}
.m-chip span{margin-top:auto;padding:0 7px 7px;align-items:flex-start}
.m-chip b{font:800 13.5px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em;white-space:normal}
.m-chip small{font:900 16px/1.1 var(--display);color:var(--white)}
/* generic dark panel */
.m-panel{background:var(--carbon);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.m-panel .m-tablewrap{background:var(--onyx)}
/* pick movers */
.m-pms{gap:14px}
.m-pms .m-pm+.m-pm{border-left:0;padding-left:0}
.m-pm{--pc:var(--up);border-radius:12px;padding:16px 18px;background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 14%,var(--carbon)),var(--carbon) 60%);border:1px solid var(--line)}
.m-pm.down{--pc:var(--down)}
.m-pm-h{color:var(--pc)}.m-pm-h span{color:var(--pc)!important}
.m-pm li{grid-template-columns:auto 1fr auto;min-height:56px}
.m-pm li:last-child{border-bottom:0}
.m-pm-d{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.m-pm-d b{font:900 22px/1 var(--display);color:var(--pc)}
.m-pm-d small{font:500 12px/1.2 var(--body)!important;color:var(--muted)!important;text-align:right}
/* item / counter cards */
.m-ic5{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.m-icd{--ic:var(--gold);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;min-height:220px;border-radius:12px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,color-mix(in srgb,var(--ic) 30%,var(--carbon)),var(--carbon) 70%);border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-icd.weapon{--ic:#E08A2E}.m-icd.vitality{--ic:#6FAF63}.m-icd.spirit{--ic:#9C7BE0}
.m-icd img{width:84px;height:84px;border-radius:12px;margin:22px 0 auto;transform:rotate(-3deg);box-shadow:0 10px 20px rgba(0,0,0,.35)}
.m-icd .m-t5-n{border-color:var(--ic);color:var(--ic)}
.m-icd-n,.m-icd-n.link,.m-icd .m-icd-n a{font:800 18px/1.05 var(--display);text-transform:uppercase;color:var(--white);margin-top:12px;text-decoration:none}
.m-icd .m-icd-n a{margin:0}
.m-icd a.m-icd-n:hover,.m-icd .m-icd-n a:hover{color:var(--ic)}
.m-icd-v{font:900 34px/1 var(--display);color:var(--white)}
.m-icd small{font-size:12px;color:var(--muted)}
.m-cc-k{position:absolute;top:12px;left:12px;font:800 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;background:#101114;color:var(--white);padding:6px 9px;border-radius:4px}
.m-cc img{margin-top:34px}
/* new players use the top-5 card */
.m-t5-np .m-t5-c{min-height:210px}
/* lane duos */
.m-d5{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.m-d5-c{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;padding:14px;border-radius:12px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#2A2D33,#17181C);border:1px solid var(--line)}
.m-d5-art{position:absolute;inset:0 0 50px;display:flex;z-index:-2}
.m-d5-art img{width:50%;height:100%;object-fit:cover;object-position:50% 12%}
.m-d5-art img+img{border-left:2px solid var(--onyx)}
.m-d5-c::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(16,17,20,.95) 70%)}
.m-d5-b{display:flex;flex-direction:column;gap:3px}
.m-d5-name{font:800 17px/1.05 var(--display);text-transform:uppercase}
.m-d5-b small{font-size:12px;font-weight:600;color:var(--muted)}
.m-d5-b small.up{color:var(--up)}.m-d5-b small.down{color:var(--down)}
.m-duo-look{margin-top:16px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;background:var(--carbon);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.m-duo-look .m-sub-h{flex-basis:100%;margin:0}
.m-duo-look>div[aria-live]{flex:1 1 320px}
.m-duo-look .m-duo-res{padding:0;display:flex;align-items:center;gap:14px}
.m-duo-look .m-duo-res .m-stats{flex:1}
/* match pace */
.m-pace{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--carbon)),var(--carbon) 55%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-pace-t b{font-size:30px}
.m-pace-t small{font-size:12.5px;color:var(--muted);margin-top:4px}
.m-pace-c{margin-top:6px;font-size:12px}
.m-vs{color:var(--dim);font-size:12px}
/* souls */
.m-souls{background:var(--carbon);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-souls .m-sb{height:44px;margin-top:0;border-radius:9px}
.m-souls .m-sb i{font-size:15px}
.m-souls .m-sb-l{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}
.m-souls .m-sb-l li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-left:12px;border-left:3px solid var(--c);color:var(--muted);font-size:13px}
.m-souls .m-sb-l b{font:900 26px/1 var(--display)}
/* death hotspots */
.m-map{grid-template-columns:minmax(0,440px) 1fr;gap:28px;align-items:center;background:var(--carbon);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-map img{border:0;background:var(--onyx)}
.m-map-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.m-map-k{margin-top:14px;font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.m-map-big{font:900 clamp(56px,6vw,84px)/.95 var(--display);color:var(--white)}
.m-map-t p{margin:0;font-size:16px;color:var(--muted);max-width:40ch}
.m-map-s{margin:12px 0 0}.m-map-s dt{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.m-map-s dd{margin:2px 0 0;font:900 24px/1 var(--display)}
@media (max-width:1100px){.m-ic5,.m-d5{grid-template-columns:repeat(3,minmax(0,1fr))}.m-souls .m-sb-l{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.m-map{grid-template-columns:1fr}.m-tier-row{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 18%,var(--carbon)) 0,var(--carbon) 120px)}}
@media (max-width:640px){.m-ic5,.m-d5{grid-template-columns:repeat(2,minmax(0,1fr))}.m-icd{min-height:190px;padding:12px}.m-icd img{width:64px;height:64px}.m-icd-v{font-size:28px}.m-d5-c{min-height:190px}.m-souls .m-sb-l{grid-template-columns:1fr 1fr}.m-chip{width:calc(33.33% - 6px);height:104px}.m-search-h,.m-search-h input{width:100%}.m-pm li{grid-template-columns:auto 1fr auto}.m-pm li small{grid-column:auto;margin-top:0;padding-bottom:0}.m-duo-look{padding:14px}}
.m-pm .m-pm-d b{font:900 24px/1 var(--display);color:var(--pc)}
.m-pm li>b{font-size:16px}
.m-pm .m-hp{width:40px;height:54px;border-radius:6px}
.m-guide{position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 10%,var(--carbon)),var(--carbon) 60%);transition:transform .15s,border-color .15s}
.m-guide::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold)}
.m-guide:hover{transform:translateY(-2px);border-color:rgba(242,163,58,.5)}
.m-guide b{font:800 19px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.m-map{grid-template-columns:minmax(0,400px) 1fr}
@media (max-width:900px){.m-map{grid-template-columns:1fr}}
@media (max-width:640px){
  .m-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .m-chips li{min-width:0}
  .m-chip{width:100%;height:98px}
  .m-chip img{position:absolute;inset:0;width:100%;height:100%}
  .m-chip span{padding:0 5px 5px}.m-chip b{font-size:11px}.m-chip small{font-size:14px}
  .m-tier-row{padding:12px 12px 12px 16px}
  .m-t5,.m-ic5,.m-d5{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-right:-16px;padding-right:16px;scrollbar-width:none}
  .m-t5::-webkit-scrollbar,.m-ic5::-webkit-scrollbar,.m-d5::-webkit-scrollbar{display:none}
  .m-t5>li,.m-ic5>li,.m-d5>li{scroll-snap-align:start}
  .m-pace{grid-template-columns:1fr}
  .m-pace-t{border-left:0!important;border-top:1px solid var(--line)!important}.m-pace-t:first-child{border-top:0!important}
  .m-pace-t div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline}.m-pace-t b{grid-row:span 2}
}
.mt32{margin-top:32px}
.m-cc .m-cc-k{left:auto;right:12px}
.m-cc img{margin-top:22px}
/* ===== v3 ===== */
/* glance hero art: same framing for every hero, soft fade on all edges */
.m-gl-hero{right:0;top:-20%;bottom:auto;width:58%;height:120%;max-width:none;object-fit:cover;object-position:50% 18%;filter:none;
  -webkit-mask-image:radial-gradient(ellipse 62% 58% at 58% 46%,#000 38%,transparent 78%);mask-image:radial-gradient(ellipse 62% 58% at 58% 46%,#000 38%,transparent 78%);-webkit-mask-composite:source-over;mask-composite:add}
.m-gl-c{overflow:visible}
/* item trend card: keep text clear of the item art */
.m-gl-c.cream{padding-right:150px}
.m-gl-c.cream .m-gl-sub{opacity:1;color:#4A3A22;font-weight:700}
.m-gl-c.cream .m-gl-name{max-width:100%}
.m-gl-item{width:110px;height:110px;right:18px}
@media (max-width:640px){.m-gl-c.cream{padding-right:112px}.m-gl-item{width:80px;height:80px;right:14px}.m-gl-hero{width:62%}}
/* counter tag sits in the flow, never over the rank */
.m-cc .m-cc-k{position:static;align-self:flex-start;margin-top:12px;order:3;font-size:10px;padding:5px 8px}
.m-cc img{order:1;margin-top:26px}.m-cc .m-icd-n{order:4;margin-top:8px}.m-cc .m-icd-v{order:5}.m-cc small{order:6}
/* playstyle mix graphics */
.m-mix-row{gap:12px}
.m-mix-t{--mc:var(--gold);position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 16%,var(--carbon)),var(--carbon) 65%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-mix-t.spirit{--mc:#9C7BE0}.m-mix-t.hybrid{--mc:#79B9E0}
.m-mix-t.on{background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 32%,var(--carbon)),var(--carbon) 70%)}
.m-mix-bg{position:absolute;right:-14px;bottom:-22px;width:120px;height:120px;fill:none;stroke:var(--mc);stroke-width:1.2;opacity:.13;z-index:-1;stroke-linejoin:round;stroke-linecap:round}
.m-mix-ic .m-ic,.m-pace-card .m-mix-ic .m-ic{width:48px;height:48px;padding:11px;border-radius:12px;stroke:var(--mc);background:color-mix(in srgb,var(--mc) 18%,transparent);flex:none;display:block}
.m-mix-x{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.m-mix-l{color:var(--mc)!important}
.m-mix-l em{font-style:normal;margin-left:6px;padding:2px 6px;border-radius:3px;background:var(--mc);color:#17120A;letter-spacing:.08em;font-size:9.5px}
.m-mix-t b{font:900 30px/1 var(--display);margin-top:4px}
.m-mix-t small{color:var(--muted)}
.m-mix-bar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}
.m-mix-bar i{display:block;height:100%;background:var(--mc);border-radius:3px}
.m-mix-tug{display:flex;height:5px;gap:2px;margin-top:8px;border-radius:3px;overflow:hidden}
.m-mix-tug .g{background:var(--gold)}.m-mix-tug .s{background:#9C7BE0}
/* match pace: timeline + stat cards */
.m-pace2{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:12px;margin-top:14px}
.m-tl-card{position:relative;border-radius:12px;padding:18px 26px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--carbon)),var(--carbon) 60%);border:1px solid var(--line);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-tl-k{font:700 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.m-tl{position:relative;height:150px;margin:8px 70px 0 24px}
.m-tl-track{position:absolute;left:0;right:0;top:40px;height:8px;border-radius:4px;background:rgba(255,255,255,.07)}
.m-tl-track i{position:absolute;inset:0;border-radius:4px;background:linear-gradient(90deg,#8FC48A,var(--gold) 55%,#C9634A)}
.m-tl ul{list-style:none;margin:0;padding:0}
.m-tl-m{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:150px}
.m-tl-dot{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--onyx);border:3px solid var(--gold);margin-top:20px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.m-tl-dot .m-ic{width:24px;height:24px}
.m-tl-m.start{width:auto}.m-tl-m.start .m-tl-dot{width:auto;height:auto;border:0;background:none;box-shadow:none;margin-top:36px;transform:translateX(50%)}
.m-tl-m.start .m-tl-dot b{font:800 13px/1 var(--display);color:var(--dim)}
.m-tl-m.end .m-tl-dot{border-color:#C9634A}.m-tl-m.end .m-tl-dot .m-ic{stroke:#E68A6E}
.m-tl-t{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:8px}
.m-tl-t b{font:900 26px/1 var(--display)}
.m-tl-t small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.2}
.m-tl-t .m-pace-c{margin-top:4px;font-size:11.5px}
.m-pace-cards{display:grid;gap:12px}
.m-pace-card{--mc:var(--gold);position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:14px;align-content:center;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 16%,var(--carbon)),var(--carbon) 65%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-pace-card.skull{--mc:#C9634A}.m-pace-card.soul{--mc:#79B9E0}
.m-pace-card .m-mix-ic{grid-row:1/4;align-self:center}
.m-pace-card b{font:900 30px/1 var(--display)}
.m-pace-card small{font-size:12.5px;color:var(--muted)}
.m-pace-card .m-pace-c{font-size:12px;margin-top:3px}
/* worst duos */
.m-d5.worst .m-t5-n{border-color:var(--down);color:var(--down)}
.m-d5.worst .m-d5-c{border-color:rgba(240,122,85,.25)}
.m-d5.worst .m-t5-wr b{color:var(--down)}
/* scrollable item list */
.m-iscroll{max-height:560px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gold) var(--carbon)}
.m-iscroll::-webkit-scrollbar{width:8px}.m-iscroll::-webkit-scrollbar-track{background:var(--carbon)}.m-iscroll::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
.m-iscroll thead th{position:sticky;top:0;z-index:2;background:var(--carbon-2,#24262B)}
@media (max-width:900px){.m-pace2{grid-template-columns:1fr}.m-mix-row{grid-template-columns:1fr}}
@media (max-width:640px){
  .m-tl-card{padding:16px}
  .m-tl{height:auto;margin:12px 0 0}
  .m-tl-track{left:23px;right:auto;top:0;bottom:0;width:6px;height:auto}
  .m-tl-track i{background:linear-gradient(180deg,#8FC48A,var(--gold) 55%,#C9634A)}
  .m-tl ul{display:grid;gap:16px}
  .m-tl-m{position:relative;left:auto!important;transform:none;flex-direction:row;width:auto;gap:14px}
  .m-tl-dot{margin-top:0}.m-tl-t{align-items:flex-start;text-align:left;margin:0}
  .m-tl-m.start{display:none}
  .m-pace-cards{grid-template-columns:1fr 1fr}.m-pace-card{grid-template-columns:1fr;padding:14px}.m-pace-card .m-mix-ic{grid-row:auto;margin-bottom:8px}
  .m-iscroll{max-height:480px}
}
.m-tl-m.start .m-tl-dot{margin-top:58px;transform:none}
/* ===== v4 ===== */
/* glance hero art: back to the full render, faded only where it meets the card text and bottom edge */
.m-gl-hero{top:auto;bottom:0;right:-6px;width:auto;height:128%;max-width:60%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
@media (max-width:640px){.m-gl-hero{width:auto;max-width:62%}}
/* item trend: purple card, item art as large as the heroes and breaking the top edge */
.m-gl-c.cream{--bg:linear-gradient(135deg,#8E6FD8,#4E3592);color:var(--white);padding-right:190px}
.m-gl-c.cream .m-gl-sub{color:rgba(255,255,255,.88);font-weight:600}
.m-gl-item{top:-26px;right:18px;width:168px;height:168px;transform:rotate(-5deg);border-radius:20px;box-shadow:0 18px 34px rgba(0,0,0,.45);z-index:-1}
@media (max-width:640px){.m-gl-c.cream{padding-right:128px}.m-gl-item{width:118px;height:118px;top:-18px;right:12px}}
/* Deadlock stat icons, tinted with the section colour */
.m-dl{display:block;width:26px;height:26px;background:var(--mc,var(--gold));-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.m-mix-ic,.m-pace-card .m-mix-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:color-mix(in srgb,var(--mc) 18%,transparent);flex:none}
.m-mix-ic .m-dl{width:30px;height:30px}
.m-mix-bg.m-dl{position:absolute;right:-10px;bottom:-14px;width:118px;height:118px;opacity:.12;z-index:-1;stroke:none}
.m-tl-dot .m-dl{width:24px;height:24px;--mc:var(--gold)}
.m-tl-m.end .m-tl-dot .m-dl{--mc:#E68A6E}
.m-mix-verdict{display:inline-block;margin:-4px 0 0;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:var(--carbon);border:1px solid var(--line);color:var(--muted)}
.m-mix-verdict.gun{color:var(--gold);border-color:rgba(242,163,58,.4)}.m-mix-verdict.spirit{color:#B699F0;border-color:rgba(156,123,224,.4)}.m-mix-verdict.hybrid{color:#79B9E0;border-color:rgba(121,185,224,.4)}
.m-mix-row{margin-top:14px}
/* duo picker with portraits */
.m-duo-pick{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.m-hpick{position:relative;display:flex;flex-direction:column;gap:6px;width:260px;max-width:100%}
.m-hpick-l{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.m-hpick-in{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 6px;border-radius:10px;border:1px solid var(--line-2);background:var(--onyx)}
.m-hpick-in:focus-within{border-color:var(--gold)}
.m-hpick-in img{width:30px;height:40px;border-radius:5px;object-fit:cover;object-position:50% 0;flex:none}
.m-hpick-ph{width:30px;height:40px;border-radius:5px;display:grid;place-items:center;background:var(--carbon-3);color:var(--dim);font-size:18px;flex:none}
.m-hpick-in input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--white);font-size:15px;font-weight:600;outline:0}
.m-hpick-list{top:calc(100% + 6px)}
.m-hpick-list .hf-opt{width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer}
.m-hpick-list .hf-opt:hover,.m-hpick-list .hf-opt[aria-selected="true"]{background:var(--carbon-3)}
.m-duo-plus{font:900 26px/1 var(--display);color:var(--gold);padding-bottom:12px}
@media (max-width:640px){.m-hpick{width:100%}.m-duo-plus{display:none}}
.m-duo-res dd small{display:block;font-size:11.5px;font-weight:500;color:var(--dim)}
/* ===== v5 ===== */
/* pace cards: 2 x 2 */
.m-pace2{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr)}
.m-pace-cards{grid-template-columns:1fr 1fr}
.m-pace-card.urn{--mc:#5FC4B4}.m-pace-card.crown{--mc:#B699F0}
.m-pace-x{grid-column:2;font-size:12px;color:var(--muted);margin-top:4px}.m-pace-x b{color:var(--white)}
/* hidden king vs archmother */
.m-side{position:relative;overflow:hidden;border-radius:12px;padding:20px 24px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(232,155,52,.16),var(--carbon) 38%,var(--carbon) 62%,rgba(79,127,217,.18));box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-side-lead{margin:0 0 14px;font-size:15px;color:var(--muted);text-align:center}
.m-side-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.m-side-c{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.m-side-c.am{align-items:flex-end;text-align:right}
.m-side-k{font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.m-side-c.hk .m-side-k{color:#F0A040}.m-side-c.am .m-side-k{color:#7FA6F0}
.m-side-c b{font:900 clamp(44px,5vw,64px)/1 var(--display);margin-top:6px}
.m-side-c small{font-size:12.5px;color:var(--muted)}
.m-side-sub{color:var(--dim)!important;margin-top:4px}
.m-side-vs{font:900 30px/1 var(--display);color:var(--dim);padding:10px 14px;border:2px solid var(--line-2);border-radius:50%}
.m-side-bar{display:flex;height:30px;border-radius:8px;overflow:hidden;gap:3px;margin-top:16px}
.m-side-bar i{display:flex;align-items:center;font:800 13px/1 var(--display);font-style:normal;color:#17120A;padding:0 10px}
.m-side-bar .hk{background:linear-gradient(90deg,#C97A1E,#F0A040)}.m-side-bar .am{background:linear-gradient(90deg,#7FA6F0,#3F67C4);justify-content:flex-end;color:#fff}
.m-side-f{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:12.5px;color:var(--dim)}
/* top five by stat */
.m-ts-tabs{margin-bottom:12px}
.m-ts{list-style:none;margin:0;padding:16px 18px;display:grid;gap:10px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--carbon)),var(--carbon) 60%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-ts li{display:grid;grid-template-columns:28px 40px 1fr;align-items:center;gap:12px}
.m-ts-n{font:900 22px/1 var(--display);color:var(--gold);text-align:center}
.m-ts .m-hp{width:40px;height:54px;border-radius:6px}
.m-ts-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.m-ts-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.m-ts-h>b{font-size:15.5px}
.m-ts-h span{font-size:12.5px;color:var(--muted);white-space:nowrap}.m-ts-h span b{font:900 22px/1 var(--display);color:var(--white);margin-right:3px}
.m-ts-bar{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.m-ts-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#B87420,var(--gold))}
@media (max-width:900px){.m-pace2{grid-template-columns:1fr}}
@media (max-width:640px){.m-side{padding:16px}.m-side-row{grid-template-columns:1fr 1fr}.m-side-vs{display:none}.m-side-k{font-size:16px}.m-pace-x{grid-column:auto}}
.m-pace-x b{font:900 16px/1 var(--display)!important;display:inline!important;margin-left:4px}
/* ===== v6 ===== */
/* mid boss distribution */
.m-mb-dist{grid-column:2;display:flex;gap:2px;height:22px;margin-top:8px;border-radius:5px;overflow:hidden}
.m-mb-dist i{position:relative;display:flex;align-items:center;justify-content:center;font:800 11px/1 var(--display);font-style:normal;color:#17120A;background:color-mix(in srgb,#B699F0 calc(35% + var(--x,0%)),var(--carbon-3))}
.m-mb-dist .d0{background:var(--carbon-3);color:var(--muted)}.m-mb-dist .d1{background:#7C66B8}.m-mb-dist .d2{background:#9C84DA}.m-mb-dist .d3{background:#C3B0F2}
.m-mb-dist em{position:absolute;top:2px;left:4px;font-size:8.5px;font-style:normal;opacity:.75}
/* souls donut */
.m-souls2{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(95,196,180,.10),var(--carbon) 55%)}
.m-donut{position:relative;width:220px;height:220px}
.m-donut svg{width:100%;height:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.m-donut-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.m-donut-ic{width:26px;height:44px;--mc:#5FC4B4;margin-bottom:6px}
.m-donut-c b{font:900 26px/1 var(--display)}
.m-donut-c small{font-size:11.5px;color:var(--muted);margin-top:3px}
.m-sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.m-sl li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.m-sl .m-mix-ic{grid-row:1/3;width:40px;height:40px;border-radius:10px}.m-sl .m-mix-ic .m-dl{width:22px;height:22px}
.m-sl-t{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.m-sl-t span:first-child{font-size:13px;color:var(--muted);flex:1 1 100%}
.m-sl-t b{font:900 22px/1 var(--display)}
.m-sl-t .m-chg{font-size:11.5px}
.m-sl-bar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.07);margin-top:5px;overflow:hidden}
.m-sl-bar i{display:block;height:100%;background:var(--mc);border-radius:3px}
/* hidden king vs archmother: patron art + skylines */
.m-side{padding:22px 26px 18px;isolation:isolate}
.m-side-sky{position:absolute;left:0;right:0;bottom:0;height:150px;display:flex;z-index:-1;pointer-events:none}
.m-side-sky i{flex:1;background-size:900px auto;background-repeat:repeat-x;background-position:bottom;opacity:.55}
.m-side-sky .hk{background-image:url(/img/bg/skyline_yellow.webp);-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent)}
.m-side-sky .am{background-image:url(/img/bg/skyline_blue.webp);-webkit-mask-image:linear-gradient(270deg,#000 50%,transparent);mask-image:linear-gradient(270deg,#000 50%,transparent)}
.m-side-row{grid-template-columns:1fr 300px 1fr}
.m-side-art{position:relative;height:250px;background:url(/img/bg/patrons_header.webp) center 18%/cover no-repeat;border-radius:14px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,#000 55%,transparent 100%);display:grid;place-items:end center}
.m-side-art .m-side-vs{margin-bottom:12px;background:rgba(16,17,20,.85);border-color:rgba(255,255,255,.25);color:var(--white)}
.m-side-mb{display:flex;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;border-radius:999px;background:rgba(16,17,20,.6);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.m-side-mb b{font:900 15px/1 var(--display)!important;margin:0!important;color:var(--white)}
.m-side-mb .m-dl{width:16px;height:16px}
.m-side-c.hk .m-side-mb .m-dl{--mc:#F0A040}.m-side-c.am .m-side-mb .m-dl{--mc:#7FA6F0}
.m-side-bar{height:34px;margin-top:18px}
/* top five by stat */
.m-ts-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.m-ts-tab{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 10px;border-radius:10px;border:1px solid var(--line);background:var(--carbon);color:var(--muted);font-weight:700;font-size:14px;cursor:pointer}
.m-ts-tab .m-dl{width:20px;height:20px}
.m-ts-tab[aria-selected="true"]{color:var(--white);border-color:var(--mc);background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 30%,var(--carbon)),var(--carbon))}
.m-ts-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}
.m-ts-feat{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--mc) 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--mc) 35%,var(--carbon)),#17181C 70%);box-shadow:0 10px 26px rgba(0,0,0,.3)}
.m-ts-feat img{position:absolute;inset:0 0 70px;width:100%;height:calc(100% - 70px);object-fit:cover;object-position:50% 12%;z-index:-1}
.m-ts-feat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(16,17,20,.95) 78%)}
.m-ts-feat .m-mix-bg{right:-16px;top:-16px;bottom:auto;width:130px;height:130px;opacity:.25;z-index:0}
.m-ts-crown{position:absolute;top:14px;left:14px;font:900 22px/1 var(--display);padding:6px 10px;border-radius:8px;background:var(--mc);color:#17120A}
.m-ts-fname{font:800 30px/1 var(--display);text-transform:uppercase}
.m-ts-fv{display:block;font-size:13px;color:var(--muted);margin-top:4px}.m-ts-fv b{font:900 32px/1 var(--display);color:var(--mc);margin-right:4px}
.m-ts{background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 12%,var(--carbon)),var(--carbon) 60%);align-content:center}
.m-ts-n{color:var(--mc)}
.m-ts-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--mc) 55%,#17120A),var(--mc))}
@media (max-width:900px){.m-side-row{grid-template-columns:1fr 1fr}.m-side-art{grid-column:1/-1;grid-row:1;height:180px}.m-ts-wrap{grid-template-columns:1fr}.m-souls2{grid-template-columns:1fr;justify-items:center}.m-sl{width:100%}}
@media (max-width:640px){.m-sl{grid-template-columns:1fr}.m-ts-feat{min-height:230px}.m-side-sky{height:110px}}
.m-pace-card.crown{grid-column:1/-1}
.m-mb-dist{height:26px}
.m-mb-dist i{font:700 11.5px/1 var(--body);white-space:nowrap;overflow:hidden}
.m-pace-x b{font-size:18px!important}
.m-side-sky i{opacity:.9}
.m-pace2{grid-template-columns:1fr}
.m-pace-cards{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.9fr)}
.m-pace-card.crown{grid-column:auto}
.m-tl{margin-right:90px}
@media (max-width:1100px){.m-pace-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.m-pace-card.crown{grid-column:1/-1}}
@media (max-width:640px){.m-pace-cards{grid-template-columns:1fr 1fr}.m-side-mb{font-size:11px;padding:4px 8px}}
/* ===== v7 ===== */
.m-ts-tabs{margin:18px 0 16px}
.m-def{margin:6px 0 0;font-size:13.5px;color:var(--muted)}.m-def b{color:var(--white)}
.m-win-note{display:inline-block;margin:0 0 12px;padding:7px 12px;border-radius:8px;background:rgba(242,163,58,.1);border:1px solid rgba(242,163,58,.35);font-size:13px;color:var(--muted)}.m-win-note b{color:var(--gold)}
.m-new,.m-chip-new{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:4px;background:var(--gold);color:#17120A;font:800 10px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.m-chip-new{position:absolute;top:6px;right:6px;margin:0;z-index:1}
/* compact item cards */
.m-icc .m-icd{flex-direction:row;align-items:center;gap:12px;min-height:0;padding:12px 14px}
.m-icc .m-icd img{width:60px;height:60px;margin:0;transform:none;border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.35);flex:none}
.m-icc-n{position:absolute;top:8px;right:10px;font:900 15px/1 var(--display);color:var(--ic);opacity:.9}
.m-icc-b{display:flex;flex-direction:column;gap:2px;min-width:0}
.m-icc .m-icd-n,.m-icc .m-icd-n a{font-size:15px;margin:0;line-height:1.05}
.m-icc .m-icd-v{font-size:26px}
.m-icc small{font-size:11.5px}
/* compact new-player row */
.m-np{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.m-np a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(143,196,138,.12),var(--carbon) 60%);transition:border-color .15s,transform .15s}
.m-np a:hover{border-color:rgba(242,163,58,.5);transform:translateY(-2px)}
.m-np-n{font:900 20px/1 var(--display);color:var(--gold);width:16px}
.m-np .m-hp{width:40px;height:54px;border-radius:6px}
.m-np-b{display:flex;flex-direction:column;min-width:0}
.m-np-b>b{font:800 16px/1.05 var(--display);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-np-b span{font-size:12px;color:var(--muted)}.m-np-b span b{font:900 20px/1 var(--display);color:var(--white);margin-right:3px}
/* duos in two panels */
.m-duo-li{grid-template-columns:auto 1fr auto!important}
.m-duo-li .m-duo-faces .m-hp{width:34px;height:46px}
.m-duo-li>b{font-size:15px}
@media (max-width:1100px){.m-np{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.m-np{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.m-icc .m-icd{padding:10px}.m-icc .m-icd img{width:48px;height:48px}}
.m-iscroll,.m-tablewrap{position:relative}
.m-gl-unit{font-size:.42em;margin-left:4px;letter-spacing:.02em;opacity:.85}
/* ===== v8: bold cards for Top 5 and Top Five by Stat (same language as Meta at a Glance) ===== */
.m-gl-c.purple{--bg:linear-gradient(135deg,#8E6FD8,#4E3592);color:var(--white)}
.m-gl-c.teal{--bg:linear-gradient(135deg,#4FB3A5,#24685F);color:var(--white)}
.m-gl-c.red{--bg:linear-gradient(135deg,#E8775C,#A63F27);color:var(--white)}
.m-t5-bold{gap:14px;padding-top:26px}
.m-t5-bold .m-t5-c{overflow:visible;background:none;border:0;min-height:250px;padding:16px;justify-content:flex-end;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.m-t5-bold .m-t5-c::before{display:none}
.m-t5-bold .m-t5-c::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-2;background:var(--bg)}
.m-t5-bold .m-t5-c:hover{transform:translateY(-3px)}
.m-t5-bold .m-gl-tag{position:absolute;top:14px;left:14px;z-index:2}
.m-t5-bold .m-t5-art{position:absolute;left:50%;right:auto;top:auto;bottom:78px;transform:translateX(-50%);width:auto;height:115%;max-width:none;max-height:none;inset:auto auto 78px 50%;object-fit:contain;object-position:bottom center;z-index:-1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
  -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 26%);mask-image:linear-gradient(0deg,transparent 0,#000 26%)}
.m-t5-bold .m-t5-b{position:relative;z-index:1;gap:1px}
.m-t5-big{font:900 clamp(34px,3.2vw,44px)/.95 var(--display);letter-spacing:-.01em}
.m-t5-bold .m-t5-name{font:800 19px/1.05 var(--display);text-transform:uppercase;margin-top:4px}
.m-t5-bold .m-t5-b small{font-size:12px;font-weight:600;opacity:.85;color:inherit}
.m-gl-c.orange .m-t5-b small{color:#17120A}
/* featured stat card */
.m-ts-feat.m-gl-c{--bg:linear-gradient(135deg,color-mix(in srgb,var(--mc) 92%,#fff),color-mix(in srgb,var(--mc) 70%,#000));overflow:visible;border:0;background:none;color:#17120A;min-height:290px;margin-top:22px}
.m-ts-feat.m-gl-c.heal,.m-ts-feat.m-gl-c.dmg{color:#17120A}
.m-ts-feat.m-gl-c::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-2;background:var(--bg)}
.m-ts-feat .m-gl-tag{position:absolute;top:14px;left:14px;z-index:2}
.m-ts-feat .m-ts-art{position:absolute;inset:auto -6px 0 auto;height:118%;width:auto;max-width:70%;object-fit:contain;object-position:bottom right;z-index:-1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 38%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.m-ts-fb{position:relative;z-index:1;display:flex;flex-direction:column;max-width:60%}
.m-ts-big{font:900 clamp(44px,4.6vw,64px)/.95 var(--display);letter-spacing:-.01em}
.m-ts-feat .m-ts-fname{font:800 24px/1.05 var(--display);margin-top:6px;color:inherit}
.m-ts-feat small{font-size:13px;font-weight:600;opacity:.8}
.m-ts-wrap{align-items:end}
.m-ts{margin-top:22px}
@media (max-width:1100px){.m-t5-bold{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.m-t5-bold{grid-template-columns:none}.m-t5-bold .m-t5-c{min-height:220px}.m-ts-fb{max-width:70%}}
.m-t5-bold .m-t5-c{clip-path:inset(-70px 0 -40px 0 round 12px)}
.m-t5-bold .m-t5-art{height:108%;bottom:74px;
  -webkit-mask-image:linear-gradient(0deg,transparent 0,#000 26%),linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(0deg,transparent 0,#000 26%),linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-composite:intersect}
.m-ts-feat.m-gl-c{clip-path:inset(-70px 0 -40px 0 round 12px)}
.m-ts-feat .m-ts-art{right:0;max-width:72%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0,#000 22%);mask-composite:intersect}
.m-t5-bold{padding-top:44px}
.m-t5-bold .m-t5-c{clip-path:inset(-40px 0 -40px 0 round 12px)}
.m-t5-bold .m-t5-art{height:100%}
/* ===== v9 ===== */
/* top-five tabs always clickable; card art never catches clicks */
.m-ts-tabs{position:relative;z-index:3}
.m-t5-art,.m-ts-art,.m-gl-hero,.m-gl-item{pointer-events:none}
/* bold cards: full-bleed art inside the card, fading into the card colour */
.m-t5-bold{padding-top:0;margin-top:16px}
.m-t5-bold .m-t5-c{clip-path:none;overflow:hidden;min-height:270px}
.m-t5-bold .m-t5-art{inset:0 0 auto 0;transform:none;width:100%;height:74%;object-fit:cover;object-position:50% 14%;filter:none;
  -webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 50%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
.m-ts-feat.m-gl-c{clip-path:none;overflow:hidden;margin-top:0}
.m-ts-feat .m-ts-art{inset:0 0 0 auto;width:62%;height:100%;max-width:none;object-fit:cover;object-position:50% 14%;filter:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%);-webkit-mask-composite:source-over;mask-composite:add}
.m-ts{margin-top:0}
.m-ts-wrap{align-items:stretch}
/* mid boss card */
.m-mb{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:none!important;align-items:center;column-gap:20px}
.m-mb .m-mix-ic{grid-row:auto!important}
.m-mb-main{display:flex;flex-direction:column;gap:2px}
.m-mb-main b{font:900 34px/1 var(--display)}
.m-mb-main small{font-size:12.5px;color:var(--muted);max-width:120px}
.m-mb-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end;height:110px;padding:0 4px;position:relative}
.m-mb-cols span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.m-mb-cols i{display:block;width:100%;max-width:34px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#C3B0F2,#7C66B8)}
.m-mb-cols em{font:800 12px/1 var(--display);font-style:normal;color:var(--white)}
.m-mb-cols small{font:800 12px/1 var(--display);color:var(--muted)}
.m-mb-cols p{position:absolute;left:0;right:0;bottom:-16px;margin:0;text-align:center;font-size:10.5px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.m-mb-ring{position:relative;display:grid;justify-items:center;width:110px;text-align:center}
.m-mb-ring svg{width:72px;height:72px}
.m-mb-ring b{position:absolute;top:24px;left:0;right:0;font:900 20px/1 var(--display)}
.m-mb-ring small{font-size:11px;color:var(--muted);line-height:1.25;margin-top:4px}
@media (max-width:640px){.m-mb{grid-template-columns:auto 1fr;row-gap:16px}.m-mb-cols{grid-column:1/-1}.m-mb-ring{grid-column:1/-1;justify-self:center}}
/* hidden king vs archmother posters */
.m-side2{border-radius:12px;padding:18px;border:1px solid var(--line);background:var(--carbon);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-sp-row{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.m-sp{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:12px;background-size:cover;background-position:center 30%;display:flex;align-items:flex-end;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.m-sp.hk{background-image:url(/img/bg/patron_hk.webp);color:#17120A}
.m-sp.am{background-image:url(/img/bg/patron_am.webp);color:#fff;justify-content:flex-end}
.m-sp::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;pointer-events:none}
.m-sp.hk::after{background:linear-gradient(0deg,rgba(255,172,18,.97) 35%,transparent)}
.m-sp.am::after{background:linear-gradient(0deg,rgba(57,116,173,.97) 35%,transparent)}
.m-sp-s{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:18px 20px}
.m-sp.am .m-sp-s{align-items:flex-end;text-align:right}
.m-sp-s>b{font:900 clamp(44px,5vw,66px)/.95 var(--display)}
.m-sp-s small{font-size:13px;font-weight:700;opacity:.85}
.m-sp.hk .m-pace-c,.m-sp.hk .m-vs{color:#3A2A08}.m-sp.hk .m-chg.up{color:#1E5A1A}.m-sp.hk .m-chg.down{color:#8A2410}
.m-sp.am .m-vs{color:rgba(255,255,255,.8)}.m-sp.am .m-chg.up{color:#C9F2C2}.m-sp.am .m-chg.down{color:#FFD0C2}
.m-sp-mb{margin-top:8px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;background:rgba(16,17,20,.85);color:var(--muted)}
.m-sp-mb b{color:#fff;font:900 15px/1 var(--display);margin-left:3px}
.m-sp-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font:900 26px/1 var(--display);color:#fff;background:var(--onyx);border:3px solid var(--carbon);border-radius:50%;width:62px;height:62px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.5)}
@media (max-width:640px){.m-sp-row{grid-template-columns:1fr}.m-sp{aspect-ratio:4/3}.m-sp-vs{width:48px;height:48px;font-size:20px}}
.m-gl-c.green{--bg:linear-gradient(135deg,#6CC07A,#2D7A45);color:var(--white)}
/* v10: posters on top, stats in a solid band below */
.m-sp{aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;background-image:none!important}
.m-sp.hk{background:#FFAC12}.m-sp.am{background:#3974AD}
.m-sp::before{content:"";display:block;aspect-ratio:16/8;background-size:cover;background-position:center 42%}
.m-sp.hk::before{background-image:url(/img/bg/patron_hk.webp)}.m-sp.am::before{background-image:url(/img/bg/patron_am.webp)}
.m-sp::after{display:none}
.m-sp-s{padding:6px 20px 18px}
.m-sp.am .m-sp-s{align-items:flex-end}
.m-sp-vs{top:calc(50% - 30px)}
/* mid boss card gets its own full-width row */
.m-pace-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-pace-card.m-mb{grid-column:1/-1;grid-template-columns:auto minmax(150px,auto) minmax(260px,360px) auto;justify-content:start;column-gap:32px;padding:18px 24px}
.m-mb-main small{max-width:none}
.m-mb-cols{height:120px;padding-top:4px;gap:14px}
.m-mb-cols i{max-width:44px}
.m-mb-cols p{position:static;grid-column:1/-1;order:-1;text-align:left;margin:0 0 4px;display:none}
.m-mb-cols::before{content:"Matches by Mid Boss kills";position:absolute;top:-18px;left:4px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.m-mb-cols{margin-top:18px}
.m-mb-ring{width:150px}
.m-mb-ring svg{width:84px;height:84px}.m-mb-ring b{top:29px;font-size:22px}
@media (max-width:900px){.m-pace-cards{grid-template-columns:1fr 1fr}.m-pace-card.m-mb{grid-template-columns:auto 1fr}.m-mb-cols,.m-mb-ring{grid-column:1/-1;justify-self:stretch}.m-mb-ring{justify-self:center}}
.m-sp::before{aspect-ratio:16/10;background-position:center 22%}
@media (max-width:640px){.m-sp-vs{top:50%}}
/* playstyle tiles: best hero of each style instead of the faded icon */
.m-mix-t{min-height:118px;padding-right:44%}
.m-mix-hero{position:absolute;inset:0 0 0 auto;width:52%;height:100%;object-fit:cover;object-position:50% 14%;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}
.m-mix-who{position:absolute;right:10px;bottom:8px;font:800 11px/1 var(--display);text-transform:uppercase;letter-spacing:.06em;padding:4px 7px;border-radius:4px;background:rgba(16,17,20,.8);color:var(--white)}
.m-mix-t .m-mix-x{position:relative;z-index:1}
@media (max-width:640px){.m-mix-t{padding-right:40%}}
.m-mix-l{display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.3}.m-mix-l em{margin-left:0}
.m-mix2 .m-mix-row{grid-template-columns:1fr 1fr;margin-top:0}
.m-mix2 .m-mix-t{min-height:150px;transition:opacity .2s}
.m-mix2 .m-mix-t b{font-size:40px}
.m-mix2 .m-mix-t.on{box-shadow:inset 0 0 0 3px var(--mc),0 0 0 4px color-mix(in srgb,var(--mc) 25%,transparent),0 14px 34px rgba(0,0,0,.4);background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 42%,var(--carbon)),var(--carbon) 72%)}
.m-mix2 .m-mix-t.off{opacity:.55;filter:saturate(.5)}
.m-mix2 .m-mix-l em{font-size:11px;padding:3px 8px}
@media (max-width:640px){.m-mix2 .m-mix-row{grid-template-columns:1fr}}
/* v11: compact side comparison */
.m-side2{padding:14px}
.m-side2 .m-side-lead{margin:0 0 10px;font-size:13.5px}
.m-sp{flex-direction:row;min-height:0;height:150px}
.m-sp.am{flex-direction:row-reverse}
.m-sp::before{aspect-ratio:auto;width:50%;flex:none;height:100%;background-position:center 30%}
.m-sp-s{justify-content:center;padding:12px 18px}
.m-sp.am .m-sp-s{align-items:flex-start;text-align:left}
.m-sp-s>b{font-size:clamp(34px,3.4vw,46px)}
.m-sp-mb{margin-top:6px;font-size:11.5px}
.m-sp-vs{top:50%;width:48px;height:48px;font-size:19px}
.m-side2 .m-side-bar{height:24px;margin-top:12px}
@media (max-width:640px){.m-sp{height:130px}.m-sp-vs{display:none}}
@media (max-width:640px){.m-sp{height:auto;min-height:120px}.m-sp::before{width:42%}.m-sp-s{padding:10px 12px}.m-sp-s>b{font-size:32px}.m-sp-mb{font-size:10.5px;padding:4px 8px}}
/* team compositions */
.m-ts-tabs{align-items:center}
.m-tip{position:relative;margin-left:auto;font-size:13px;font-weight:600;color:var(--muted);border-bottom:1px dashed var(--dim);cursor:help}
.m-tip-b{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,80vw);padding:12px 14px;border-radius:10px;background:var(--carbon-2);border:1px solid var(--line-2);box-shadow:0 14px 30px rgba(0,0,0,.5);font-size:13px;font-weight:500;line-height:1.45;color:var(--white);opacity:0;visibility:hidden;transition:opacity .15s;z-index:5}
.m-tip:hover .m-tip-b,.m-tip:focus .m-tip-b{opacity:1;visibility:visible}
.m-comp{list-style:none;margin:0;padding:8px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:28px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(242,163,58,.1),var(--carbon) 55%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-comp li{display:grid;grid-template-columns:22px auto 1fr auto;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line)}
.m-comp li:nth-last-child(-n+2){border-bottom:0}
.m-comp-n{font:900 20px/1 var(--display);color:var(--gold)}
.m-comp-faces{display:flex}.m-comp-faces .m-hp{width:36px;height:48px;border-radius:6px;box-shadow:0 0 0 2px var(--carbon)}.m-comp-faces .m-hp+.m-hp{margin-left:-8px}
.m-comp-names{font-weight:700;font-size:14.5px;line-height:1.25}
.m-comp-v{display:flex;flex-direction:column;align-items:flex-end}.m-comp-v b{font:900 24px/1 var(--display)}.m-comp-v small{font-size:12px;color:var(--muted)}
@media (max-width:900px){.m-comp{grid-template-columns:1fr}.m-comp li:nth-last-child(2){border-bottom:1px solid var(--line)}}
@media (max-width:640px){.m-comp{padding:4px 12px}.m-comp li{grid-template-columns:18px auto 1fr;row-gap:2px;padding:8px 0}.m-comp-v{grid-column:3;flex-direction:row;align-items:baseline;gap:8px}.m-tip{margin-left:0}}
/* top team combination */
.m-tc-h{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.m-tc-stat{display:flex;align-items:center;gap:12px}
.m-tc-stat>b{font:900 44px/1 var(--display);color:var(--gold)}
.m-tc-stat span{display:flex;flex-direction:column;font-weight:700;font-size:14px}.m-tc-stat small{font-weight:500;color:var(--muted);font-size:12.5px}
.m-tc{grid-template-columns:repeat(6,minmax(0,1fr))}
.m-tc .m-t5-c{min-height:220px}
.m-flex{height:100%;min-height:220px;border-radius:12px;border:2px dashed var(--line-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);background:rgba(255,255,255,.02)}
.m-flex-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-2);font:900 24px/1 var(--display);margin-bottom:6px}
.m-flex b{font:800 16px/1 var(--display);text-transform:uppercase;color:var(--white)}.m-flex small{font-size:12px}
@media (max-width:1100px){.m-tc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.m-tc{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow:visible;margin-right:0;padding-right:0}.m-tc .m-t5-c,.m-flex{min-height:170px}}
/* buffs */
.m-bf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px}
.m-bf-k{display:grid;gap:12px}
.m-bf .m-pace-card{--mc:#E7C77A}.m-bf .m-pace-card.temp{--mc:#E8644A}
.m-bf-tt{grid-column:2;font-size:12px;color:var(--muted);margin-top:4px}
.m-bf-types{border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(231,199,122,.1),var(--carbon) 55%);padding:16px 20px;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-bf-types ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.m-bf-types li{display:grid;grid-template-columns:104px 1fr 40px;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.m-bf-types li b{font:900 16px/1 var(--display);color:var(--white);text-align:right}
.m-bf-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}.m-bf-bar i{display:block;height:100%;border-radius:4px;background:var(--c)}
@media (max-width:900px){.m-bf{grid-template-columns:1fr}}
@media (max-width:640px){.m-bf-types ul{grid-template-columns:1fr}.m-bf-k{grid-template-columns:1fr}}
.m-tc-h{margin:14px 0 4px}.m-bf-types li{grid-template-columns:118px 1fr 40px}
/* team combo: plain portrait cards */
.m-tc .m-tc-c{background:#17181C!important;border:1px solid var(--line)!important;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.m-tc .m-tc-c::after{background:linear-gradient(180deg,transparent 45%,rgba(16,17,20,.95) 88%)!important;z-index:-1}
.m-tc .m-tc-c .m-t5-art{height:100%;-webkit-mask-image:none;mask-image:none;z-index:-2}
.m-tc .m-tc-c:hover{border-color:rgba(242,163,58,.5)!important}
.m-tc .m-t5-name{color:var(--white)}
/* buff tomes */
.m-bf-types{position:relative;overflow:hidden;isolation:isolate}
.m-bf-art{position:absolute;right:-60px;top:-30px;width:340px;opacity:.10;z-index:-1;pointer-events:none}
.m-bf-types li{grid-template-columns:34px 104px 1fr 40px}
.m-bf-ic{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.m-bf-types ul{gap:6px 24px}
.m-flex{border:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 10px,transparent 10px 20px),var(--carbon);cursor:default;user-select:none;justify-content:flex-end;align-items:flex-start;padding:16px}
.m-flex b{color:var(--dim);font-size:18px}.m-flex small{color:var(--dim)}
.m-hpick-in,.m-duo-plus{cursor:pointer}
/* duo lookup result */
.m-duo-look{background:linear-gradient(135deg,rgba(242,163,58,.1),var(--carbon) 55%);box-shadow:0 8px 22px rgba(0,0,0,.25)}
.m-dr{position:relative;display:grid;grid-template-columns:110px 110px 1fr;gap:0;min-height:140px;border-radius:12px;overflow:hidden;background:#17181C;border:1px solid var(--line)}
.m-dr-art{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.m-dr-art+.m-dr-art{border-left:2px solid var(--onyx)}
.m-dr-b{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 20px}
.m-dr-name{font:800 22px/1.05 var(--display);text-transform:uppercase}
.m-dr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.m-dr-stats div{display:flex;flex-direction:column;gap:3px}
.m-dr-stats span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.m-dr-stats b{font:900 28px/1 var(--display);color:var(--white)}
.m-dr-stats b.up{color:var(--up)}.m-dr-stats b.down{color:var(--down)}
.m-dr-stats b small{font:600 12px/1 var(--body);color:var(--muted)}
.m-dr-note{margin:0;font-size:12.5px;color:var(--muted)}
.m-duo-look>div[aria-live]{flex:1 1 100%}
@media (max-width:900px){.m-dr{grid-template-columns:80px 80px 1fr}.m-dr-stats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.m-dr{grid-template-columns:1fr 1fr}.m-dr-art{height:120px}.m-dr-b{grid-column:1/-1}.m-dr-name{font-size:18px}}
/* v12 mobile fixes */
.m-rj{display:block;width:30px;height:30px;object-fit:contain}
.m-tl-dot .m-rj{width:26px;height:26px}
.m-mix-bg.m-rj{position:absolute;right:-10px;bottom:-14px;width:118px;height:118px;opacity:.12;z-index:-1;filter:grayscale(.3)}
@media (max-width:640px){
  .m-agrid-wrap{display:block}
  .m-agrid{width:100%}
  .m-agrid td{width:auto;min-width:0}
  .m-agrid tbody th{min-width:0;padding-right:4px;position:sticky;left:0;background:var(--carbon);z-index:1}
  .m-pm li{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:6px 0}
  .m-pm li>b{font-size:14.5px;line-height:1.2}
  .m-pm-d{align-self:center}
  .m-pm-d small{font-size:11px!important;white-space:nowrap}
  .m-ts li{grid-template-columns:22px 36px minmax(0,1fr);gap:10px}
  .m-ts .m-hp{width:36px;height:48px}
  .m-ts-h{flex-wrap:wrap;row-gap:2px}
  .m-ts-h>b{font-size:14.5px;flex:1 1 100%}
  .m-ts-h span{font-size:11.5px}
  .m-ts-h span b{font-size:20px}
}
.m-tl-dot .m-rj{width:32px;height:32px}.m-mb .m-mix-ic .m-rj{width:40px;height:40px}
.m-pms .m-pm+.m-pm{padding:16px 18px!important}
@media (max-width:640px){.meta-nav .wrap>*{min-width:0;max-width:100%}.meta-nav .seg{overflow-x:auto;scrollbar-width:none}.meta-filters{width:100%}.meta-filters select{min-width:0}}
@media (max-width:640px){.meta-filters select{padding:0 20px 0 8px;font-size:12.5px}}
/* hero detail row in the full table */
.m-detail-row td{padding:10px!important;background:var(--onyx)}
.m-hd{display:grid;grid-template-columns:240px 1fr;gap:14px;text-align:left;white-space:normal}
.m-hd-hero{--tc:#8A857B;position:relative;overflow:hidden;isolation:isolate;border-radius:12px;min-height:260px;display:flex;align-items:flex-end;background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 45%,var(--carbon)),#17181C 70%);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.m-hd-hero img{position:absolute;inset:0;width:100%;height:78%;object-fit:cover;object-position:50% 14%;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
.m-hd-hb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}
.m-hd-hb .m-tier{width:34px;height:34px;font-size:20px;border-radius:7px}
.m-hd-hb>b{font:800 26px/1 var(--display);text-transform:uppercase}
.m-hd-wr{font:900 30px/1 var(--display)}.m-hd-wr small{font:600 12px/1 var(--body);color:var(--muted)}
.m-hd-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.m-hd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.m-hd-t{--mc:var(--gold);display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--mc) 12%,var(--carbon)),var(--carbon) 70%)}
.m-hd-t.dmg{--mc:#E8644A}.m-hd-t.heal{--mc:#6FCF7F}.m-hd-t.obj{--mc:#79B9E0}
.m-hd-t span{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.m-hd-t b{font:900 22px/1 var(--display);color:var(--white)}
.m-hd-items{border-radius:12px;border:1px solid var(--line);background:var(--carbon);padding:12px 14px}
.m-hd-items ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.m-hd-items li{--ic:var(--gold);display:grid;grid-template-columns:40px minmax(0,1fr) 92px;align-items:center;gap:10px}
.m-hd-items li.weapon{--ic:#E08A2E}.m-hd-items li.vitality{--ic:#6FAF63}.m-hd-items li.spirit{--ic:#9C7BE0}
.m-hd-items img{width:40px;height:40px;border-radius:8px;box-shadow:inset 0 0 0 2px var(--ic)}
.m-hd-in{display:flex;flex-direction:column;min-width:0}.m-hd-in b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-hd-in small{font-size:11.5px;color:var(--muted)}
.m-hd-iv{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.m-hd-iv b{font:900 18px/1 var(--display)}
.m-hd-bar{display:block;width:100%;height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}.m-hd-bar i{display:block;height:100%;background:var(--ic)}
.m-hd .m-links{display:flex;gap:8px;flex-wrap:wrap;margin:0}
@media (max-width:900px){.m-hd{grid-template-columns:1fr}.m-hd-hero{min-height:200px}.m-hd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.m-hd-items ul{grid-template-columns:1fr}}
/* full win-rate table: fits without sideways scrolling; whole row opens details */
#mTable .m-table{font-size:13.5px}
#mTable .m-table th,#mTable .m-table td{padding:8px 7px}
#mTable .m-table thead th{white-space:normal;line-height:1.15;vertical-align:bottom}
#mTable .m-table thead th button{text-align:left;min-height:28px}
#mTable .m-table .c-hero .m-hp{width:30px;height:40px}
#mTable tr.m-row{cursor:pointer}
#mTable tr.m-row:hover>*{background:rgba(255,255,255,.03)}
#mTable .m-tablewrap{overflow-x:visible}
@media (max-width:1250px){#mTable .c-souls,#mTable .c-obj{display:none}}
@media (max-width:1000px){#mTable .c-xs{display:none}}
@media (max-width:640px){#mTable .c-d{display:none}#mTable .m-table .c-hero .m-hp{display:block;width:26px;height:34px}#mTable .c-x .m-more{padding:0 8px}}
/* no dividing lines through the ad column */
.meta-head,.meta-nav{border-bottom:0}
@media (max-width:1250px){#mTable .c-souls,#mTable .c-obj{display:none}}
@media (max-width:1000px){#mTable .c-kda,#mTable .c-dmg,#mTable .c-heal{display:none}}
@media (max-width:640px){
  #mTable .m-hd,#mTable .m-hd-main,#mTable .m-hd-stats,#mTable .m-hd-items{min-width:0}
  #mTable .m-hd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #mTable .m-hd-t b{font-size:18px}
  #mTable .m-hd-items li{grid-template-columns:34px minmax(0,1fr) 56px;gap:8px}
  #mTable .m-hd-items img{width:34px;height:34px}
  #mTable .m-hd .m-links .btn{white-space:normal;height:auto;min-height:34px;text-align:center}
  #mTable .m-detail-row td{padding:8px 4px!important}
  #mTable .c-hero span{white-space:normal}
}
@media (max-width:640px){#mTable .m-table .c-tier{display:table-cell}#mTable .m-table .c-tier .m-tier{width:24px;height:24px;font-size:14px}}
/* SEO copy blocks */
.m-lead{margin:8px 0 0;max-width:78ch;font-size:15px;line-height:1.55;color:var(--muted)}
.m-t5-sum{margin:12px 0 0;font-size:15px;color:var(--muted)}.m-t5-sum b{color:var(--white)}
.m-howto{margin-top:10px;font-size:14px}
.m-howto>summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:700;list-style:none}
.m-howto>summary::-webkit-details-marker{display:none}
.m-howto>summary::before{content:"";width:7px;height:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .15s}
.m-howto[open]>summary::before{transform:rotate(45deg)}
.m-howto p{margin:8px 0 0;max-width:78ch;color:var(--muted);line-height:1.55}
.m-full-t{display:flex;flex-direction:column;gap:3px}
.m-full-h{font:800 18px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0}
#mFull>summary small{font-weight:500;line-height:1.4}
.m-faq{display:grid;gap:8px;margin-top:14px}
.m-faq-q{border:1px solid var(--line);border-radius:12px;background:var(--carbon)}
.m-faq-q>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.m-faq-q>summary::-webkit-details-marker{display:none}
.m-faq-q>summary h3{margin:0;font-size:16px;font-weight:700}
.m-faq-q>summary::after{content:"+";font:900 22px/1 var(--display);color:var(--gold);flex:none}
.m-faq-q[open]>summary::after{content:"−"}
.m-faq-q p{margin:0;padding:0 18px 16px;color:var(--muted);line-height:1.6;max-width:85ch}
@media (max-width:640px){.m-lead{font-size:14px}.h2{overflow-wrap:anywhere}}