:root{--dk-bg:#07111c;--dk-panel:#0d1a29;--dk-line:#273b51;--dk-text:#e6edf5;--dk-muted:#8798aa;--dk-purple:#a45de4;--dk-green:#42cd88;--dk-yellow:#dfb549;--dk-red:#ee6670}
.decks-page{min-height:calc(100vh - 37px);background:radial-gradient(circle at 18% 0,rgba(25,52,73,.28),transparent 36%),linear-gradient(180deg,#030b14,#071621);color:var(--dk-text)}
.decks-shell{padding:10px 0 8px}.decks-heading{position:relative;min-height:27px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.decks-heading h1{margin:0;font-size:22px;line-height:1;letter-spacing:.035em}.decks-filter-toggle{height:27px;padding:0 11px;border:1px solid #62427e;border-radius:6px;background:#20152f;color:#d9b7f5;font-size:8px;font-weight:850}.decks-filter-toggle.is-active:after{content:"";width:5px;height:5px;display:inline-block;margin-left:6px;border-radius:50%;background:#d88cff;vertical-align:1px}
.decks-filters{position:absolute;z-index:30;top:calc(100% + 6px);right:0;width:min(760px,calc(100vw - 40px));padding:9px;border:1px solid #3b526a;border-radius:8px;background:#0a1724;box-shadow:0 15px 35px #0009}.decks-filters[hidden]{display:none!important}.decks-filters fieldset{border:0}.decks-periods{display:flex;gap:4px;margin-bottom:8px}.decks-periods button,.decks-apply,.decks-filters #decks-clear{height:29px;padding:0 10px;border:1px solid #344a60;border-radius:6px;background:#0a1521;color:#9eafc0;font-size:8px;font-weight:800}.decks-periods button.is-active{border-color:#9d61d2;background:#20152f;color:#debaff}.decks-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.decks-filters label{display:grid;gap:2px;color:#8fa0b3;font-size:8px}.decks-filters select,.decks-filters input{width:100%;height:29px;padding:0 7px;border:1px solid #344a60;border-radius:6px;background:#08131e;color:#dbe4ed;font-size:9px}.decks-filters footer{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.decks-apply{border-color:#6d4790;background:#261638;color:#e1b9ff}
.decks-ranking{overflow:hidden;border:1px solid rgba(130,157,180,.25);border-radius:10px;background:linear-gradient(145deg,#101f31,#091522);box-shadow:0 9px 25px #0002}.decks-ranking>header{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ffffff10}.decks-ranking h2{margin:0;font-size:12px;letter-spacing:.045em}.decks-ranking header span{color:var(--dk-muted);font-size:9px}.decks-ranking header div span{display:block;margin-top:2px}.decks-state{padding:16px 12px;color:var(--dk-muted);font-size:11px}.decks-state[hidden],.decks-table-wrap[hidden],.decks-pagination[hidden]{display:none!important}.decks-table-wrap{overflow-x:auto;overflow-y:hidden}
.decks-ranking table{width:100%;table-layout:fixed}.decks-ranking th{position:sticky;z-index:2;top:0;height:31px;padding:0 8px;background:#08131e;color:#8293a5;font-size:8px;text-align:left;text-transform:uppercase}.decks-ranking th button{color:inherit;font-weight:inherit;text-transform:inherit}.decks-ranking th button.is-active{color:#d7a9f7}.decks-ranking th:nth-child(1){width:45px}.decks-ranking th:nth-child(2){width:24%}.decks-ranking th:nth-child(3){width:12%}.decks-ranking th:nth-child(4){width:8%}.decks-ranking th:nth-child(5){width:11%}.decks-ranking th:nth-child(6){width:9%}.decks-ranking th:nth-child(7){width:11%}.decks-ranking th:nth-child(8){width:10%}.decks-ranking th:nth-child(9){width:9%}
.decks-ranking td{height:38px;padding:0 8px;border-top:1px solid #ffffff0c;color:#cbd6e1;font-size:11px}.decks-ranking tbody tr:hover{background:#14283c}.decks-ranking td:first-child{color:#9c70c5;font-weight:900}.decks-ranking .deck-name{color:#edf4fa;font-weight:750}.decks-ranking .deck-name a{display:flex;align-items:center;gap:6px;min-width:0}.decks-ranking .deck-name a>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.decks-ranking .metric{color:var(--dk-green);font-weight:800}.decks-ranking .record span:nth-child(1){color:var(--dk-green)}.decks-ranking .record span:nth-child(2){color:var(--dk-yellow)}.decks-ranking .record span:nth-child(3){color:var(--dk-red)}.decks-evidence{display:inline-flex;align-items:center;gap:5px}.decks-evidence::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dk-red)}.decks-evidence.is-medium::before{background:var(--dk-yellow)}.decks-evidence.is-high::before{background:var(--dk-green)}
.decks-pagination{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-top:1px solid #ffffff10;color:var(--dk-muted);font-size:9px}.decks-pagination-controls{display:flex;align-items:center;gap:3px}.decks-pagination button{min-width:25px;height:25px;padding:0 6px;border:1px solid #31465b;border-radius:5px;background:#091522;color:#9eafc0;font-size:9px}.decks-pagination button:hover:not(:disabled),.decks-pagination button.is-active{border-color:#9d61d2;background:#20152f;color:#e6c6ff}.decks-pagination button:disabled{cursor:default;opacity:.35}.decks-pagination-ellipsis{padding:0 3px;color:#718397}
.deck-placeholder{margin-top:18px;padding:24px;border:1px solid rgba(130,157,180,.25);border-radius:10px;background:linear-gradient(145deg,#101f31,#091522)}.deck-placeholder>span{color:#a45de4;font-size:9px;font-weight:800}.deck-placeholder h1{margin:7px 0}.deck-placeholder a{display:inline-block;margin-top:18px;color:#a45de4;font-size:11px}
@media(max-width:1000px){.decks-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decks-periods{flex-wrap:wrap}.decks-ranking table{min-width:900px}.decks-pagination{align-items:flex-start;flex-direction:column}}

/* Individual deck V1: compact density aligned with Meta and Matchups. */
.deck-detail-page{--dd-panel:linear-gradient(145deg,#101f31,#091522);--dd-border:rgba(130,157,180,.25)}
.deck-detail-shell{padding:8px 0 18px}.deck-detail-back{height:24px;display:flex;align-items:center}.deck-detail-back a{color:#9f73c9;font-size:9px;font-weight:800}.deck-detail-state{padding:28px;border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-panel);color:var(--dk-muted);font-size:10px;text-align:center}.deck-detail-state[hidden],#deck-detail-content[hidden]{display:none!important}
.deck-characteristic-card[hidden]{display:none!important}
.deck-profile{min-height:112px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:9px;border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-panel)}.deck-characteristic-card{width:76px;height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border:1px dashed #53677b;border-radius:7px;background:linear-gradient(145deg,#142436,#09131e);color:#8c9bad}.deck-characteristic-card span{font-size:10px;font-weight:900;letter-spacing:.12em}.deck-characteristic-card small{margin-top:3px;font-size:7px}.deck-characteristic-card.has-image{position:relative;border-style:solid}.deck-characteristic-card.has-image img{width:100%;height:100%;object-fit:cover}.deck-characteristic-card.has-image small{position:absolute;right:0;bottom:0;left:0;margin:0;padding:3px;background:#07111cdd;color:#dce6ef;text-align:center}.deck-profile-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.deck-profile-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff10}.deck-profile-title h1{margin:0 0 6px;font-size:20px;letter-spacing:.035em}.deck-profile-title p{margin:0;color:#8e9fb0;font-size:9px}.deck-profile-metrics{display:grid;grid-template-columns:.55fr repeat(7,1fr);align-items:center}.deck-profile-metrics>div{min-width:0;padding:5px 9px;border-left:1px solid #ffffff10}.deck-profile-metrics>div:first-child{border-left:0}.deck-profile-metrics span{display:block;color:#8293a5;font-size:7px;font-weight:800}.deck-profile-metrics strong{display:block;margin-top:3px;overflow:hidden;color:#e1e9f0;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.deck-profile-metrics>div:nth-child(2) strong{color:var(--dk-green);font-size:17px}
.deck-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:8px;margin-top:8px}.deck-detail-secondary{min-width:0;display:flex;flex-direction:column;gap:8px}.deck-detail-panel{min-width:0;overflow:hidden;border:1px solid var(--dd-border);border-radius:10px;background:var(--dd-panel)}.deck-detail-panel>header{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #ffffff10}.deck-detail-panel h2{margin:0;font-size:10px;letter-spacing:.045em}.deck-detail-panel header span{color:var(--dk-muted);font-size:8px}.deck-detail-panel header div>span{display:block;margin-top:1px}
.deck-evolution-chart{height:180px;padding:6px 10px}.deck-evolution-chart svg{width:100%;height:145px;display:block;overflow:visible}.deck-chart-grid line{stroke:#ffffff12;stroke-width:1}.deck-chart-grid text,.deck-chart-labels text{fill:#7f91a3;font-size:8px}.deck-chart-labels text{text-anchor:middle}.deck-chart-performance,.deck-chart-share{fill:none;stroke-width:2}.deck-chart-performance{stroke:var(--dk-green)}.deck-chart-share{stroke:var(--dk-purple)}.deck-chart-performance-dot{fill:var(--dk-green)}.deck-chart-share-dot{fill:var(--dk-purple)}.deck-chart-legend{height:20px;display:flex;justify-content:center;gap:15px;color:#8fa0b2;font-size:8px}.deck-chart-legend span:before{content:"";width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--dk-green)}.deck-chart-legend .is-share:before{background:var(--dk-purple)}
.deck-results{margin-top:8px}.deck-results-head,.deck-result-row{display:grid;grid-template-columns:72px minmax(240px,1.7fr) minmax(150px,1fr) 65px 65px;align-items:center;gap:7px;padding:0 10px}.deck-results-head{height:26px;background:#08131e;color:#8293a5;font-size:8px}.deck-result-row{height:38px;border-top:1px solid #ffffff0c;color:#cbd6e1;font-size:9px}.deck-result-row time{color:#899bac}.deck-result-row b,.deck-result-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-result-row strong{color:#c794ed}.deck-result-player{display:flex;align-items:center;gap:5px;min-width:0}.deck-result-player>span{min-width:0}.decklist-trigger{width:23px;height:22px;display:grid;flex:none;place-items:center;padding:0;border:1px solid #5f4277;border-radius:4px;background:#1d1429;color:#c58bec}.decklist-trigger:hover{border-color:#a865d8;color:#e0b0ff}.decklist-trigger svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}.deck-results-pagination{height:27px;display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #ffffff10}.deck-results-pagination[hidden]{display:none!important}.deck-results-pagination button{min-width:23px;height:20px;padding:0 5px;border:1px solid #33485e;border-radius:4px;background:#101e2e;color:#94a5b7;font-size:8px}.deck-results-pagination button.is-active{border-color:#9d61d2;color:#d6a8f7}.deck-results-pagination button:disabled{opacity:.35}
.deck-presence-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:8px}.deck-presence-metrics>div{padding:3px 6px;border-left:1px solid #ffffff10;text-align:center}.deck-presence-metrics>div:first-child{border-left:0}.deck-presence-metrics strong{display:block;color:#e7eef5;font-size:16px}.deck-presence-metrics span{display:block;color:#8596a8;font-size:7px}.deck-presence h3{margin:2px 10px 5px;color:#a678ce;font-size:8px}.deck-geography{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;padding:0 10px 7px}.deck-geography>div{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0c}.deck-geography span{min-width:0;display:flex;flex-direction:column}.deck-geography b{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.deck-geography strong{color:#b986e0;font-size:11px}.deck-decklist-coverage{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.deck-decklist-coverage span{color:#a678ce;font-size:8px;font-weight:800}.deck-decklist-coverage strong{font-size:14px}
.decklist-dialog{width:min(920px,calc(100vw - 40px));padding:0;border:1px solid #42566b;border-radius:9px;background:#091622;color:#e1e9f0;box-shadow:0 22px 70px #000c}.decklist-dialog::backdrop{background:#02070dc9}.decklist-dialog>header{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #ffffff12}.decklist-dialog h2{margin:0;font-size:10px}.decklist-dialog header span{display:block;color:#8798aa;font-size:8px}.decklist-dialog header button{width:25px;height:25px;border:1px solid #405268;border-radius:4px;background:#101e2e;color:#d5dee7}.decklist-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px;background:#07131e}.decklist-zones section{min-width:0}.decklist-zones h4{margin:0 0 4px;color:#a979d0;font-size:8px}.decklist-zones ul{margin:0;padding:0;list-style:none}.decklist-zones li{display:flex;justify-content:space-between;gap:5px;padding:2px 0;border-top:1px solid #ffffff08;color:#aebbc7;font-size:7px}.decklist-zones li span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.decklist-zones li b{flex:none;color:#d8e1e9}.deck-inline-empty{margin:0;padding:18px;color:#8192a4;font-size:9px;text-align:center}
@media(max-width:1000px){.deck-profile{grid-template-columns:65px minmax(0,1fr)}.deck-characteristic-card{width:65px;height:85px}.deck-profile-metrics{grid-template-columns:repeat(4,1fr)}.deck-detail-grid{grid-template-columns:1fr}.deck-profile-title{align-items:flex-start;flex-direction:column}.deck-profile-title p{margin-bottom:5px}.deck-results-table{overflow-x:auto}.deck-results-head,.deck-result-row{min-width:700px}.decklist-zones{grid-template-columns:1fr}}

/* Desktop polish: optional characteristic card and evidence-aware evolution. */
@media(min-width:1001px){
.decks-page{min-height:0}
.decks-ranking .deck-name{font-size:10.5px;font-weight:800}.decks-ranking .deck-name a{gap:7px}
.deck-profile{grid-template-columns:minmax(0,1fr)}.deck-profile.has-characteristic-card{grid-template-columns:76px minmax(0,1fr);gap:10px}.deck-characteristic-card[hidden]{display:none!important}
.deck-detail-grid{align-items:start}
.deck-evolution-chart.is-compact{height:130px}.deck-evolution-chart.is-compact svg{height:95px}.deck-evolution-chart.is-single{height:auto;padding:12px 10px}.deck-evolution-single{display:flex;align-items:center;justify-content:center;gap:34px;min-height:42px}.deck-evolution-single div{text-align:center}.deck-evolution-single span{display:block;color:#8293a5;font-size:8px}.deck-evolution-single strong{display:block;margin-top:4px;font-size:15px}.deck-evolution-single .is-performance strong{color:var(--dk-green)}.deck-evolution-single .is-share strong{color:var(--dk-purple)}.deck-evolution-single time{color:#8fa0b2;font-size:8px}
}

/* Keep a short desktop viewport from revealing only a clipped footer strip. */
@media(min-width:1001px) and (max-height:700px){
.decks-page{min-height:calc(100dvh - 37px)}
}

/* MAZOS mobile V1: same data, responsive list and single-column detail. */
@media(max-width:768px){
    .decks-page{min-height:0}.decks-shell{padding:14px 0 18px}.decks-heading{align-items:flex-start;gap:10px;margin-bottom:11px}.decks-heading>div{min-width:0}.decks-heading h1{font-size:24px}.decks-heading p{max-width:220px;font-size:10px;line-height:1.35}.decks-filter-toggle{min-width:74px;height:40px;flex:none;font-size:10px}
    .decks-filters{position:fixed;z-index:1100;top:10px;right:10px;bottom:auto;left:10px;width:auto;max-height:calc(100dvh - 20px);padding:12px;overflow-y:auto;border-color:#596e83;border-radius:10px}.decks-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.decks-periods button,.decks-apply,.decks-filters #decks-clear,.decks-filter-close{min-height:42px;font-size:10px}.decks-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.decks-filters label{font-size:9px}.decks-filters select,.decks-filters input{height:42px;font-size:12px}.decks-filters footer{position:sticky;bottom:-12px;margin:10px -12px -12px;padding:10px 12px;background:#0a1724;box-shadow:0 -8px 15px #07111c}.decks-filter-close{padding:0 10px;border:1px solid #40556a;border-radius:6px;color:#b4c1cd}.decks-apply,.decks-filters #decks-clear{padding:0 10px}
    .decks-ranking>header{height:auto;min-height:52px;align-items:flex-start;gap:8px;padding:9px 10px}.decks-ranking h2{font-size:12px}.decks-ranking header span{font-size:8px;line-height:1.35}.decks-table-wrap{overflow:visible}.decks-ranking table,.decks-ranking tbody{display:block;width:100%}.decks-ranking thead{display:none}.decks-ranking tbody tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto auto;gap:7px 8px;padding:11px 10px;border-top:1px solid #ffffff16;background:#0c1928;cursor:pointer}.decks-ranking tbody tr:nth-child(even){background:#0a1724}.decks-ranking tbody tr:focus-visible{outline:2px solid #a45de4;outline-offset:-2px}.decks-ranking td{height:auto;min-width:0;padding:0;border:0;font-size:11px}.decks-ranking td::before{content:attr(data-label);display:block;margin-bottom:2px;color:#778a9d;font-size:7px;font-weight:800;text-transform:uppercase}.decks-ranking td:nth-child(1){grid-column:4;grid-row:1;align-self:center;justify-self:end;color:#b77de1;font-size:12px}.decks-ranking td:nth-child(1)::before,.decks-ranking td:nth-child(2)::before{display:none}.decks-ranking td:nth-child(2){grid-column:1/4;grid-row:1}.decks-ranking .deck-name{font-size:12px}.decks-ranking .deck-name a{gap:8px}.decks-ranking td:nth-child(3){grid-column:1;grid-row:2}.decks-ranking td:nth-child(4){grid-column:2;grid-row:2}.decks-ranking td:nth-child(6){grid-column:3;grid-row:2}.decks-ranking td:nth-child(8){grid-column:4;grid-row:2}.decks-ranking td:nth-child(5){grid-column:1/3;grid-row:3}.decks-ranking td:nth-child(7){grid-column:3;grid-row:3}.decks-ranking td:nth-child(9){grid-column:4;grid-row:3}.decks-evidence{gap:4px}.decks-evidence::before{width:5px;height:5px}
    .decks-pagination{min-height:0;align-items:stretch;flex-direction:column;gap:7px;padding:9px 10px}.decks-pagination-controls{justify-content:center;gap:4px}.decks-pagination button{min-width:32px;height:36px}.decks-pagination-ellipsis{align-self:center}.decks-pagination>span{text-align:center}
    .deck-detail-shell{padding:7px 0 16px}.deck-detail-back{height:34px}.deck-detail-back a{font-size:11px}.deck-profile{min-height:0;grid-template-columns:minmax(0,1fr);gap:0;padding:10px}.deck-profile.has-characteristic-card{grid-template-columns:62px minmax(0,1fr);gap:9px}.deck-characteristic-card{width:62px;height:80px}.deck-profile-title{align-items:flex-start;flex-direction:column;gap:2px}.deck-profile-title h1{margin:0;font-size:21px}.deck-profile-title p{margin:0 0 7px;font-size:9px}.deck-profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.deck-profile-metrics>div{min-height:52px;padding:7px 8px;border-top:1px solid #ffffff0d}.deck-profile-metrics>div:nth-child(3n+1){border-left:0}.deck-profile-metrics span{font-size:8px}.deck-profile-metrics strong{font-size:14px}.deck-profile-metrics>div:nth-child(2) strong{font-size:18px}
    .deck-detail-grid{grid-template-columns:1fr;align-items:start;gap:8px}.deck-evolution-chart{height:160px;padding:5px 7px}.deck-evolution-chart svg{height:128px}.deck-evolution-chart.is-compact{height:124px}.deck-evolution-chart.is-compact svg{height:92px}.deck-evolution-chart.is-single{height:auto;padding:10px 7px}.deck-evolution-single{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-height:50px}.deck-evolution-single time{grid-column:1/-1;text-align:center}.deck-chart-grid text,.deck-chart-labels text{font-size:9px}.deck-chart-legend{font-size:9px}
    .deck-presence-metrics{padding:9px 6px}.deck-presence-metrics>div{padding:4px}.deck-presence-metrics strong{font-size:18px}.deck-presence-metrics span{font-size:8px}.deck-presence h3{margin-top:5px;font-size:9px}.deck-geography{grid-template-columns:1fr;padding-bottom:8px}.deck-geography>div{min-height:34px}.deck-geography b{font-size:11px}.deck-decklist-coverage{height:42px}.deck-decklist-coverage span{font-size:9px}
    .deck-results{margin-top:8px}.deck-results-head{display:none}.deck-result-row{min-width:0;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 10px;padding:10px;border-top:1px solid #ffffff12}.deck-result-row b{grid-column:1;grid-row:1;font-size:11px;white-space:normal}.deck-result-row strong{grid-column:2;grid-row:1;align-self:start;font-size:12px}.deck-result-row time{grid-column:1;grid-row:2;font-size:9px}.deck-result-player{grid-column:1;grid-row:3;font-size:10px}.deck-result-row>span:last-child{grid-column:2;grid-row:3;align-self:center;font-size:10px}.decklist-trigger{width:34px;height:34px}.decklist-trigger svg{width:16px;height:16px}.deck-results-pagination{height:44px}.deck-results-pagination button{min-width:36px;height:34px;font-size:10px}
    body.decklist-dialog-open{overflow:hidden}.decklist-dialog{width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px)}.decklist-dialog[open]{display:flex;flex-direction:column}.decklist-dialog>header{min-height:52px;flex:none}.decklist-dialog h2{font-size:12px}.decklist-dialog header span{font-size:9px}.decklist-dialog header button{width:40px;height:40px;font-size:18px}.decklist-zones{display:block;min-height:0;overflow-y:auto;padding:10px}.decklist-zones section+section{margin-top:13px}.decklist-zones h4{font-size:10px}.decklist-zones li{min-height:28px;align-items:center;font-size:10px}
}
@media(max-width:430px){
    .deck-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-profile-metrics>div:nth-child(3n+1){border-left:1px solid #ffffff10}.deck-profile-metrics>div:nth-child(odd){border-left:0}.decks-filter-grid{grid-template-columns:1fr}.decks-periods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){.decks-ranking table,.decks-ranking tbody{min-width:0}}

/* Final mobile density: five real rows per page, without reducing type. */
@media(max-width:768px){
    .decks-ranking tbody tr{gap:5px 8px;padding:8px 10px}
    .decks-ranking td::before{margin-bottom:1px}
}

.decklist-dialog-actions{display:flex;align-items:center;gap:7px}
.decklist-use-base{width:auto!important;height:27px!important;padding:0 10px!important;border-color:#79509a!important;background:#241633!important;color:#ddb8f7!important;font-size:8px!important;font-weight:850}
@media(max-width:768px){.decklist-dialog-actions{gap:5px}.decklist-use-base{height:36px!important;padding:0 8px!important;font-size:8px!important}}

/* ==========================================================
   MAZOS — INFORMACIÓN DEL RANKING
   ========================================================== */
.decks-ranking-title-block{
  min-width:0;
}

.decks-ranking-title-line{
  display:flex;
  align-items:center;
  gap:7px;
}

.decks-ranking-info{
  position:relative;
  display:inline-flex;
  align-items:center;
  z-index:40;
}

.decks-ranking-info summary{
  list-style:none;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border:1px solid rgba(164,93,228,.58);
  border-radius:50%;
  background:rgba(164,93,228,.10);
  color:#d0a1f4;
  font-size:10px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
  user-select:none;
}

.decks-ranking-info summary::-webkit-details-marker{display:none}

.decks-ranking-info[open] summary{
  color:#fff;
  border-color:#c983ff;
  background:rgba(164,93,228,.24);
  box-shadow:0 0 11px rgba(164,93,228,.20);
}

.decks-ranking-info-popover{
  position:absolute;
  z-index:100;
  top:25px;
  left:0;
  width:min(365px,calc(100vw - 42px));
  padding:12px 13px;
  border:1px solid rgba(164,93,228,.44);
  border-radius:8px;
  background:#091522;
  color:#bcc9d5;
  box-shadow:0 16px 38px rgba(0,0,0,.62);
  font-size:10px;
  font-weight:650;
  line-height:1.4;
  text-transform:none;
}

.decks-ranking-info-popover strong{
  display:block;
  margin-bottom:6px;
  color:#f3e8ff;
  font-size:11px;
}

.decks-ranking-info-popover p{margin:5px 0}

.decks-ranking-info-formula{
  margin:7px 0;
  padding:7px 8px;
  border:1px solid rgba(164,93,228,.26);
  border-radius:6px;
  background:rgba(164,93,228,.07);
  color:#d4a8f7;
  font-weight:850;
}

.decks-ranking-info-note{color:#8fa0b3}

@media(max-width:768px){
  .decks-ranking-info-popover{
    left:-80px;
  }
}


/* Tendencia real del ranking */
.decks-trend{
  font-weight:900;
  white-space:nowrap;
}
.decks-trend.is-positive{color:#24e99c}
.decks-trend.is-negative{color:#ff5263}
.decks-trend.is-new{color:#5bcfff}

.decks-ranking-info-popover{
  width:min(320px,calc(100vw - 42px));
}


/* ==========================================================
   FICHA DE MAZO V2 — inteligencia competitiva
   ========================================================== */
.deck-intelligence-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);
  gap:8px;
  margin-top:8px;
  align-items:start;
}
.deck-detail-secondary--intelligence{display:grid;gap:8px}
.deck-matchups-panel>header,
.deck-cards-panel>header,
.deck-published-lists>header{
  min-height:38px;
}
.deck-matchups-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.deck-matchups-columns>section{min-width:0;padding:9px 10px 10px}
.deck-matchups-columns>section+section{border-left:1px solid #ffffff10}
.deck-matchups-columns h3{
  margin:0 0 6px;
  color:#a678ce;
  font-size:8px;
  letter-spacing:.055em;
}
.deck-matchup-row{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid #ffffff0c;
}
.deck-matchup-row>div:first-child{min-width:0}
.deck-matchup-row strong{
  display:block;
  overflow:hidden;
  color:#e7eef5;
  font-size:10px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.deck-matchup-row small{
  display:block;
  margin-top:2px;
  color:#8293a5;
  font-size:8px;
}
.deck-matchup-row>div:last-child{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:3px;
  flex:none;
}
.deck-matchup-row>div:last-child>b{
  color:var(--dk-green);
  font-size:12px;
}
.deck-matchup-row .deck-evidence{font-size:7px;color:#8fa0b3}
.deck-matchup-row .deck-evidence:before{width:5px;height:5px}

.deck-presence-decklists{
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:2px;
  padding:0 10px;
  border-top:1px solid #ffffff10;
}
.deck-presence-decklists span{color:#a678ce;font-size:8px;font-weight:800;text-transform:uppercase}
.deck-presence-decklists strong{font-size:14px}

.deck-evolution--compact .deck-evolution-chart{height:auto;min-height:86px;padding:8px 10px}
.deck-evolution-two{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
}
.deck-evolution-two article{
  min-width:0;
  padding:7px 8px;
  border:1px solid #ffffff0d;
  border-radius:6px;
  background:#081522;
}
.deck-evolution-two time{display:block;margin-bottom:5px;color:#8fa0b2;font-size:8px}
.deck-evolution-two span{display:flex;justify-content:space-between;gap:8px;color:#8293a5;font-size:8px}
.deck-evolution-two span+span{margin-top:3px}
.deck-evolution-two b{color:#e7eef5}
.deck-evolution-two small{display:block;margin-top:5px;color:#6f8193;font-size:7px}
.deck-evolution-two>i{color:#a678ce;font-size:14px;font-style:normal}

.deck-cards-panel{margin-top:8px}
.deck-card-tabs{
  display:flex;
  gap:5px;
  padding:7px 10px;
  border-bottom:1px solid #ffffff10;
}
.deck-card-tabs button{
  height:27px;
  padding:0 10px;
  border:1px solid #344a60;
  border-radius:5px;
  background:#081522;
  color:#8fa0b2;
  font-size:8px;
  font-weight:850;
}
.deck-card-tabs button.is-active{
  border-color:#9d61d2;
  background:#20152f;
  color:#e4c6fa;
}
.deck-cards-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.deck-card-usage-row{
  min-height:38px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 92px 92px;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border-top:1px solid #ffffff0b;
}
.deck-card-usage-row:nth-child(odd){border-right:1px solid #ffffff0b}
.deck-card-usage-rank{color:#9b70c4;font-size:8px;font-weight:900}
.deck-card-usage-row>strong{
  min-width:0;
  overflow:hidden;
  color:#e5edf4;
  font-size:9.5px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.deck-card-usage-row>strong[data-card-preview]{cursor:zoom-in}
.deck-card-usage-row>span:not(.deck-card-usage-rank){
  display:flex;
  align-items:flex-end;
  flex-direction:column;
}
.deck-card-usage-row>span b{color:#dfe7ee;font-size:10px}
.deck-card-usage-row>span small{color:#788b9e;font-size:7px}

.deck-published-lists{margin-top:8px}
.deck-published-head,.deck-published-row{
  display:grid;
  grid-template-columns:78px minmax(250px,1.7fr) minmax(160px,1fr) 58px 66px 82px;
  align-items:center;
  gap:8px;
  padding:0 10px;
}
.deck-published-head{
  height:26px;
  background:#08131e;
  color:#8293a5;
  font-size:8px;
}
.deck-published-row{
  min-height:39px;
  border-top:1px solid #ffffff0c;
  color:#cbd6e1;
  font-size:9px;
}
.deck-published-row time{color:#899bac}
.deck-published-row b,.deck-published-row span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.deck-published-row strong{color:#c794ed}
.deck-published-row button{
  height:24px;
  border:1px solid #5f4277;
  border-radius:4px;
  background:#1d1429;
  color:#c58bec;
  font-size:7px;
  font-weight:900;
}
.deck-published-row button:hover{border-color:#a865d8;color:#e0b0ff}

.decklist-dialog{
  width:min(1120px,calc(100vw - 40px));
  max-height:calc(100dvh - 40px);
}
.decklist-dialog>header{height:52px;padding:0 13px}
.decklist-dialog h2{font-size:13px}
.decklist-dialog header span{font-size:9px}
.decklist-zones{gap:14px;padding:13px}
.decklist-zones h4{margin-bottom:7px;font-size:10px}
.decklist-zones li{min-height:29px;align-items:center;font-size:10px}
.decklist-zones li span[data-card-preview]{cursor:zoom-in}
.decklist-zones li b{font-size:10px}

.cards-hover-preview{
  position:fixed;
  z-index:2400;
  width:250px;
  pointer-events:none;
  transform:translate(16px,14px);
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.62));
}
.cards-hover-preview img{
  display:block;
  width:250px;
  height:auto;
  max-height:360px;
  object-fit:contain;
  border:1px solid rgba(93,204,255,.75);
  border-radius:10px;
  background:#040b12;
}
.cards-hover-preview span{
  display:block;
  margin-top:5px;
  padding:6px 8px;
  overflow:hidden;
  border:1px solid rgba(74,151,204,.35);
  border-radius:6px;
  background:#07131fee;
  color:#fff;
  font-size:11px;
  font-weight:850;
  text-align:center;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media(max-width:1000px){
  .deck-intelligence-grid{grid-template-columns:1fr}
  .deck-cards-list{grid-template-columns:1fr}
  .deck-card-usage-row:nth-child(odd){border-right:0}
  .deck-published-head,.deck-published-row{min-width:760px}
  .deck-published-lists{overflow-x:auto}
}
@media(max-width:768px){
  .deck-matchups-columns{grid-template-columns:1fr}
  .deck-matchups-columns>section+section{border-left:0;border-top:1px solid #ffffff10}
  .deck-card-usage-row{grid-template-columns:26px minmax(0,1fr) 80px}
  .deck-card-usage-row>span:last-child{display:none}
  .deck-published-head{display:none}
  .deck-published-lists{overflow:visible}
  .deck-published-row{
    min-width:0;
    display:grid;
    grid-template-columns:1fr auto;
    gap:5px 10px;
    padding:10px;
  }
  .deck-published-row time{grid-column:1;grid-row:2}
  .deck-published-row b{grid-column:1;grid-row:1;white-space:normal}
  .deck-published-row>span:nth-of-type(1){grid-column:1;grid-row:3}
  .deck-published-row strong{grid-column:2;grid-row:1}
  .deck-published-row>span:nth-of-type(2){grid-column:2;grid-row:3}
  .deck-published-row button{grid-column:2;grid-row:2;min-width:86px;height:32px}
  .cards-hover-preview{display:none!important}
}


/* ==========================================================
   FICHA DE MAZO V2.1 — mayor legibilidad y cabecera compacta
   ========================================================== */
@media(min-width:1001px){
  .deck-detail-shell{padding-top:5px}
  .deck-detail-back{height:20px}
  .deck-detail-back a{font-size:10px}

  .deck-profile{
    min-height:0;
    padding:6px 10px;
    border-radius:9px;
  }
  .deck-profile-main{
    grid-template-rows:auto auto;
  }
  .deck-profile-title{
    min-height:28px;
    align-items:center;
  }
  .deck-profile-title h1{
    margin:0;
    font-size:22px;
    line-height:1;
  }
  .deck-profile-title p{
    font-size:9.5px;
  }
  .deck-profile-metrics{
    min-height:42px;
  }
  .deck-profile-metrics>div{
    padding:3px 10px;
  }
  .deck-profile-metrics span{
    font-size:8.5px;
  }
  .deck-profile-metrics strong{
    margin-top:2px;
    font-size:15px;
  }
  .deck-profile-metrics>div:nth-child(2) strong{
    font-size:18px;
  }

  .deck-detail-panel>header{
    min-height:38px;
    height:auto;
    padding:6px 10px;
  }
  .deck-detail-panel h2{
    font-size:11.5px;
  }
  .deck-detail-panel header span,
  .deck-detail-panel header div>span{
    font-size:9px;
  }

  .deck-matchups-columns h3{
    font-size:9.5px;
  }
  .deck-matchup-row{
    min-height:48px;
  }
  .deck-matchup-row strong{
    font-size:11.5px;
  }
  .deck-matchup-row small{
    font-size:9px;
  }
  .deck-matchup-row>div:last-child>b{
    font-size:13px;
  }
  .deck-matchup-row .deck-evidence{
    font-size:8.5px;
  }

  .deck-presence-metrics strong{
    font-size:18px;
  }
  .deck-presence-metrics span{
    font-size:8.5px;
  }
  .deck-presence h3{
    font-size:9px;
  }
  .deck-geography b{
    font-size:10.5px;
  }
  .deck-geography strong{
    font-size:12px;
  }
  .deck-presence-decklists span{
    font-size:9px;
  }
  .deck-presence-decklists strong{
    font-size:15px;
  }

  .deck-evolution-two time{
    font-size:9px;
  }
  .deck-evolution-two span{
    font-size:9px;
  }
  .deck-evolution-two small{
    font-size:8px;
  }

  .deck-card-tabs button{
    height:30px;
    font-size:9px;
  }
  .deck-card-usage-row{
    min-height:43px;
  }
  .deck-card-usage-rank{
    font-size:9px;
  }
  .deck-card-usage-row>strong{
    font-size:11px;
  }
  .deck-card-usage-row>span b{
    font-size:11.5px;
  }
  .deck-card-usage-row>span small{
    font-size:8.5px;
  }

  .deck-published-head{
    height:30px;
    font-size:9px;
  }
  .deck-published-row{
    min-height:44px;
    font-size:10.5px;
  }
  .deck-published-row button{
    height:28px;
    font-size:8.5px;
  }

  .deck-results-head{
    height:30px;
    font-size:9px;
  }
  .deck-result-row{
    height:44px;
    font-size:10.5px;
  }
  .deck-results-pagination{
    height:31px;
  }
  .deck-results-pagination button{
    height:23px;
    font-size:9px;
  }

  .deck-inline-empty{
    font-size:10px;
  }

  .decklist-dialog h2{
    font-size:14px;
  }
  .decklist-dialog header span{
    font-size:10px;
  }
  .decklist-zones h4{
    font-size:11px;
  }
  .decklist-zones li{
    font-size:11px;
  }
  .decklist-zones li b{
    font-size:11px;
  }
}


/* EVOLUCIÓN V2 — comparación semanal legible */
.deck-evolution--compact .deck-evolution-chart{
  min-height:0;
  padding:10px 12px 12px;
}
.deck-evolution-compare{
  display:grid;
  gap:9px;
}
.deck-evolution-weeks{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
}
.deck-evolution-weeks>span{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.deck-evolution-weeks>span:last-child{text-align:right}
.deck-evolution-weeks small{
  color:#7f91a3;
  font-size:9px;
  font-weight:800;
}
.deck-evolution-weeks strong{
  color:#e7eef5;
  font-size:12px;
}
.deck-evolution-weeks i{
  color:#b47be0;
  font-size:17px;
  font-style:normal;
}
.deck-evolution-metric{
  display:grid;
  grid-template-columns:110px 72px 20px 72px minmax(70px,1fr);
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 10px;
  border:1px solid #ffffff10;
  border-radius:6px;
  background:#081522;
}
.deck-evolution-metric>span{
  color:#8fa0b2;
  font-size:9.5px;
  font-weight:850;
}
.deck-evolution-metric>b{
  color:#f0f5f9;
  font-size:14px;
  text-align:right;
}
.deck-evolution-metric>i{
  color:#8a9aac;
  font-size:12px;
  font-style:normal;
  text-align:center;
}
.deck-evolution-metric>em{
  justify-self:end;
  font-size:10.5px;
  font-style:normal;
  font-weight:900;
}
.deck-evolution-metric>em.is-up{color:#35df9a}
.deck-evolution-metric>em.is-down{color:#ff6878}
.deck-evolution-metric>em.is-flat{color:#9aa9b8}
.deck-evolution-record{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding-top:1px;
  color:#7f91a3;
  font-size:9px;
}
.deck-evolution-record b{color:#dce6ef}
@media(max-width:768px){
  .deck-evolution-metric{
    grid-template-columns:1fr auto 18px auto;
  }
  .deck-evolution-metric>em{
    grid-column:1/-1;
    justify-self:start;
    margin-top:-2px;
  }
  .deck-evolution-record{
    flex-direction:column;
    gap:4px;
  }
}


/* EVOLUCIÓN V2.1 — fila ancha para evitar huecos y recortes */
.deck-evolution--wide{
  margin-top:8px;
}
.deck-evolution--wide .deck-evolution-chart{
  height:auto !important;
  min-height:0 !important;
  padding:10px 12px 12px;
}
@media(min-width:1001px){
  .deck-evolution--wide .deck-evolution-compare{
    grid-template-columns:minmax(280px,.95fr) minmax(360px,1.35fr) minmax(360px,1.35fr) minmax(240px,.9fr);
    align-items:center;
    gap:12px;
  }
  .deck-evolution--wide .deck-evolution-weeks{
    min-width:0;
  }
  .deck-evolution--wide .deck-evolution-metric{
    grid-template-columns:100px 66px 18px 66px minmax(58px,1fr);
    min-width:0;
  }
  .deck-evolution--wide .deck-evolution-record{
    display:grid;
    gap:5px;
    padding:0;
  }
}


/* FICHA DE MAZO V2.2 — textos secundarios más legibles */
@media(min-width:1001px){
  .deck-detail-panel header span,
  .deck-detail-panel header div>span{font-size:9.5px}
  .deck-matchup-row small{font-size:9.5px}
  .deck-matchup-row .deck-evidence{font-size:9px}
  .deck-presence-metrics span{font-size:9px}
  .deck-geography b{font-size:11px}
  .deck-card-usage-row>span small{font-size:9px}
  .deck-published-head{font-size:9.5px}
  .deck-profile-title p{font-size:10px}
}


/* CARTAS MÁS JUGADAS V2.3 — lectura vertical por columna */
.deck-cards-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.deck-card-column{min-width:0}
.deck-card-column + .deck-card-column{border-left:1px solid #ffffff0b}
.deck-card-column .deck-card-usage-row{border-right:0}
@media(max-width:1000px){
  .deck-cards-list{grid-template-columns:1fr}
  .deck-card-column + .deck-card-column{border-left:0}
}


/* CARTAS + DECKLISTS V2.4 — lectura vertical con listas al costado */
.deck-cards-decklists-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:8px;
  margin-top:8px;
  align-items:start;
}
.deck-cards-decklists-grid .deck-cards-panel,
.deck-cards-decklists-grid .deck-published-lists{
  margin-top:0;
}
.deck-cards-decklists-grid .deck-cards-list{
  display:block;
}
.deck-cards-decklists-grid .deck-card-column{
  display:contents;
}
.deck-cards-decklists-grid .deck-card-column + .deck-card-column{
  border-left:0;
}
.deck-cards-decklists-grid .deck-card-usage-row{
  grid-template-columns:32px minmax(0,1fr) 105px 105px;
  min-height:44px;
  border-right:0;
}
.deck-published-lists--side .deck-published-rows{
  display:grid;
  gap:8px;
  padding:9px;
}
.deck-published-lists--side .deck-published-card{
  min-height:0;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  gap:9px 10px;
  padding:10px;
  border:1px solid #ffffff0f;
  border-radius:7px;
  background:#0a1724;
}
.deck-published-card-top{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.deck-published-card-top b{
  min-width:0;
  overflow:hidden;
  color:#e7eef5;
  font-size:11px;
  line-height:1.3;
  white-space:normal;
  text-overflow:clip;
}
.deck-published-card-top time{
  flex:none;
  color:#899bac;
  font-size:9px;
}
.deck-published-card-meta{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) 54px 64px;
  gap:8px;
  min-width:0;
}
.deck-published-card-meta>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.deck-published-card-meta small{
  color:#7d90a3;
  font-size:8px;
  font-weight:800;
}
.deck-published-card-meta strong{
  min-width:0;
  overflow:hidden;
  color:#dfe7ee;
  font-size:10px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.deck-published-card-meta>span:nth-child(2) strong{color:#d477ff}
.deck-published-lists--side .deck-published-card>button{
  align-self:end;
  min-width:88px;
  height:30px;
  padding:0 10px;
  border:1px solid #6c4a84;
  border-radius:5px;
  background:#241731;
  color:#dc9cff;
  font-size:8.5px;
  font-weight:900;
}
.deck-published-lists--side .deck-published-card>button:hover{
  border-color:#a865d8;
  color:#f0c8ff;
}

@media(max-width:1100px){
  .deck-cards-decklists-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:768px){
  .deck-cards-decklists-grid .deck-card-usage-row{
    grid-template-columns:26px minmax(0,1fr) 82px;
  }
  .deck-published-card-meta{
    grid-template-columns:1fr 48px 58px;
  }
}


/* EVOLUCIÓN V2.5 — tabla comparativa + lectura automática */
.deck-evolution-table{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid #ffffff10;
  border-radius:8px;
  background:#081522;
}
.deck-evolution-table-head,
.deck-evolution-table-row{
  display:grid;
  grid-template-columns:minmax(150px,1.2fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(130px,.9fr);
  align-items:center;
  min-height:38px;
  padding:0 12px;
  column-gap:12px;
}
.deck-evolution-table-head{
  min-height:46px;
  background:#0b1927;
  color:#8193a6;
  font-size:9px;
}
.deck-evolution-table-head strong{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:9px;
}
.deck-evolution-table-head small{
  color:#e2ebf2;
  font-size:11px;
  font-weight:900;
}
.deck-evolution-table-row{
  border-top:1px solid #ffffff0c;
}
.deck-evolution-table-row>span{
  color:#9eb0c0;
  font-size:10px;
  font-weight:850;
}
.deck-evolution-table-row>b{
  color:#edf3f8;
  font-size:14px;
}
.deck-evolution-table-row>em{
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.deck-evolution-table-row>em.is-up{color:#35df9a}
.deck-evolution-table-row>em.is-down{color:#ff6878}
.deck-evolution-table-row>em.is-flat{color:#9aa9b8}
.deck-evolution-reading{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 12px;
  border-top:1px solid #ffffff12;
  background:#0a1724;
}
.deck-evolution-reading strong{
  color:#c185ef;
  font-size:10px;
  letter-spacing:.04em;
}
.deck-evolution-reading p{
  margin:0;
  color:#c8d3dd;
  font-size:10.5px;
  line-height:1.45;
}
@media(max-width:768px){
  .deck-evolution-table-head,
  .deck-evolution-table-row{
    grid-template-columns:1.15fr .8fr .8fr .9fr;
    min-width:620px;
  }
  .deck-evolution--wide .deck-evolution-chart{
    overflow-x:auto;
  }
  .deck-evolution-reading{
    min-width:620px;
  }
}


/* ENFRENTAMIENTOS V2.6 — resumen útil sin duplicar la pantalla completa */
.deck-matchups-summary{
  display:grid;
  grid-template-columns:minmax(170px,.85fr) minmax(210px,1fr) minmax(210px,1fr);
  gap:0;
  position:relative;
}
.deck-matchups-summary>section{
  min-width:0;
  padding:11px 12px 42px;
}
.deck-matchups-summary>section+section{
  border-left:1px solid #ffffff10;
}
.deck-matchups-summary>section>span{
  display:block;
  margin-bottom:8px;
  color:#a678ce;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.04em;
}
.deck-matchups-balance>div{
  display:grid;
  grid-template-columns:repeat(3,auto);
  align-items:end;
  justify-content:start;
  gap:3px 12px;
}
.deck-matchups-balance strong{
  font-size:19px;
  line-height:1;
}
.deck-matchups-balance strong:nth-of-type(1){color:#35df9a}
.deck-matchups-balance strong:nth-of-type(2){color:#efc34d}
.deck-matchups-balance strong:nth-of-type(3){color:#ff6878}
.deck-matchups-balance small{
  color:#8596a8;
  font-size:8.5px;
}
.deck-matchups-balance p{
  margin:10px 0 0;
  color:#899bac;
  font-size:9.5px;
}
.deck-matchups-balance p b{color:#dce6ef}
.deck-matchups-highlight>div>strong{
  display:block;
  overflow:hidden;
  color:#eef4f8;
  font-size:12px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.deck-matchups-highlight>div>div{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:7px;
}
.deck-matchups-highlight>div b{
  color:#35df9a;
  font-size:16px;
}
.deck-matchups-highlight>div span{
  color:#899bac;
  font-size:9.5px;
}
.deck-matchups-highlight>div em{
  margin-left:auto;
  color:#899bac;
  font-size:9px;
  font-style:normal;
}
.deck-matchups-empty{
  margin:0;
  color:#8192a4;
  font-size:10px;
  line-height:1.4;
}
.deck-matchups-full-link{
  position:absolute;
  right:12px;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid #684781;
  border-radius:5px;
  background:#21152d;
  color:#d99df5;
  font-size:8.5px;
  font-weight:900;
  text-decoration:none;
}
.deck-matchups-full-link:hover{
  border-color:#a865d8;
  color:#f0c8ff;
}
@media(max-width:1000px){
  .deck-matchups-summary{grid-template-columns:1fr}
  .deck-matchups-summary>section+section{border-left:0;border-top:1px solid #ffffff10}
}


/* CARTAS + DECKLISTS V2.7 — panel lateral compacto y con scroll interno */
@media(min-width:1101px){
  .deck-cards-decklists-grid{
    grid-template-columns:minmax(0,1.28fr) minmax(430px,.72fr);
    align-items:stretch;
  }

  .deck-published-lists--side{
    display:flex;
    flex-direction:column;
    max-height:610px;
  }

  .deck-published-lists--side>header{
    flex:0 0 auto;
  }

  .deck-published-lists--side .deck-published-rows{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    gap:6px;
    padding:8px;
  }

  .deck-published-lists--side .deck-published-card{
    grid-template-columns:minmax(0,1fr) 88px;
    grid-template-rows:auto auto;
    gap:7px 10px;
    padding:8px 9px;
  }

  .deck-published-card-top{
    gap:8px;
  }

  .deck-published-card-top b{
    font-size:10.5px;
    line-height:1.2;
  }

  .deck-published-card-top time{
    font-size:8.5px;
  }

  .deck-published-card-meta{
    grid-template-columns:minmax(0,1.35fr) 48px 58px;
    gap:7px;
  }

  .deck-published-card-meta small{
    font-size:7.5px;
  }

  .deck-published-card-meta strong{
    font-size:9.5px;
  }

  .deck-published-lists--side .deck-published-card>button{
    min-width:88px;
    height:28px;
    font-size:8px;
  }

  .deck-published-lists--side .deck-published-rows::-webkit-scrollbar{
    width:8px;
  }
  .deck-published-lists--side .deck-published-rows::-webkit-scrollbar-thumb{
    border:2px solid #0a1724;
    border-radius:999px;
    background:#37526b;
  }
}


/* CARTAS + DECKLISTS V2.8 — reparto equilibrado 50/50 */
@media(min-width:1101px){
  .deck-cards-decklists-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }

  .deck-published-lists--side{
    max-height:610px;
  }

  .deck-published-lists--side .deck-published-card{
    grid-template-columns:minmax(0,1fr) 96px;
    gap:8px 12px;
    padding:9px 10px;
  }

  .deck-published-card-top b{
    font-size:11px;
  }

  .deck-published-card-meta{
    grid-template-columns:minmax(0,1.45fr) 54px 66px;
    gap:9px;
  }

  .deck-published-card-meta small{
    font-size:8px;
  }

  .deck-published-card-meta strong{
    font-size:10px;
  }

  .deck-published-lists--side .deck-published-card>button{
    min-width:96px;
    height:30px;
    font-size:8.5px;
  }

  .deck-cards-decklists-grid .deck-card-usage-row{
    grid-template-columns:32px minmax(0,1fr) 96px 96px;
  }
}


/* RESUMEN SUPERIOR V2.9 — más compacto y menos vacío */
@media(min-width:1001px){
  .deck-intelligence-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(360px,.75fr);
    gap:8px;
  }

  .deck-matchups-panel>header.deck-matchups-header{
    min-height:34px;
    height:34px;
    padding:0 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  .deck-matchups-header .deck-matchups-full-link{
    position:static;
    min-height:24px;
    padding:0 9px;
    font-size:8px;
  }

  .deck-matchups-summary{
    grid-template-columns:minmax(180px,.85fr) minmax(205px,1fr) minmax(205px,1fr);
  }

  .deck-matchups-summary>section{
    padding:8px 10px 9px;
  }

  .deck-matchups-summary>section>span{
    margin-bottom:5px;
    font-size:9px;
  }

  .deck-matchups-balance>div{
    grid-template-columns:repeat(3,auto);
    gap:2px 10px;
  }

  .deck-matchups-balance strong{
    font-size:17px;
  }

  .deck-matchups-balance small{
    font-size:8px;
  }

  .deck-matchups-balance p{
    margin-top:6px;
    font-size:8.5px;
  }

  .deck-matchups-highlight>div>strong{
    font-size:11px;
  }

  .deck-matchups-highlight>div>div{
    margin-top:5px;
    gap:7px;
  }

  .deck-matchups-highlight>div b{
    font-size:14px;
  }

  .deck-matchups-highlight>div span,
  .deck-matchups-highlight>div em{
    font-size:8.5px;
  }

  .deck-presence{
    min-height:0;
  }

  .deck-presence>header{
    min-height:34px;
    height:34px;
    padding:0 10px;
  }

  .deck-presence-metrics{
    grid-template-columns:repeat(4,1fr);
    min-height:54px;
  }

  .deck-presence-metrics>div{
    padding:7px 4px 5px;
  }

  .deck-presence-metrics strong{
    font-size:16px;
  }

  .deck-presence-metrics span{
    font-size:8px;
  }

  .deck-presence h3{
    margin:0;
    padding:6px 10px 4px;
    font-size:8.5px;
  }

  .deck-geography--compact{
    display:flex;
    flex-wrap:wrap;
    gap:4px 12px;
    padding:0 10px 8px;
  }

  .deck-geography--compact>div{
    width:auto;
    min-width:calc(50% - 6px);
    min-height:20px;
    padding:0;
    border:0;
  }

  .deck-geography--compact b{
    font-size:9.5px;
  }

  .deck-geography--compact strong{
    margin-left:auto;
    font-size:10px;
  }
}


/* RESUMEN SUPERIOR V3.0 — cuadros parejos y balance ordenado */
@media(min-width:1001px){
  .deck-intelligence-grid{
    align-items:stretch;
  }

  .deck-matchups-panel,
  .deck-detail-secondary--intelligence,
  .deck-presence{
    height:100%;
  }

  .deck-matchups-panel{
    display:flex;
    flex-direction:column;
  }

  .deck-matchups-summary{
    flex:1 1 auto;
    min-height:0;
  }

  .deck-matchups-summary>section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:132px;
    padding:12px 14px;
  }

  .deck-matchups-summary>section>span{
    margin-bottom:10px;
    font-size:10px;
  }

  .deck-matchups-balance-metrics{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:end;
  }

  .deck-matchups-balance-metrics>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .deck-matchups-balance-metrics strong{
    font-size:22px;
    line-height:1;
  }

  .deck-matchups-balance-metrics>div:nth-child(1) strong{color:#35df9a}
  .deck-matchups-balance-metrics>div:nth-child(2) strong{color:#efc34d}
  .deck-matchups-balance-metrics>div:nth-child(3) strong{color:#ff6878}

  .deck-matchups-balance-metrics small{
    color:#8fa0b2;
    font-size:9px;
    line-height:1.1;
  }

  .deck-matchups-balance p{
    margin:12px 0 0;
    font-size:10px;
  }

  .deck-matchups-highlight>div>strong{
    font-size:13px;
  }

  .deck-matchups-highlight>div>div{
    margin-top:8px;
    gap:9px;
  }

  .deck-matchups-highlight>div b{
    font-size:18px;
  }

  .deck-matchups-highlight>div span,
  .deck-matchups-highlight>div em{
    font-size:9.5px;
  }

  .deck-presence-metrics{
    min-height:66px;
  }

  .deck-presence-metrics strong{
    font-size:18px;
  }

  .deck-presence h3{
    padding-top:8px;
  }

  .deck-geography--compact{
    padding-bottom:11px;
  }
}


/* DECKLISTS V3.1 — tarjetas sin superposición dentro del scroll */
@media(min-width:1101px){
  .deck-published-lists--side .deck-published-rows{
    display:grid;
    grid-auto-rows:max-content;
    align-content:start;
    gap:8px;
    padding:8px;
    overflow-y:auto;
  }

  .deck-published-lists--side .deck-published-card{
    min-height:88px;
    height:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 98px;
    grid-template-rows:auto auto;
    grid-template-areas:
      "top top"
      "meta action";
    align-items:start;
    gap:10px 12px;
    padding:10px 11px;
    overflow:hidden;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-top{
    grid-area:top;
    min-width:0;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-top b{
    min-width:0;
    overflow:visible;
    color:#eef4f8;
    font-size:11px;
    line-height:1.25;
    white-space:normal;
    text-overflow:clip;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-top time{
    flex:none;
    color:#8fa0b2;
    font-size:9px;
    line-height:1.2;
    white-space:nowrap;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-meta{
    grid-area:meta;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) 54px 64px;
    gap:10px;
    align-items:start;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-meta>span{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-meta small{
    color:#7f93a6;
    font-size:8px;
    font-weight:800;
    line-height:1;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-meta strong{
    min-width:0;
    overflow:hidden;
    color:#e7eef5;
    font-size:10px;
    line-height:1.2;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .deck-published-lists--side .deck-published-card .deck-published-card-meta>span:nth-child(2) strong{
    color:#d477ff;
  }

  .deck-published-lists--side .deck-published-card>button{
    grid-area:action;
    align-self:center;
    justify-self:end;
    min-width:98px;
    width:98px;
    height:30px;
    margin:0;
    padding:0 10px;
    font-size:8.5px;
  }
}

@media(max-width:1100px){
  .deck-published-lists--side .deck-published-card{
    height:auto;
  }
}


/* FICHA DE MAZO V3.2 — escala tipográfica de escritorio
   Prioriza lectura real sobre densidad extrema. */
@media(min-width:1001px){
  .deck-detail-page .deck-profile-title h1{
    font-size:25px;
  }

  .deck-detail-page .deck-profile-title p{
    font-size:11px;
  }

  .deck-detail-page .deck-profile-metrics span{
    font-size:9.5px;
  }

  .deck-detail-page .deck-profile-metrics strong{
    font-size:17px;
  }

  .deck-detail-page .deck-profile-metrics>div:nth-child(2) strong{
    font-size:20px;
  }

  .deck-detail-page .deck-detail-panel h2{
    font-size:13px;
  }

  .deck-detail-page .deck-detail-panel header span,
  .deck-detail-page .deck-detail-panel header div>span{
    font-size:10.5px;
  }

  .deck-detail-page .deck-matchups-summary>section>span{
    font-size:10.5px;
  }

  .deck-detail-page .deck-matchups-balance-metrics strong{
    font-size:24px;
  }

  .deck-detail-page .deck-matchups-balance-metrics small{
    font-size:10px;
  }

  .deck-detail-page .deck-matchups-balance p{
    font-size:10.5px;
  }

  .deck-detail-page .deck-matchups-highlight>div>strong{
    font-size:13.5px;
  }

  .deck-detail-page .deck-matchups-highlight>div b{
    font-size:19px;
  }

  .deck-detail-page .deck-matchups-highlight>div span,
  .deck-detail-page .deck-matchups-highlight>div em{
    font-size:10px;
  }

  .deck-detail-page .deck-matchups-full-link{
    min-height:28px;
    padding:0 11px;
    font-size:9.5px;
  }

  .deck-detail-page .deck-presence-metrics strong{
    font-size:20px;
  }

  .deck-detail-page .deck-presence-metrics span{
    font-size:9px;
  }

  .deck-detail-page .deck-presence h3{
    font-size:9.5px;
  }

  .deck-detail-page .deck-geography--compact b{
    font-size:10.5px;
  }

  .deck-detail-page .deck-geography--compact strong{
    font-size:11.5px;
  }

  .deck-detail-page .deck-card-tabs button{
    height:32px;
    padding:0 12px;
    font-size:10px;
  }

  .deck-detail-page .deck-card-usage-row{
    min-height:48px;
    padding:0 12px;
  }

  .deck-detail-page .deck-card-usage-rank{
    font-size:10px;
  }

  .deck-detail-page .deck-card-usage-row>strong{
    font-size:12.5px;
  }

  .deck-detail-page .deck-card-usage-row>span b{
    font-size:13px;
  }

  .deck-detail-page .deck-card-usage-row>span small{
    font-size:9.5px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card{
    min-height:104px;
    padding:12px 13px;
    gap:12px 14px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b{
    font-size:12.5px;
    line-height:1.3;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top time{
    font-size:10.5px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta small{
    font-size:9px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta strong{
    font-size:11.5px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-card>button{
    width:104px;
    min-width:104px;
    height:34px;
    font-size:10px;
  }

  .deck-detail-page .decklist-dialog h2{
    font-size:16px;
  }

  .deck-detail-page .decklist-dialog header span{
    font-size:11px;
  }

  .deck-detail-page .decklist-zones h4{
    font-size:12px;
  }

  .deck-detail-page .decklist-zones li,
  .deck-detail-page .decklist-zones li b{
    font-size:12px;
  }
}


/* ==========================================================
   MAZOS V3.3 — mismo formato móvil que Top Mazos de HOME
   Identidad + WR arriba; Performance/PJ/GEP/Meta/Evidencia/
   Tendencia juntos en una sola línea inferior.
   ========================================================== */
.decks-mobile-summary{display:none}

@media(max-width:768px){
  .decks-ranking tbody{
    display:grid !important;
    gap:6px !important;
    padding:8px !important;
  }

  .decks-ranking tbody tr{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(58,126,173,.22) !important;
    border-radius:8px !important;
    background:linear-gradient(90deg,rgba(40,141,200,.055),rgba(3,15,25,.34)) !important;
  }

  .decks-ranking tbody tr:nth-child(even){
    background:linear-gradient(90deg,rgba(40,141,200,.040),rgba(3,15,25,.30)) !important;
  }

  .decks-ranking tbody tr > td:not(.decks-mobile-summary){
    display:none !important;
  }

  .decks-ranking .decks-mobile-summary{
    display:block !important;
    width:100% !important;
    height:57px !important;
    padding:5px 8px !important;
    border:0 !important;
  }

  .decks-mobile-summary::before{display:none !important}

  .decks-mobile-main{
    display:grid;
    grid-template-columns:24px minmax(0,1fr) auto 12px;
    align-items:center;
    gap:7px;
    min-width:0;
    height:27px;
  }

  .decks-mobile-rank{
    color:#51c9ff;
    font-size:12px;
    font-weight:950;
  }

  .decks-mobile-name{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    color:#edf4fa;
  }

  .decks-mobile-name .mu-identity{
    flex:0 0 25px;
    width:25px;
    height:25px;
  }

  .decks-mobile-name .mu-archetype-badge{
    width:25px;
    height:25px;
    flex-basis:25px;
  }

  .decks-mobile-name strong{
    min-width:0;
    overflow:hidden;
    font-size:11.5px;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .decks-mobile-summary .wr-pill{
    min-width:42px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-radius:5px;
    font-size:9px;
    font-weight:950;
    font-variant-numeric:tabular-nums;
  }

  .decks-mobile-summary .wr-green{color:#d8fff0;background:rgba(18,196,116,.26);border:1px solid rgba(31,228,142,.62)}
  .decks-mobile-summary .wr-yellow{color:#fff7c6;background:rgba(211,171,24,.24);border:1px solid rgba(241,202,42,.60)}
  .decks-mobile-summary .wr-orange{color:#ffe0bd;background:rgba(226,107,25,.24);border:1px solid rgba(244,130,38,.64)}
  .decks-mobile-summary .wr-red{color:#ffd5ca;background:rgba(204,65,33,.28);border:1px solid rgba(239,84,47,.66)}

  .decks-mobile-arrow{
    color:#54c8f5;
    font-size:15px;
    font-weight:900;
  }

  .decks-mobile-meta{
    height:18px;
    min-width:0;
    display:flex;
    align-items:center;
    gap:0;
    margin-left:31px;
    overflow:hidden;
    color:#d2dde6;
    font-size:8.8px;
    font-weight:750;
    line-height:1;
    white-space:nowrap;
  }

  .decks-mobile-meta>span{
    flex:0 0 auto;
  }

  .decks-mobile-meta>span+span{
    margin-left:6px;
    padding-left:6px;
    border-left:1px solid rgba(117,151,176,.24);
  }

  .decks-mobile-meta b{
    color:#7f96a8;
    font-size:7.8px;
    font-weight:850;
  }

  .decks-mobile-evidence{
    display:inline-flex;
    align-items:center;
    gap:4px;
  }

  .decks-mobile-evidence::before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--dk-red);
  }

  .decks-mobile-evidence.is-medium::before{background:var(--dk-yellow)}
  .decks-mobile-evidence.is-high::before{background:var(--dk-green)}

  .decks-mobile-meta .decks-trend{
    margin-left:auto !important;
    padding-left:6px !important;
  }
}

@media(max-width:390px){
  .decks-mobile-meta{
    font-size:8.4px;
  }
  .decks-mobile-meta>span+span{
    margin-left:5px;
    padding-left:5px;
  }
}


/* ==========================================================
   FICHA DE MAZO V3.5 — resumen superior aún más compacto
   No afecta el ranking MAZOS, la HOME ni el diseño mobile.
   Deshace los aumentos tipograficos V3.2 y evita estirar
   el bloque Decklists a la altura de Cartas mas jugadas.
   ========================================================== */
@media (min-width: 1001px) {
  .deck-detail-page .deck-detail-shell {
    padding-top: 3px;
    padding-bottom: 10px;
  }
  .deck-detail-page .deck-profile {
    min-height: 0;
    padding: 3px 9px;
  }
  .deck-detail-page .deck-profile-title {
    min-height: 19px;
  }
  .deck-detail-page .deck-profile-title h1 {
    font-size: 18px;
  }
  .deck-detail-page .deck-profile-title p {
    font-size: 9px;
  }
  .deck-detail-page .deck-profile-metrics {
    min-height: 30px;
  }
  .deck-detail-page .deck-profile-metrics>div {
    padding: 2px 8px;
  }
  .deck-detail-page .deck-profile-metrics span {
    font-size: 8px;
  }
  .deck-detail-page .deck-profile-metrics strong {
    font-size: 13px;
  }
  .deck-detail-page .deck-profile-metrics>div:nth-child(2) strong {
    font-size: 15px;
  }

  .deck-detail-page .deck-detail-panel>header {
    min-height: 28px;
    padding: 3px 9px;
  }
  .deck-detail-page .deck-detail-panel h2 {
    font-size: 11px;
  }
  .deck-detail-page .deck-detail-panel header span,
  .deck-detail-page .deck-detail-panel header div>span {
    font-size: 9px;
  }

  .deck-detail-page .deck-matchups-panel>header.deck-matchups-header,
  .deck-detail-page .deck-presence>header {
    min-height: 28px;
    height: 28px;
    padding: 0 9px;
  }
  .deck-detail-page .deck-matchups-summary>section {
    min-height: 76px;
    padding: 4px 9px;
  }
  .deck-detail-page .deck-matchups-summary>section>span {
    margin-bottom: 3px;
    font-size: 8.5px;
  }
  .deck-detail-page .deck-matchups-balance-metrics {
    gap: 5px !important;
  }
  .deck-detail-page .deck-matchups-balance-metrics strong {
    font-size: 17px;
  }
  .deck-detail-page .deck-matchups-balance-metrics small {
    font-size: 8px;
  }
  .deck-detail-page .deck-matchups-balance p {
    margin-top: 3px;
    font-size: 8.5px;
  }
  .deck-detail-page .deck-matchups-highlight>div>strong {
    font-size: 11px;
  }
  .deck-detail-page .deck-matchups-highlight>div>div {
    margin-top: 3px;
    gap: 5px;
  }
  .deck-detail-page .deck-matchups-highlight>div b {
    font-size: 15px;
  }
  .deck-detail-page .deck-matchups-highlight>div span,
  .deck-detail-page .deck-matchups-highlight>div em {
    font-size: 8.5px;
  }
  .deck-detail-page .deck-matchups-full-link {
    min-height: 21px;
    padding: 0 8px;
    font-size: 8px;
  }

  .deck-detail-page .deck-presence-metrics {
    min-height: 43px;
    padding: 2px 7px;
  }
  .deck-detail-page .deck-presence-metrics>div {
    padding: 2px 3px;
  }
  .deck-detail-page .deck-presence-metrics strong {
    font-size: 15px;
  }
  .deck-detail-page .deck-presence-metrics span {
    font-size: 8px;
  }
  .deck-detail-page .deck-presence h3 {
    padding: 2px 9px 1px;
    font-size: 8px;
  }
  .deck-detail-page .deck-geography--compact {
    padding: 0 9px 3px;
  }
  .deck-detail-page .deck-geography--compact>div {
    min-height: 16px;
  }
  .deck-detail-page .deck-geography--compact b {
    font-size: 9px;
  }
  .deck-detail-page .deck-geography--compact strong {
    font-size: 10px;
  }

  .deck-detail-page .deck-card-tabs {
    padding: 5px 9px;
    gap: 5px;
  }
  .deck-detail-page .deck-card-tabs button {
    height: 25px;
    padding: 0 9px;
    font-size: 8.5px;
  }
  .deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row {
    min-height: 37px;
    padding: 0 9px;
    gap: 6px;
  }
  .deck-detail-page .deck-card-usage-rank {
    font-size: 8px;
  }
  .deck-detail-page .deck-card-usage-row>strong {
    font-size: 10.5px;
  }
  .deck-detail-page .deck-card-usage-row>span b {
    font-size: 11px;
  }
  .deck-detail-page .deck-card-usage-row>span small {
    font-size: 8px;
  }

  .deck-detail-page .deck-published-lists--side .deck-published-rows {
    gap: 6px;
    padding: 7px;
    align-content: start;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card {
    min-height: 78px;
    padding: 8px 9px;
    gap: 7px 9px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b {
    font-size: 10.5px;
    line-height: 1.25;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top time {
    font-size: 8.5px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta {
    gap: 7px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta small {
    font-size: 7.5px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta strong {
    font-size: 9.5px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card>button {
    min-width: 90px;
    width: 90px;
    height: 27px;
    font-size: 8.5px;
  }
}

@media (min-width: 1101px) {
  /* El panel derecho termina donde termina su contenido.
     Si existen muchas listas, conserva el scroll interno. */
  .deck-detail-page .deck-cards-decklists-grid {
    align-items: start;
  }
  .deck-detail-page .deck-published-lists--side {
    height: auto;
    max-height: 480px;
    align-self: start;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-rows {
    flex: 0 1 auto;
    min-height: 0;
    overflow-y: auto;
  }
}


/* ==========================================================
   FICHA DE MAZO V3.6 — Presencia en franja + acceso a Enfrentamientos
   El resumen de enfrentamientos se consulta en /matchups.
   Solo se altera la ficha de mazo, no el ranking ni la HOME.
   ========================================================== */
.deck-detail-page .deck-detail-quickbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;
  gap:8px;
  margin-top:7px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:52px;
  height:auto;
  padding:0 9px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence>header{
  flex:0 0 93px;
  min-height:0;
  height:auto;
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 8px 0 0;
  border-bottom:0;
  border-right:1px solid #ffffff12;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-metrics{
  flex:1 1 340px;
  min-width:240px;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:2px 8px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-metrics>div{
  padding:3px 4px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-metrics strong{
  font-size:15px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-metrics span{
  font-size:8px;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-location{
  flex:0 1 295px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:4px 0 4px 9px;
  border-left:1px solid #ffffff12;
}
.deck-detail-page .deck-detail-quickbar .deck-presence-location h3{
  flex:0 0 86px;
  margin:0;
  padding:0;
  font-size:8px;
  line-height:1.25;
}
.deck-detail-page .deck-detail-quickbar .deck-geography--compact{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  gap:3px 8px;
  padding:0;
}
.deck-detail-page .deck-detail-quickbar .deck-geography--compact>div{
  flex:1 1 65px;
  min-width:0;
  width:auto;
  min-height:17px;
}
.deck-detail-page .deck-detail-quickbar .deck-geography--compact b{
  font-size:8.5px;
}
.deck-detail-page .deck-detail-quickbar .deck-geography--compact strong{
  font-size:9px;
}
.deck-detail-page .deck-detail-quickbar .deck-matchups-cta{
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  min-height:52px;
  padding:0 13px;
  margin:0;
  white-space:nowrap;
  font-size:9px;
}
.deck-detail-page .deck-cards-decklists-grid{
  margin-top:7px;
}
@media(max-width:1100px){
  .deck-detail-page .deck-detail-quickbar{
    grid-template-columns:1fr;
    gap:6px;
  }
  .deck-detail-page .deck-detail-quickbar .deck-presence{
    flex-wrap:wrap;
    padding:5px 8px;
  }
  .deck-detail-page .deck-detail-quickbar .deck-presence>header{
    flex:0 0 82px;
    min-height:45px;
  }
  .deck-detail-page .deck-detail-quickbar .deck-presence-metrics{
    flex:1 1 calc(100% - 86px);
    min-width:0;
  }
  .deck-detail-page .deck-detail-quickbar .deck-presence-location{
    flex:1 1 100%;
    gap:8px;
    padding:4px 3px 1px;
    border-left:0;
    border-top:1px solid #ffffff10;
  }
  .deck-detail-page .deck-detail-quickbar .deck-matchups-cta{
    min-height:32px;
    justify-self:stretch;
    font-size:9px;
  }
}


/* ==========================================================
   FICHA DE MAZO V3.9 — franja de 43px, cifras de presencia legibles
   Estructura desktop: NOMBRE | PRESENCIA | ESTADISTICAS | ENFRENTAMIENTOS.
   Para pantallas angostas, la cabecera se reorganiza sin solaparse.
   Afecta únicamente la ficha individual de MAZOS.
   ========================================================== */
.deck-detail-page .deck-detail-shell{padding-top:6px}
.deck-detail-page .deck-profile{
  min-height:0;
  padding:3px 9px;
  gap:8px;
}
.deck-detail-page .deck-profile-main{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-areas:"title facts metrics action";
  grid-template-columns:182px 194px minmax(0,1fr) 124px;
  grid-template-rows:minmax(0,1fr);
  align-items:center;
  column-gap:0;
  min-height:43px;
  padding-top:0;
}
.deck-detail-page .deck-profile-title{
  grid-area:title;
  min-width:0;
  min-height:37px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding:0 10px 0 0;
  margin:0;
  border:0;
  border-right:1px solid #ffffff25;
  text-align:center;
}
.deck-detail-page .deck-profile-title h1{
  display:block;
  max-width:100%;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  font-size:18px;
  line-height:1.12;
}
.deck-detail-page .deck-profile-facts{
  grid-area:facts;
  min-width:0;
  min-height:37px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  gap:1px 5px;
  padding:0 8px;
  border-right:1px solid #ffffff25;
  color:#a8bfd0;
  font-size:9.5px;
  line-height:1.2;
  text-align:center;
}
.deck-detail-page .deck-profile-facts>span{
  min-width:0;
  white-space:nowrap;
}
.deck-detail-page .deck-profile-facts b{
  color:#ebf4fa;
  font-size:12.5px;
  font-weight:850;
}
.deck-detail-page .deck-profile-metrics{
  grid-area:metrics;
  min-width:0;
  width:100%;
  min-height:37px;
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:stretch;
  gap:0;
}
.deck-detail-page .deck-profile-metrics>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:37px;
  padding:2px 5px;
  border:0;
  border-right:1px solid #ffffff12;
}
.deck-detail-page .deck-profile-metrics>div:last-child{border-right:0}
.deck-detail-page .deck-profile-metrics span{
  font-size:7.5px;
  line-height:1.15;
}
.deck-detail-page .deck-profile-metrics strong{
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  line-height:1.1;
}
.deck-detail-page .deck-profile-metrics>div:nth-child(2) strong{font-size:14px}
.deck-detail-page .deck-profile-matchups-link{
  grid-area:action;
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  width:112px;
  height:auto;
  min-height:26px;
  margin:0;
  padding:3px 7px;
  border:1px solid #6c4a84;
  text-align:center;
  white-space:normal;
  font-size:8px;
  line-height:1.2;
}
.deck-detail-page .deck-cards-decklists-grid{margin-top:7px}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b{
  color:#f2f8ff;
  font-size:12px;
  font-weight:850;
}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta>span:first-child strong{
  color:#b6c8d8;
  font-weight:600;
}
.deck-detail-page .deck-published-lists--side .deck-published-card{position:relative}
.deck-detail-page .deck-published-lists--side .decklist-unavailable{
  grid-area:action;
  align-self:center;
  justify-self:end;
  width:98px;
  color:#8999a9;
  font-size:9px;
  text-align:center;
  line-height:1.25;
}
.deck-detail-page .deck-published-lists--side .deck-published-card>button:focus-visible,
.deck-detail-page .deck-profile-matchups-link:focus-visible{
  outline:2px solid #65caff;
  outline-offset:2px;
}
@media(min-width:1001px){
  .deck-detail-page .deck-profile{grid-template-columns:minmax(0,1fr)}
  .deck-detail-page .deck-profile.has-characteristic-card{
    grid-template-columns:68px minmax(0,1fr);
    gap:8px;
  }
  .deck-detail-page .deck-profile.has-characteristic-card .deck-characteristic-card{
    width:68px;
    height:66px;
  }
  .deck-detail-page .deck-profile.has-characteristic-card .deck-profile-main{
    grid-template-columns:160px 170px minmax(0,1fr) 112px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card{
    min-height:70px;
    padding:7px 9px;
    gap:5px 9px;
  }
}
@media(max-width:1220px){
  .deck-detail-page .deck-profile-main,
  .deck-detail-page .deck-profile.has-characteristic-card .deck-profile-main{
    grid-template-areas:
      "title facts action"
      "metrics metrics metrics";
    grid-template-columns:minmax(130px,200px) minmax(170px,1fr) 130px;
    grid-template-rows:auto auto;
    gap:3px 0;
    padding-top:0;
  }
  .deck-detail-page .deck-profile-title,
  .deck-detail-page .deck-profile-facts{min-height:37px}
  .deck-detail-page .deck-profile-metrics{min-height:37px}
  .deck-detail-page .deck-profile-metrics>div{min-height:37px}
}
@media(max-width:740px){
  .deck-detail-page .deck-profile,
  .deck-detail-page .deck-profile.has-characteristic-card{
    grid-template-columns:minmax(0,1fr);
  }
  .deck-detail-page .deck-profile.has-characteristic-card .deck-characteristic-card{display:none}
  .deck-detail-page .deck-profile-main,
  .deck-detail-page .deck-profile.has-characteristic-card .deck-profile-main{
    grid-template-areas:
      "title facts"
      "metrics metrics"
      "action action";
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:3px 0;
    min-height:0;
    padding:0;
  }
  .deck-detail-page .deck-profile-title{min-height:34px;padding:0 8px 0 0}
  .deck-detail-page .deck-profile-title h1{font-size:17px}
  .deck-detail-page .deck-profile-facts{
    min-height:34px;
    padding:0 0 0 8px;
    border:0;
  }
  .deck-detail-page .deck-profile-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:2px 0;
    min-height:0;
  }
  .deck-detail-page .deck-profile-metrics>div{
    min-height:32px;
    padding:2px 5px;
  }
  .deck-detail-page .deck-profile-metrics strong{font-size:12px}
  .deck-detail-page .deck-profile-metrics>div:nth-child(2) strong{font-size:14px}
  .deck-detail-page .deck-profile-matchups-link{
    justify-self:end;
    min-height:22px;
    width:auto;
    margin:0;
    padding:3px 9px;
  }
  .deck-detail-page .deck-published-lists--side .decklist-unavailable{
    grid-area:auto;
    justify-self:end;
  }
}
@media(max-width:390px){
  .deck-detail-page .deck-profile-title h1{font-size:16px}
  .deck-detail-page .deck-profile-facts{font-size:9px;gap:1px 1px}
  .deck-detail-page .deck-profile-facts b{font-size:11px}
  .deck-detail-page .deck-profile-metrics span{font-size:7px}
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b{font-size:11.5px}
}


/* ==========================================================
   FICHA DE MAZO V4.0 — tabla de cartas ordenable y altura controlada
   Sólo ficha /decks/<arquetipo>; sin cambios de datos ni estadísticas.
   ========================================================== */
/* Participaciones en dos columnas, con etiquetas y números alineados. */
.deck-detail-page .deck-profile-facts{
  gap:2px 11px;
  text-align:left;
  padding:0 12px;
}
.deck-detail-page .deck-profile-facts>span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  font-size:9px;
  white-space:nowrap;
  line-height:1.3;
}
.deck-detail-page .deck-profile-facts>span>span{
  color:#98acbf;
  font-size:8px;
  font-weight:800;
  letter-spacing:.012em;
}
.deck-detail-page .deck-profile-facts b{
  flex:none;
  color:#eef7ff;
  font-size:13px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

/* Dos columnas numéricas con encabezados únicos, ambos ordenables. */
.deck-detail-page .deck-cards-column-head{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 96px 96px;
  gap:6px;
  align-items:center;
  min-height:24px;
  padding:0 16px 0 9px;
  border-bottom:1px solid #ffffff20;
  background:#081522;
  color:#95aabc;
  font-size:8.5px;
  font-weight:800;
}
.deck-detail-page .deck-cards-column-head button{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:3px;
  padding:4px 0;
  border:0;
  background:none;
  color:inherit;
  font-size:8.5px;
  font-weight:850;
  cursor:pointer;
  white-space:nowrap;
  text-align:right;
}
.deck-detail-page .deck-cards-column-head button.is-active{
  color:#d8aeff;
}
.deck-detail-page .deck-cards-column-head button:focus-visible{
  outline:2px solid #6cceff;
  outline-offset:1px;
}
.deck-detail-page .deck-sort-arrow{
  display:inline-block;
  min-width:8px;
  color:#da9fff;
  font-size:12px;
  line-height:1;
}
.deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row{
  grid-template-columns:32px minmax(0,1fr) 96px 96px;
  min-height:32px;
  padding:0 9px;
  gap:6px;
}
.deck-detail-page .deck-card-usage-row>span:last-child{
  justify-content:center;
}
.deck-detail-page .deck-card-usage-row>span:last-child b{
  font-size:11.5px;
  font-variant-numeric:tabular-nums;
}

/* Participaciones: mayor legibilidad sin tarjetas innecesariamente altas. */
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b{
  font-size:13px;
  line-height:1.2;
}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top time{
  font-size:9.5px;
}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta small{
  font-size:8.5px;
}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta strong{
  font-size:10.5px;
}
.deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-meta>span:first-child strong{
  font-size:10.5px;
}
.deck-detail-page .deck-published-lists--side .deck-published-card>button{
  font-size:9px;
}

/* Escritorio: cabecera y los dos paneles caben dentro de la ventana.
   Si hay más cartas/jugadores, se desplaza cada lista, no la página. */
@media(min-width:1101px){
  .decks-page.deck-detail-page{
    height:calc(100dvh - 37px);
    min-height:0;
    overflow:hidden;
  }
  .deck-detail-page .deck-detail-shell{
    box-sizing:border-box;
    height:100%;
    min-height:0;
    padding-bottom:8px;
    display:flex;
    flex-direction:column;
  }
  .deck-detail-page #deck-detail-content:not([hidden]){
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
  }
  .deck-detail-page .deck-profile{
    flex:0 0 auto;
  }
  .deck-detail-page .deck-cards-decklists-grid{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    align-items:stretch;
    overflow:hidden;
  }
  .deck-detail-page .deck-cards-decklists-grid>.deck-detail-panel{
    min-height:0;
    max-height:none;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .deck-detail-page .deck-cards-decklists-grid>.deck-detail-panel>header{
    flex:0 0 auto;
  }
  .deck-detail-page .deck-cards-panel .deck-card-tabs{
    flex:0 0 auto;
  }
  .deck-detail-page .deck-cards-panel #deck-cards-list{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    display:block;
  }
  .deck-detail-page .deck-published-lists--side #deck-published-rows{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .deck-detail-page ~ .site-footer{
    display:none;
  }
}
@media(max-width:1100px){
  .deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row,
  .deck-detail-page .deck-cards-column-head{
    grid-template-columns:26px minmax(0,1fr) 92px 92px;
    gap:5px;
  }
  .deck-detail-page .deck-cards-column-head{
    padding:0 9px;
    font-size:8px;
  }
  .deck-detail-page .deck-cards-column-head button{
    font-size:8px;
  }
  .deck-detail-page .deck-profile-facts{
    gap:2px 9px;
    padding:0 8px;
  }
}
@media(max-width:768px){
  /* En teléfono también se muestran las copias, no se oculta la columna. */
  .deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row,
  .deck-detail-page .deck-cards-column-head{
    grid-template-columns:24px minmax(0,1fr) 75px 73px;
    gap:4px;
  }
  .deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row>span:last-child{
    display:flex;
  }
  .deck-detail-page .deck-cards-column-head button{
    font-size:7.1px;
  }
  .deck-detail-page .deck-cards-column-head{
    font-size:7px;
    padding:0 7px;
  }
  .deck-detail-page .deck-cards-decklists-grid .deck-card-usage-row{
    padding:0 7px;
  }
  .deck-detail-page .deck-published-lists--side .deck-published-card .deck-published-card-top b{
    font-size:12px;
  }
}
@media(max-width:390px){
  .deck-detail-page .deck-profile-facts{
    gap:2px 5px;
    padding:0 4px;
  }
  .deck-detail-page .deck-profile-facts>span>span{
    font-size:7.2px;
  }
  .deck-detail-page .deck-profile-facts b{
    font-size:11px;
  }
}


/* ==========================================================
   MAZOS MOBILE V3.4 — ranking de una pantalla + columnas ordenables.
   Sólo /decks (listado), nunca la ficha ni la vista escritorio.
   ========================================================== */
.decks-mobile-sort-bar{display:none}
.decks-mobile-more[hidden]{display:none!important}
@media(min-width:769px){
  .decks-mobile-more{display:none!important}
}
@media(max-width:768px){
  .decks-page:not(.deck-detail-page) .decks-shell{
    padding-top:8px;
    padding-bottom:8px;
  }
  .decks-page:not(.deck-detail-page) .decks-heading{
    min-height:36px;
    margin-bottom:7px;
    align-items:center;
  }
  .decks-page:not(.deck-detail-page) .decks-heading h1{font-size:23px}
  .decks-page:not(.deck-detail-page) .decks-filter-toggle{
    height:35px;
    min-width:70px;
    font-size:10px;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking>header{
    min-height:45px;
    padding:6px 9px;
    gap:5px;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking>header h2{font-size:11.5px}
  .decks-page:not(.deck-detail-page) .decks-ranking>header span{font-size:8px}
  .decks-page:not(.deck-detail-page) .decks-table-wrap{overflow:hidden}
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar{
    display:grid;
    grid-template-columns:25px minmax(0,1fr) 52px 53px 10px;
    gap:4px;
    align-items:center;
    min-height:29px;
    padding:0 7px;
    border-bottom:1px solid #2a4159;
    background:#071625;
    color:#a3b4c6;
    font-size:8px;
    font-weight:850;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>span{
    text-transform:uppercase;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button{
    min-height:27px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0;
    border:0;
    background:transparent;
    color:#a3b4c6;
    font-size:8px;
    font-weight:850;
    text-align:left;
    white-space:nowrap;
    cursor:pointer;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button:nth-of-type(2),
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button:nth-of-type(3){
    justify-content:flex-end;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button:nth-of-type(3){font-size:7px}
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button.is-active{
    color:#e1b2ff;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button:focus-visible{
    outline:2px solid #6ec8ff;
    outline-offset:-1px;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking tbody{
    display:grid!important;
    gap:0!important;
    padding:0 6px!important;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking tbody tr,
  .decks-page:not(.deck-detail-page) .decks-ranking tbody tr:nth-child(even){
    display:block!important;
    min-height:50px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #27415b!important;
    border-radius:0!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking tbody tr:active{
    background:#16304b!important;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking .decks-mobile-summary{
    box-sizing:border-box;
    display:block!important;
    width:100%!important;
    height:50px!important;
    padding:4px 1px!important;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-main{
    display:grid;
    grid-template-columns:25px minmax(0,1fr) 52px 53px 10px;
    gap:4px;
    align-items:center;
    min-height:24px;
    height:24px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-rank{
    font-size:11px;
    font-weight:900;
    font-variant-numeric:tabular-nums;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-name{
    min-width:0;
    gap:5px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-name .mu-identity,
  .decks-page:not(.deck-detail-page) .decks-mobile-name .mu-archetype-badge{
    width:23px;
    height:23px;
    flex-basis:23px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-name strong{
    font-size:10.5px;
    font-weight:850;
    line-height:1.15;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-summary .wr-pill{
    min-width:0;
    width:52px;
    height:20px;
    padding:0 2px;
    font-size:9px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-trend{
    display:block;
    min-width:0;
    overflow:hidden;
    color:#d7e7f5;
    font-size:9px;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:right;
    font-variant-numeric:tabular-nums;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-trend.is-positive{color:#24e99c}
  .decks-page:not(.deck-detail-page) .decks-mobile-trend.is-negative{color:#ff5263}
  .decks-page:not(.deck-detail-page) .decks-mobile-trend.is-new{color:#5bcfff}
  .decks-page:not(.deck-detail-page) .decks-mobile-arrow{font-size:13px}
  .decks-page:not(.deck-detail-page) .decks-mobile-meta{
    height:16px;
    margin:0 0 0 29px;
    font-size:7.9px;
    font-weight:750;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-meta b{font-size:7.3px}
  .decks-page:not(.deck-detail-page) .decks-mobile-meta>span+span{
    margin-left:4px;
    padding-left:4px;
  }
  .decks-page:not(.deck-detail-page) .decks-pagination{
    display:none!important;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:8px 12px 9px;
    border-top:1px solid #ffffff14;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more button{
    width:100%;
    min-height:35px;
    border:1px solid #6b4b84;
    border-radius:6px;
    background:#241633;
    color:#e7c8fd;
    font-size:11px;
    font-weight:850;
    cursor:pointer;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more button:focus-visible{
    outline:2px solid #66cfff;
    outline-offset:2px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more>span{
    color:#8fa4b7;
    font-size:9px;
    text-align:center;
  }
}
@media(max-width:355px){
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar,
  .decks-page:not(.deck-detail-page) .decks-mobile-main{
    grid-template-columns:22px minmax(0,1fr) 47px 47px 8px;
    gap:3px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-sort-bar>button:nth-of-type(3){
    font-size:6.4px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-summary .wr-pill{width:47px}
  .decks-page:not(.deck-detail-page) .decks-mobile-trend{font-size:8px}
  .decks-page:not(.deck-detail-page) .decks-mobile-name strong{font-size:9.8px}
}


/* MAZOS MOBILE V3.5 — más filas a la vista, botón breve y footer más abajo.
   Solamente listado /decks; la ficha del arquetipo sigue intacta. */
@media(max-width:768px){
  .decks-page:not(.deck-detail-page){
    /* Conservar el footer accesible al desplazarse, fuera del primer pliegue. */
    min-height:calc(100svh - 36px);
  }
  .decks-page:not(.deck-detail-page) .decks-ranking tbody tr,
  .decks-page:not(.deck-detail-page) .decks-ranking tbody tr:nth-child(even){
    min-height:44px!important;
  }
  .decks-page:not(.deck-detail-page) .decks-ranking .decks-mobile-summary{
    height:44px!important;
    padding:2px 1px!important;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-main{
    height:22px;
    min-height:22px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-meta{
    height:16px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more{
    align-items:center;
    gap:0;
    padding:4px 9px 5px;
  }
  .decks-page:not(.deck-detail-page) .decks-mobile-more button{
    width:min(100%,240px);
    min-height:27px;
    padding:2px 11px;
    font-size:10px;
    line-height:1.2;
  }
}


/* ==========================================================
   VISOR DE CARTAS TACTIL V4.1 — funciona al pulsar en móvil
   y dentro de las decklists, sin depender del hover de escritorio.
   ========================================================== */
.deck-detail-page .deck-card-usage-row>strong[data-card-title],
.decklist-dialog .decklist-zones li span[data-card-title]{
  cursor:zoom-in;
  touch-action:manipulation;
}
.deck-detail-page .deck-card-usage-row>strong[data-card-title]:focus-visible,
.decklist-dialog .decklist-zones li span[data-card-title]:focus-visible{
  outline:2px solid #5bcdf7;
  outline-offset:2px;
  border-radius:3px;
}
.deck-card-image-dialog{
  box-sizing:border-box;
  width:min(390px,calc(100vw - 24px));
  max-width:calc(100vw - 24px);
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid #477ba3;
  border-radius:12px;
  background:#071623;
  color:#e5f4ff;
  box-shadow:0 20px 65px #000c;
}
.deck-card-image-dialog[open]{
  display:flex;
  flex-direction:column;
}
.deck-card-image-dialog::backdrop{
  background:rgba(2,8,16,.87);
}
.deck-card-image-header{
  box-sizing:border-box;
  min-height:48px;
  padding:7px 9px 7px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-bottom:1px solid #406782;
}
.deck-card-image-header h2{
  margin:0;
  min-width:0;
  font-size:13px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.deck-card-image-header button{
  display:grid;
  place-items:center;
  flex:none;
  width:34px;
  height:34px;
  border:1px solid #486883;
  border-radius:6px;
  background:#10273a;
  color:#e9f4fc;
  font-size:25px;
  cursor:pointer;
}
.deck-card-image-content{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 auto;
  min-height:150px;
  padding:10px;
  overflow:auto;
}
.deck-card-image-content img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:calc(100dvh - 106px);
  height:auto;
  margin:auto;
  border-radius:7px;
  object-fit:contain;
}
.deck-card-image-content img[hidden],
.deck-card-image-content p[hidden]{
  display:none!important;
}
.deck-card-image-content p{
  margin:20px 5px;
  color:#b5c9db;
  font-size:12px;
  line-height:1.5;
  text-align:center;
}
@media(hover:none), (pointer:coarse){
  .deck-detail-page .deck-card-usage-row>strong[data-card-title]::after,
  .decklist-dialog .decklist-zones li span[data-card-title]::after{
    content:" ⤢";
    color:#59c8f6;
    font-size:11px;
    font-weight:800;
  }
}


/* VISOR DE CARTAS V4.2: fila táctil y vínculo de respaldo. */
.deck-detail-page #deck-cards-list .deck-card-usage-row,
.decklist-dialog .decklist-zones li{
  cursor:pointer;
  touch-action:manipulation;
}
.deck-card-image-dialog .deck-card-image-content{
  flex-direction:column;
  gap:4px;
}
.deck-card-image-dialog #deck-card-image-original{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 0 12px;
  padding:5px 11px;
  border:1px solid #4786aa;
  border-radius:6px;
  background:#123047;
  color:#bfe9ff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.deck-card-image-dialog #deck-card-image-original[hidden]{
  display:none!important;
}


/* LUPA V4.3 — icono visible y área de toque en cartas de MAZOS. */
@media(max-width:768px){
  .deck-detail-page #deck-cards-list .deck-card-usage-row>strong[data-card-title]{
    position:relative;
    padding-right:19px;
    min-height:24px;
    display:flex;
    align-items:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .deck-detail-page #deck-cards-list .deck-card-usage-row>strong[data-card-title]::after{
    content:"⌕";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:22px;
    display:grid;
    place-items:center;
    color:#4bc6ff;
    font-size:24px;
    line-height:1;
    pointer-events:none;
  }
  .decklist-dialog .decklist-zones li span[data-card-title]::after{
    content:" ⌕";
    color:#4bc6ff;
    font-size:18px;
    line-height:1;
  }
}