:root{--mu-bg:#07111c;--mu-panel:#0d1a29;--mu-line:#273b51;--mu-text:#e6edf5;--mu-muted:#8798aa;--mu-purple:#a45de4;--mu-green:#42cd88;--mu-yellow:#dfb549;--mu-red:#ee6670}*{box-sizing:border-box}.mu-page{min-height:calc(100vh - 62px);background:radial-gradient(circle at 50% 0,#17263b 0,#07111c 48%);color:var(--mu-text)}.mu-shell{display:grid;grid-template-rows:52px auto minmax(0,1fr);gap:7px;padding:7px 16px 10px}.mu-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.mu-topbar h1{margin:0;font-size:25px;letter-spacing:.035em}.mu-controls{display:flex;align-items:end;gap:7px}.mu-picker{position:relative;width:230px}.mu-picker label{display:block;margin:0 0 3px;color:#92a2b4;font-size:8px;font-weight:800;letter-spacing:.08em}.mu-picker input{width:100%;height:33px;padding:0 11px;border:1px solid #354d66;border-radius:6px;background:#0b1826;color:var(--mu-text);font-size:11px}.mu-vs{align-self:center;margin-top:13px;color:#8c9bad;font-size:10px;font-weight:900}.mu-swap,.mu-filter-trigger,.mu-apply{height:33px;border:1px solid #62427e;border-radius:6px;background:#20152f;color:#d9b7f5;font-size:9px;font-weight:850}.mu-swap{width:34px;font-size:15px}.mu-filter-trigger{padding:0 12px}.mu-filter-trigger span{display:block;color:#927aaa;font-size:7px}.mu-suggestions{position:absolute;z-index:50;top:52px;width:100%;max-height:260px;overflow-y:auto;border:1px solid #405870;border-radius:6px;background:#0a1724;box-shadow:0 14px 35px #0008}.mu-suggestions button{width:100%;display:flex;align-items:center;gap:8px;padding:9px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:var(--mu-text);text-align:left;font-size:10px}.mu-suggestions button:hover{background:#182a3e}.mu-filters{position:relative}.mu-filters form{margin:0}.mu-filters #filters-panel{position:absolute;z-index:40;right:0;top:-5px;width:min(760px,100%);padding:9px;border:1px solid #394f66;border-radius:7px;background:#0b1724;box-shadow:0 16px 35px #0009}.mu-ranges,.mu-filter-grid{display:flex;gap:6px}.mu-ranges{margin-bottom:7px}.mu-ranges button,.mu-view-toggle button,.mu-pagination button,.mu-recent header button{border:1px solid #33485e;border-radius:4px;background:#101e2e;color:#94a5b7;font-size:8px;font-weight:800}.mu-ranges button.is-active,.mu-view-toggle button.is-active{border-color:#9d61d2;color:#d6a8f7}.mu-filter-grid label{flex:1;color:#8fa0b3;font-size:8px}.mu-filter-grid input,.mu-filter-grid select{width:100%;height:29px;margin-top:2px;border:1px solid #344a60;background:#0a1521;color:#dbe4ed}.mu-state{min-height:420px;display:grid;place-content:center;text-align:center}.mu-state h2{font-size:17px}.mu-loader{width:25px;height:25px;margin:auto;border:2px solid #31465c;border-top-color:var(--mu-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#matchups-results{min-height:0}.mu-view{min-height:0}.mu-panel,.mu-panorama{min-width:0;overflow:hidden;border:1px solid var(--mu-line);border-radius:7px;background:linear-gradient(145deg,#101f31,#091522);box-shadow:inset 0 1px #ffffff08,0 9px 25px #0002}.mu-panel>header,.mu-panorama>header,.mu-recent>header{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #ffffff10}.mu-panel h2,.mu-panorama h2{margin:0;font-size:10px;letter-spacing:.045em}.mu-global-view{display:grid;grid-template-rows:105px 155px minmax(0,1fr);gap:7px}.mu-panorama-grid{height:74px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:6px}.mu-meta-card{min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:7px 9px;border-left:3px solid var(--mu-green);border-radius:4px;background:#0b1826}.mu-meta-card:nth-child(2){border-color:var(--mu-yellow)}.mu-meta-card:nth-child(3){border-color:var(--mu-purple)}.mu-meta-card>span{grid-column:1/-1;color:#9cacbd;font-size:8px;font-weight:800}.mu-meta-card>div{display:flex;align-items:center;gap:4px;min-width:0}.mu-meta-card b{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.mu-meta-card em{color:#6f8194;font-size:7px}.mu-meta-card>strong{align-self:center;color:var(--mu-green);font-size:19px}.mu-meta-card small{grid-column:1/-1;color:#7e90a3;font-size:8px}.mu-global-middle{display:grid;grid-template-columns:1.45fr 1fr;gap:7px}.mu-context>div{height:123px;display:grid;grid-template-columns:170px minmax(0,1fr);gap:5px 12px;padding:8px 11px}.mu-context>div>div{display:flex;flex-direction:column}.mu-context span,.mu-context dt{color:var(--mu-muted);font-size:8px}.mu-context b{font-size:9px}.mu-season strong{color:#d099f5;font-size:16px}.mu-context dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0}.mu-context dl div{padding-top:5px;border-top:1px solid #ffffff10}.mu-context dd{margin:2px 0 0;font-size:12px;font-weight:800}.mu-distribution>div{height:123px;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;padding:7px 12px}.mu-donut{width:91px;height:91px;display:grid;place-items:center;border-radius:50%}.mu-donut:before{content:"";grid-area:1/1;width:61px;height:61px;border-radius:50%;background:#0c1927}.mu-donut span{z-index:1;grid-area:1/1;color:#9aabba;font-size:8px;text-align:center}.mu-distribution ol{list-style:none;margin:0;padding:0}.mu-distribution li{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;padding:2px 0;font-size:8px}.mu-distribution li i{width:6px;height:6px;border-radius:50%}.mu-table-panel{display:flex;min-height:0;flex-direction:column}.mu-table-panel>header>div:first-child{min-width:0}.mu-table-panel>header span{color:var(--mu-muted);font-size:8px}.mu-view-toggle{display:flex;gap:3px}.mu-view-toggle button{height:21px;padding:0 10px}.mu-table{min-height:0;display:flex;flex:1;flex-direction:column}.mu-th,.mu-tr{display:grid;align-items:center;gap:7px}.mu-global-table .mu-th,.mu-global-table .mu-tr{grid-template-columns:1.25fr 1.25fr .58fr .58fr .42fr .8fr 18px}.mu-rival-table .mu-th,.mu-rival-table .mu-tr{grid-template-columns:1.4fr .55fr .72fr .45fr .85fr 18px}.mu-th{height:25px;padding:0 9px;background:#08131e;color:#8293a5;font-size:8px}.mu-tbody{min-height:0;overflow-y:auto}.mu-tr{width:100%;min-height:35px;padding:4px 9px;border:0;border-top:1px solid #ffffff0c;background:transparent;color:#dce5ed;text-align:left;font-size:9px}.mu-tr:hover{background:#14283c}.mu-tr>span:first-child,.mu-global-table .mu-tr>span:nth-child(2){display:flex;align-items:center;gap:5px;min-width:0}.mu-tr b{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.mu-tr strong{color:var(--mu-green);font-size:11px}.mu-tr i{color:#bd83e9;font-size:14px}.mu-evidence{color:#91a2b3;font-size:8px}.mu-info{position:relative;padding:0;border:0;background:transparent;color:#a982cd;cursor:help}.mu-info:after{content:attr(data-tip);position:absolute;z-index:80;right:0;bottom:calc(100% + 7px);width:230px;padding:8px;border:1px solid #536a82;border-radius:5px;background:#07111c;color:#d9e2eb;font-size:9px;font-weight:400;line-height:1.35;text-align:left;white-space:normal;opacity:0;pointer-events:none}.mu-info:hover:after,.mu-info:focus:after,.mu-info.is-open:after{opacity:1}.mu-identity{flex:none;display:inline-flex;gap:2px}.mu-identity i{width:17px;height:17px;display:grid;place-items:center;border:1px solid #755092;border-radius:50%;background:#1c1627;color:#d4a3f4;font-size:8px;font-style:normal;font-weight:900}.mu-matrix{height:100%;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:5px;padding:6px;overflow:auto}.mu-matrix button{min-height:50px;display:grid;grid-template-columns:1fr auto;gap:4px;padding:7px;border:1px solid #244a40;border-radius:4px;background:#0e241f;color:#dae7e2;text-align:left}.mu-matrix span{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.mu-matrix strong{color:var(--mu-green)}.mu-matrix small{grid-column:1/-1;color:#7f938d;font-size:8px}.mu-a-view{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:7px}.mu-a-main{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:110px 80px minmax(0,1fr);gap:7px}.mu-primary-summary{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 2fr;align-items:center;padding:10px 13px}.mu-archetype-title{display:flex;align-items:center;gap:10px}.mu-archetype-title .mu-identity i{width:30px;height:30px;font-size:12px}.mu-archetype-title span{color:#9c70c5;font-size:8px}.mu-archetype-title h2{margin:3px 0 0;font-size:18px}.mu-kpis{display:grid;grid-template-columns:repeat(4,1fr);height:70px}.mu-kpis>div{display:flex;flex-direction:column;justify-content:center;padding:0 10px;border-left:1px solid #ffffff12}.mu-kpis span{color:#95a5b6;font-size:8px}.mu-kpis strong{margin-top:5px;color:var(--mu-green);font-size:18px}.mu-balance>div{padding:8px 10px}.mu-balance p{margin:0 0 6px;color:#91a1b2;font-size:8px}.mu-balance>div>div{display:flex;justify-content:space-between;font-size:9px}.mu-balance strong{font-size:15px}.good{color:var(--mu-green)}.even{color:var(--mu-yellow)}.bad{color:var(--mu-red)}.mu-challenge>div{height:49px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:7px;padding:6px 10px;font-size:8px}.mu-challenge b{font-size:10px}.mu-challenge strong{color:var(--mu-red);font-size:17px}.mu-challenge .mu-evidence{grid-column:2/-1}.mu-rivals{grid-column:1/-1}.mu-reading{min-height:0;padding:12px}.mu-reading>header{height:auto;display:block;padding:0 0 8px}.mu-reading>header span{color:#8765a3;font-size:7px}.mu-reading section{margin-top:12px;padding-top:11px;border-top:1px solid #ffffff10}.mu-reading h2{font-size:12px}.mu-reading h3{margin:0 0 6px;color:#b77ce5;font-size:9px}.mu-reading p{color:#a5b3c1;font-size:9px;line-height:1.55}.mu-reading b{color:#e5edf4}.mu-pagination{height:27px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #ffffff10;color:#8293a4;font-size:8px}.mu-pagination button{height:20px}.mu-pair-view{grid-template-rows:155px 82px minmax(0,1fr);gap:7px}.mu-pair-hero>header{height:29px}.mu-pair-hero>header>span{font-size:8px;font-weight:850}.mu-duel{height:88px;display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}.mu-duel>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:8px 22px}.mu-duel>div:last-child{text-align:right}.mu-duel>div:last-child .mu-identity{grid-column:2;grid-row:1/3;justify-self:end}.mu-duel b{font-size:12px}.mu-duel strong{grid-column:2;color:var(--mu-green);font-size:29px}.mu-duel>div:last-child strong{grid-column:1}.mu-duel-vs{text-align:center;color:#a66bda;font-size:17px;font-weight:900}.mu-duel-vs small{display:block;margin-top:5px;color:#90a0b1;font-size:8px}.mu-pair-hero footer{height:37px;display:flex;align-items:center;justify-content:center;gap:18px;border-top:1px solid #ffffff10;color:#92a2b2;font-size:8px}.mu-pair-hero footer strong{color:#e5edf5;font-size:13px}.mu-variants{display:flex;flex-direction:column}.mu-empty-inline{display:grid;flex:1;place-items:center;color:#8192a4;font-size:9px}.mu-pair-bottom{min-height:0;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:7px}.mu-recent{min-height:0;display:flex;flex-direction:column}.mu-recent header button{height:20px}.mu-recent-results,#recent-results{min-height:0}.mu-events{min-height:0;overflow-y:auto}.mu-events article{position:relative;min-height:48px;display:grid;grid-template-columns:70px 1fr 35px 45px;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid #ffffff0d}.mu-events time{color:#8b9cad;font-size:8px}.mu-events article>div{display:flex;min-width:0;flex-direction:column}.mu-events b,.mu-events span{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.mu-events span{color:#8697a9;font-size:8px}.mu-events mark{padding:3px;border-radius:10px;background:#7d6b1c33;color:var(--mu-yellow);font-size:9px;text-align:center}.mu-events mark.is-win{background:#42cd8822;color:var(--mu-green)}.mu-events mark.is-loss{background:#ee667022;color:var(--mu-red)}.mu-events details{font-size:8px}.mu-events details small{position:absolute;right:8px;bottom:2px;color:#8192a4}.mu-pair-reading{overflow-y:auto}.mu-pair-reading details summary{color:#c18dea;font-size:8px;font-weight:800;cursor:pointer}
@media(min-width:1181px){body{overflow-y:auto;overflow-x:hidden}.mu-page{height:calc(100vh - 62px);min-height:650px}.mu-shell{height:100%}#matchups-results,.mu-view{height:100%}.mu-a-view:not([hidden]),.mu-pair-view:not([hidden]){display:grid}.mu-global-view:not([hidden]){display:grid}.mu-page+.site-footer{display:block}.mu-list-row{min-height:58px}.mu-topbar h1{font-size:34px}.mu-primary-summary{height:208px;max-height:110px}.mu-global-archetypes{height:100%;max-height:none;overflow-y:auto}.mu-summary-strip,.mu-observed-cards{display:none}.mu-page[data-view="GLOBAL"] .mu-summary-strip,.mu-page[data-view="GLOBAL"] .mu-observed-cards{display:none}#matchups-results{height:auto;min-height:0;overflow:visible}}
@media(max-height:800px) and (min-width:1181px){.mu-shell{grid-template-rows:46px auto minmax(0,1fr)}.mu-global-view{grid-template-rows:98px 145px minmax(0,1fr)}.mu-panorama-grid{height:67px}.mu-meta-card{padding:5px 8px}.mu-context>div,.mu-distribution>div{height:113px}.mu-a-main{grid-template-rows:103px 75px minmax(0,1fr)}.mu-pair-view{grid-template-rows:145px 75px minmax(0,1fr)}.mu-duel{height:80px}}
@media(max-width:1180px){.mu-shell{display:block;padding:10px}.mu-topbar{align-items:flex-start;flex-direction:column}.mu-controls{width:100%;flex-wrap:wrap}.mu-picker{flex:1;min-width:220px}.mu-global-view,.mu-a-view,.mu-pair-view,.mu-a-main,.mu-pair-bottom{display:block!important;height:auto}.mu-view[hidden]{display:none!important}.mu-panel,.mu-panorama{margin-bottom:8px}.mu-global-middle{grid-template-columns:1fr}.mu-table-panel{height:420px}.mu-panorama-grid{height:auto;grid-template-columns:1fr}.mu-context>div,.mu-distribution>div{height:auto}.mu-primary-summary{grid-template-columns:1fr}.mu-a-main>*{margin-bottom:8px}.mu-reading{min-height:220px}.mu-pair-hero{height:auto}.mu-variants{min-height:90px}.mu-recent{height:430px}}
@media(max-width:700px){.mu-controls{display:grid;grid-template-columns:1fr auto 1fr}.mu-picker{min-width:0;width:auto}.mu-swap{display:none}.mu-filter-trigger{grid-column:1/-1}.mu-global-middle,.mu-context dl{grid-template-columns:1fr}.mu-distribution>div{grid-template-columns:90px 1fr}.mu-kpis{grid-template-columns:1fr 1fr;height:auto}.mu-kpis>div{min-height:60px}.mu-th{display:none}.mu-global-table .mu-tr,.mu-rival-table .mu-tr{grid-template-columns:1fr auto}.mu-tr>*{display:none!important}.mu-tr>span:first-child,.mu-tr>strong,.mu-tr>i{display:flex!important}.mu-global-table .mu-tr>span:nth-child(2){display:flex!important}.mu-matrix{grid-template-columns:1fr}.mu-duel{grid-template-columns:1fr 45px 1fr}.mu-duel>div{padding:8px}.mu-duel strong{font-size:21px}.mu-events article{grid-template-columns:62px 1fr 30px}.mu-events details{display:none}}
/* GLOBAL approved composition. A_SELECTED and A_B_SELECTED retain the base layout above. */
#matchups-status[hidden],#matchups-results[hidden]{display:none!important}
.mu-view[hidden]{display:none!important}

.mu-page[data-view="GLOBAL"]{
    --mu-global-panel:#07131e;
    --mu-global-border:#223746;
    --mu-global-hairline:rgba(135,167,190,.16);
    --mu-global-green:#62c83c;
    --mu-global-amber:#e8a612;
    --mu-global-purple:#a95ee3;
    --mu-global-red:#f02f36;
    height:auto;
    min-height:0;
    background:radial-gradient(circle at 17% 8%,rgba(21,47,68,.22),transparent 35%),linear-gradient(180deg,#030b14 0%,#06111b 52%,#071621 100%);
}

/* Matchups GLOBAL: final desktop rhythm and compact, collision-free sidebar. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"]{height:auto;min-height:calc(100vh - 48px)}
    .mu-page[data-view="GLOBAL"] .mu-shell{height:auto;min-height:calc(100vh - 48px);grid-template-rows:auto 0 auto;padding:5px 0 10px}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:500px;gap:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 355px;gap:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:270px 221px;gap:9px}
    .mu-page[data-view="GLOBAL"]+.site-footer{margin-top:0;border-radius:8px 8px 0 0}
    .mu-page[data-view="GLOBAL"] .mu-context>div{grid-template-rows:25px 70px 25px minmax(0,1fr);gap:3px;padding:3px 10px 5px;overflow:hidden}
    .mu-page[data-view="GLOBAL"] .mu-context dl{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2px;min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:auto;min-height:0;padding:0 7px}
    .mu-page[data-view="GLOBAL"] .mu-context dt{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .mu-page[data-view="GLOBAL"] .mu-context dd{flex:none;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:192px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:4px 10px}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:92px;height:92px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:58px;height:58px}
    .mu-page[data-view="GLOBAL"] .mu-distribution ol{width:100%;max-width:none}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{grid-template-columns:34px minmax(0,1fr) 38px;gap:4px;padding:1px 0;line-height:1.05}
}

/* Matrix B headers: use existing Jakari art; compact text code is the explicit fallback. */
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol{width:30px;height:24px;display:inline-grid;place-items:center;overflow:hidden;border:1px solid #755092;border-radius:5px;background:linear-gradient(145deg,#21172d,#0b1721);color:#e2b7ff;font-size:0;font-weight:900;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol::before{content:attr(title);width:3.35ch;overflow:hidden;color:#e2b7ff;font-size:9px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol[title*="JAKARI" i]{background-image:linear-gradient(rgba(5,14,22,.18),rgba(5,14,22,.3)),url('/static/img/meta/jakari-control.webp');background-position:center;background-size:cover}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol[title*="JAKARI" i]::before{content:""}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol{margin:auto}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol{width:24px;height:20px}

/* Canonical Matchups states: shared finishes and real GLOBAL matrix. */
:root{
    --mu-panel-radius:10px;
    --mu-card-radius:8px;
    --mu-control-radius:7px;
    --mu-panel-border:rgba(130,157,180,.25);
    --mu-panel-bg:linear-gradient(145deg,#101f31,#091522);
    /* Canonical visual scale measured from the approved GLOBAL view. */
    --mu-ui-page-title-size:22px;
    --mu-ui-page-subtitle-size:11px;
    --mu-ui-section-title-size:16px;
    --mu-ui-card-title-size:10px;
    --mu-ui-primary-metric-size:20px;
    --mu-ui-secondary-metric-size:13px;
    --mu-ui-body-size:10px;
    --mu-ui-meta-size:9px;
    --mu-ui-table-header-size:8px;
    --mu-ui-table-row-size:10px;
    --mu-ui-control-height:29px;
    --mu-ui-card-padding:8px 10px;
    --mu-ui-gap:8px;
}
.mu-panel,.mu-panorama{border-color:var(--mu-panel-border);border-radius:var(--mu-panel-radius);background:var(--mu-panel-bg)}
.mu-meta-card{border-radius:var(--mu-card-radius)}
.mu-picker input,.mu-swap,.mu-filter-trigger,.mu-apply,.mu-view-toggle button,.mu-table-filter,.mu-global-table-tools select{border-radius:var(--mu-control-radius)}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mu-page[data-view="GLOBAL"] .mu-meta-card{grid-template-columns:minmax(0,1fr);border-left:0}
.mu-page[data-view="GLOBAL"] .mu-card-visual,.mu-page[data-view="GLOBAL"] .mu-meta-card-footer{display:none}
.mu-page[data-view="GLOBAL"] .mu-meta-card-content{width:100%;min-width:0}
.mu-page[data-view="GLOBAL"] .mu-meta-record span{font-size:9px;letter-spacing:.025em}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:minmax(115px,1.15fr) 18px minmax(115px,1.15fr) 72px 72px 50px 54px 50px 54px minmax(92px,.8fr) 28px;
    gap:5px;
}
.mu-page[data-view="GLOBAL"] .mu-rate-cell{display:block}
.mu-page[data-view="GLOBAL"] .mu-rate-cell>i{display:none!important}
.mu-matrix-wrap{width:100%;height:100%;overflow:auto;border-radius:0 0 var(--mu-panel-radius) var(--mu-panel-radius)}
.mu-page[data-view="GLOBAL"] .mu-matrix{width:max-content;min-width:100%;height:auto;display:table;border-collapse:separate;border-spacing:0;padding:0;font-size:11px}
.mu-page[data-view="GLOBAL"] .mu-matrix th,.mu-page[data-view="GLOBAL"] .mu-matrix td{min-width:58px;height:40px;padding:4px;border-right:1px solid #ffffff10;border-bottom:1px solid #ffffff10;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-matrix thead th{position:sticky;z-index:2;top:0;background:#08131e;color:#b9c5cf;font-size:10px}
.mu-page[data-view="GLOBAL"] .mu-matrix thead th:first-child{left:0;z-index:3;min-width:170px;text-align:left}
.mu-page[data-view="GLOBAL"] .mu-matrix tbody th{position:sticky;z-index:1;left:0;min-width:170px;background:#0b1825;text-align:left;font-weight:600}
.mu-page[data-view="GLOBAL"] .mu-matrix tbody th .mu-global-identity{margin-right:7px;vertical-align:middle}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell{width:100%;height:30px;display:flex;align-items:center;justify-content:center;gap:4px;padding:3px;border:1px solid transparent;border-radius:6px;color:#eef3f6;cursor:pointer}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell strong{font-size:11px}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell span{font-size:8px;opacity:.7}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell.is-positive{border-color:#42cd8844;background:#123326;color:var(--mu-green)}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell.is-even{border-color:#dfb54944;background:#342b16;color:var(--mu-yellow)}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell.is-negative{border-color:#ee667044;background:#351b22;color:var(--mu-red)}
.mu-page[data-view="GLOBAL"] .mu-matrix .is-na,.mu-page[data-view="GLOBAL"] .mu-matrix .is-empty{background:#08131e;color:#607386}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:180px 462px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:146px}
}

.mu-page[data-view="GLOBAL"] .mu-shell{height:auto;min-height:0}
.mu-page[data-view="GLOBAL"] .mu-topbar h1{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:10px;
    margin:0;
    color:#f2f5f8;
    font-size:26px;
    letter-spacing:.01em;
}
.mu-page[data-view="GLOBAL"] .mu-topbar h1::before{
    content:"\2694";
    grid-row:1/3;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    color:#af62e7;
    font-size:30px;
    line-height:1;
    text-shadow:0 0 16px rgba(169,94,227,.35);
}
.mu-page[data-view="GLOBAL"] .mu-topbar h1::after{
    content:"Analizá cómo se desempeñan los mazos contra el meta actual.";
    grid-column:2;
    display:block;
    margin-top:2px;
    color:#aab5bf;
    font-size:13px;
    font-weight:400;
    letter-spacing:0;
    line-height:1.35;
}
.mu-page[data-view="GLOBAL"] .mu-controls{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 140px;
    align-items:end;
    gap:10px;
}
.mu-page[data-view="GLOBAL"] .mu-picker{width:auto;min-width:0}
.mu-page[data-view="GLOBAL"] .mu-picker label{
    margin-bottom:5px;
    color:#c5cbd1;
    font-size:12px;
    font-weight:500;
    letter-spacing:.015em;
}
.mu-page[data-view="GLOBAL"] .mu-picker input{
    height:45px;
    padding:0 38px 0 48px;
    border:1px solid #344551;
    border-radius:7px;
    background:radial-gradient(circle at 24px 50%,#08121c 0 8px,#73808b 8px 9px,transparent 9px),linear-gradient(180deg,#07111b,#050d15);
    color:#eef2f5;
    font-size:14px;
    box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.mu-page[data-view="GLOBAL"] .mu-picker input::placeholder{color:#d2d5d9;opacity:1}
.mu-page[data-view="GLOBAL"] .mu-suggestions{top:70px;border-color:#344a5b;background:#06121d}
.mu-page[data-view="GLOBAL"] .mu-vs{
    height:45px;
    display:grid;
    place-items:center;
    align-self:end;
    margin:0;
    color:#f1f3f5;
    font-size:20px;
    font-weight:750;
}
.mu-page[data-view="GLOBAL"] .mu-swap{display:none}
.mu-page[data-view="GLOBAL"] .mu-filter-trigger{
    height:60px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:1fr 1fr;
    align-items:center;
    align-self:end;
    padding:9px 12px;
    border:1px solid #a456cf;
    border-radius:7px;
    background:linear-gradient(180deg,#171021,#0e0b15);
    color:#d67bef;
    font-size:14px;
    font-weight:750;
    line-height:1.1;
    text-align:left;
}
.mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{
    content:"";
    grid-row:1/3;
    width:25px;
    height:25px;
    border:2px solid #c86de8;
    clip-path:polygon(0 0,100% 0,63% 43%,63% 100%,39% 84%,39% 43%);
}
.mu-page[data-view="GLOBAL"] .mu-filter-trigger span{grid-column:2;display:block;color:#c9bbc9;font-size:12px;font-weight:450}
.mu-page[data-view="GLOBAL"] .mu-filters{min-width:0}
.mu-page[data-view="GLOBAL"] .mu-global-guidance{display:block;color:#c3c9ce;font-size:13px;line-height:20px}
.mu-page[data-view="GLOBAL"] #matchups-results,.mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:auto;min-height:0}

.mu-page[data-view="GLOBAL"] .mu-global-surface{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mu-global-border);
    border-radius:8px;
    background:linear-gradient(145deg,rgba(12,28,40,.92),rgba(5,16,25,.96)),var(--mu-global-panel);
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.16);
}
.mu-page[data-view="GLOBAL"] .mu-global-surface>header{
    height:43px;
    display:flex;
    flex:none;
    align-items:center;
    justify-content:flex-start;
    padding:0 16px;
    border-bottom:1px solid var(--mu-global-hairline);
    background:transparent;
}
.mu-page[data-view="GLOBAL"] .mu-global-surface h2{
    margin:0;
    color:#f1f3f5;
    font-size:16px;
    font-weight:720;
    letter-spacing:.01em;
}
.mu-page[data-view="GLOBAL"] .mu-global-surface h2 .mu-info{margin-left:5px;color:#cbd1d6;font-size:14px;vertical-align:1px}

.mu-page[data-view="GLOBAL"] .mu-panorama{display:flex;flex-direction:column}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    height:auto;
    min-height:0;
    display:grid;
    flex:1;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    padding:14px 16px 16px;
    align-items:stretch;
}
.mu-page[data-view="GLOBAL"] .mu-meta-card{
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    align-items:start;
    gap:14px;
    padding:14px;
    border:1px solid #1c3443;
    border-radius:8px;
    background:linear-gradient(145deg,rgba(7,23,34,.84),rgba(4,15,23,.96));
    box-shadow:none;
    text-align:left;
    height:100%;
}
.mu-page[data-view="GLOBAL"] .mu-card-visual{
    width:60px;
    height:60px;
    display:grid;
    place-items:center;
    margin-top:1px;
    border:2px solid currentColor;
    border-radius:50%;
    color:var(--mu-global-green);
    background:rgba(6,17,25,.7);
}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-even .mu-card-visual{color:var(--mu-global-amber)}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-best .mu-card-visual{color:var(--mu-global-purple)}
.mu-page[data-view="GLOBAL"] .mu-card-visual i{color:inherit;font-style:normal}
.mu-page[data-view="GLOBAL"] .mu-card-visual i::before{content:"\2197";font-size:33px;font-weight:700;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-even .mu-card-visual i::before{content:"\2696";font-size:31px}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-best .mu-card-visual i::before{content:"\25A5";font-size:29px}
.mu-page[data-view="GLOBAL"] .mu-meta-card-content{min-width:0;min-height:0;display:grid;align-content:start;gap:8px}
.mu-page[data-view="GLOBAL"] .mu-meta-card-label{color:var(--mu-global-green);font-size:13px;font-weight:760;line-height:1.35}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-even .mu-meta-card-label{color:var(--mu-global-amber)}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-best .mu-meta-card-label{color:#c878ec}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup{
    width:100%;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:8px;
}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup>span{
    min-width:0;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:7px;
}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup b{
    overflow:visible;
    color:#eef1f4;
    font-size:14px!important;
    font-weight:550;
    line-height:1.25;
    white-space:normal;
    text-overflow:clip;
}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup em,.mu-page[data-view="GLOBAL"] .mu-meta-rates em{
    color:#c6cbd0!important;
    font-size:13px!important;
    font-style:normal;
}
.mu-page[data-view="GLOBAL"] .mu-global-identity{
    width:22px;
    height:22px;
    display:inline-block;
    flex:none;
    border:1px solid #667784;
    border-radius:50%;
    background:#0b1721;
    box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.mu-page[data-view="GLOBAL"] .mu-meta-rates{display:flex;align-items:center;gap:14px}
.mu-page[data-view="GLOBAL"] .mu-meta-rates strong{
    color:var(--mu-global-green);
    font-size:31px;
    font-weight:760;
    line-height:1;
    text-shadow:none;
}
.mu-page[data-view="GLOBAL"] .mu-meta-rates strong:last-child{color:var(--mu-global-red);text-shadow:none}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-even .mu-meta-rates strong{color:var(--mu-global-amber);text-shadow:none}
.mu-page[data-view="GLOBAL"] .mu-meta-summary{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mu-page[data-view="GLOBAL"] .mu-meta-record{display:grid;grid-template-columns:repeat(3,auto);gap:7px;margin:0}
.mu-page[data-view="GLOBAL"] .mu-meta-record div{display:grid;place-items:center;gap:1px}
.mu-page[data-view="GLOBAL"] .mu-meta-record b{color:#edf1f3;font-size:12px!important;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-meta-record span{color:#99a6af;font-size:9px;font-weight:700;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-meta-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mu-page[data-view="GLOBAL"] .mu-meta-card-footer>small{color:#eef1f3;font-size:12px;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-meta-card mark{
    width:max-content;
    max-width:100%;
    padding:5px 10px;
    border:0;
    border-radius:5px;
    background:rgba(24,37,48,.78);
    color:#d7dce0;
    font-size:12px;
    font-weight:550;
    text-transform:uppercase;
}
.mu-page[data-view="GLOBAL"] .mu-meta-unavailable{width:100%;min-height:0;display:grid;align-content:center;gap:8px;padding:4px 0}
.mu-page[data-view="GLOBAL"] .mu-meta-unavailable b{
    overflow:visible;
    color:#e3c8ef;
    font-size:15px!important;
    line-height:1.3;
    white-space:normal;
    text-overflow:clip;
}
.mu-page[data-view="GLOBAL"] .mu-meta-unavailable small{
    overflow:visible;
    color:#aeb7bf;
    font-size:13px;
    line-height:1.35;
    white-space:normal;
    text-overflow:clip;
}

.mu-page[data-view="GLOBAL"] .mu-context{display:flex;flex-direction:column}
.mu-page[data-view="GLOBAL"] .mu-context>div{height:auto;min-height:0;display:block;flex:1;padding:0 20px 10px}
.mu-page[data-view="GLOBAL"] .mu-context span,.mu-page[data-view="GLOBAL"] .mu-context dt{color:#e1e5e8;font-size:14px}
.mu-page[data-view="GLOBAL"] .mu-context b{font-size:14px;font-weight:550}
.mu-page[data-view="GLOBAL"] .mu-season,.mu-page[data-view="GLOBAL"] .mu-rotation{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    flex-direction:row!important;
}
.mu-page[data-view="GLOBAL"] .mu-season{height:50px!important;border-bottom:1px solid var(--mu-global-hairline)}
.mu-page[data-view="GLOBAL"] .mu-season strong{color:#cf74ee;font-size:14px;font-weight:500;text-shadow:none}
.mu-page[data-view="GLOBAL"] .mu-editions{height:132px;padding:10px 0 8px}
.mu-page[data-view="GLOBAL"] .mu-editions>span{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mu-page[data-view="GLOBAL"] .mu-editions ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.mu-page[data-view="GLOBAL"] .mu-editions li{
    min-width:0;
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:6px;
    text-align:center;
}
.mu-page[data-view="GLOBAL"] .mu-editions li .mu-global-identity{width:46px;height:46px;flex-basis:46px}
.mu-page[data-view="GLOBAL"] .mu-editions li b{color:#eef1f3;font-size:12px!important;font-weight:500;line-height:1.25}
.mu-page[data-view="GLOBAL"] .mu-editions li b small{display:block;color:#9ba7af;font-size:10px;font-weight:500}
.mu-page[data-view="GLOBAL"] .mu-edition-logo{
    width:46px;
    height:46px;
    display:grid;
    flex:0 0 46px;
    place-items:center;
    overflow:hidden;
    border:1px solid #52636f;
    border-radius:50%;
    background:radial-gradient(circle,#172733,#08131c 72%);
}
.mu-page[data-view="GLOBAL"] .mu-edition-logo img{width:40px;height:40px;display:block;object-fit:contain}
.mu-page[data-view="GLOBAL"] .mu-rotation{
    height:48px!important;
    border-top:1px solid var(--mu-global-hairline);
    border-bottom:1px solid var(--mu-global-hairline);
}
.mu-page[data-view="GLOBAL"] .mu-rotation b{color:#59cd34;font-weight:500}
.mu-page[data-view="GLOBAL"] .mu-context dl{display:block;margin:0}
.mu-page[data-view="GLOBAL"] .mu-context dl div{
    height:40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    border-top:1px solid var(--mu-global-hairline);
}
.mu-page[data-view="GLOBAL"] .mu-context dl div:first-child{border-top:0}
.mu-page[data-view="GLOBAL"] .mu-context dt,.mu-page[data-view="GLOBAL"] .mu-season span,.mu-page[data-view="GLOBAL"] .mu-rotation span{
    display:flex;
    align-items:center;
    gap:10px;
}
.mu-page[data-view="GLOBAL"] .mu-context dd{margin:0;color:#f2f4f6;font-size:14px;font-weight:650}
.mu-page[data-view="GLOBAL"] .mu-context-icon{
    width:19px;
    height:19px;
    display:grid;
    flex:none;
    place-items:center;
    border:1px solid #aab4bc;
    border-radius:50%;
    color:#d9dee2;
    font-size:11px;
    font-style:normal;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-context-icon::before{content:"\2022"}
.mu-page[data-view="GLOBAL"] .mu-context-icon.is-season::before,.mu-page[data-view="GLOBAL"] .mu-context-icon.is-matches::before{content:"+"}
.mu-page[data-view="GLOBAL"] .mu-context-icon.is-editions::before,.mu-page[data-view="GLOBAL"] .mu-context-icon.is-archetypes::before{content:"\2727"}
.mu-page[data-view="GLOBAL"] .mu-context-icon.is-rotation::before,.mu-page[data-view="GLOBAL"] .mu-context-icon.is-updated::before{content:"\21BB"}
.mu-page[data-view="GLOBAL"] .mu-context-icon.is-tournaments::before{content:"\25C7"}
.mu-page[data-view="GLOBAL"] .mu-context-icon.is-players::before{content:"\25CB"}

.mu-page[data-view="GLOBAL"] .mu-distribution{display:grid;grid-template-rows:43px minmax(0,1fr)}
.mu-page[data-view="GLOBAL"] .mu-distribution>div{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:188px minmax(0,1fr);
    align-items:center;
    gap:22px;
    padding:16px 20px 10px;
}
.mu-page[data-view="GLOBAL"] .mu-donut{width:188px;height:188px;filter:none}
.mu-page[data-view="GLOBAL"] .mu-donut::before{width:118px;height:118px;background:radial-gradient(circle,#0b1721,#06111a)}
.mu-page[data-view="GLOBAL"] .mu-donut span{color:#dce1e5;font-size:11px;line-height:1.3}
.mu-page[data-view="GLOBAL"] .mu-donut span strong{display:block;color:#f3f5f6;font-size:20px}
.mu-page[data-view="GLOBAL"] .mu-donut span small{display:block;color:#ccd2d7;font-size:10px;line-height:1.25}
.mu-page[data-view="GLOBAL"] .mu-distribution ol{min-width:0}
.mu-page[data-view="GLOBAL"] .mu-distribution li{
    grid-template-columns:10px minmax(0,1fr) auto;
    gap:9px;
    padding:7px 0;
    color:#e4e8eb;
    font-size:14px;
}
.mu-page[data-view="GLOBAL"] .mu-distribution li i{width:9px;height:9px;box-shadow:none}
.mu-page[data-view="GLOBAL"] .mu-distribution li b{overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.mu-page[data-view="GLOBAL"] .mu-distribution li span{color:#f0f2f4;font-weight:650}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{display:flex;flex-direction:column}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{height:51px;justify-content:space-between;gap:14px}
.mu-page[data-view="GLOBAL"] .mu-global-table-heading{min-width:260px}
.mu-page[data-view="GLOBAL"] .mu-global-table-heading small{display:none}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools{display:flex;align-items:center;gap:10px}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools label{
    display:flex;
    align-items:center;
    gap:8px;
    color:#bec5ca;
    font-size:12px;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools select{
    height:32px;
    padding:0 30px 0 10px;
    border:1px solid #354752;
    border-radius:5px;
    background:#06111a;
    color:#e3e7ea;
    font-size:12px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle{gap:5px}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,.mu-page[data-view="GLOBAL"] .mu-table-filter{
    height:32px;
    padding:0 13px;
    border:1px solid #354752;
    border-radius:5px;
    background:#07131d;
    color:#e1e5e8;
    font-size:12px;
    font-weight:550;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button.is-active{
    border-color:#9d54c8;
    background:#21122d;
    color:#df82ee;
    box-shadow:none;
}
.mu-page[data-view="GLOBAL"] .mu-table-filter{display:inline-flex;align-items:center;gap:7px}
.mu-page[data-view="GLOBAL"] .mu-table-filter span{
    width:12px;
    height:12px;
    display:inline-block;
    border:1px solid currentColor;
    clip-path:polygon(0 0,100% 0,63% 43%,63% 100%,39% 84%,39% 43%);
}
.mu-page[data-view="GLOBAL"] #global-matchups{min-height:0;display:flex;flex:1;overflow:hidden}
.mu-page[data-view="GLOBAL"] .mu-global-table{height:100%;min-height:0}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:minmax(130px,1.28fr) 22px minmax(130px,1.25fr) minmax(105px,.92fr) minmax(105px,.92fr) 66px minmax(120px,1fr) 34px;
    gap:6px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:34px;
    flex:none;
    padding:0 14px;
    background:rgba(4,14,22,.62);
    color:#c1c8ce;
    font-size:11px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{min-height:0;flex:1;overflow-y:auto}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    min-height:33px;
    padding:4px 14px;
    border-top:1px solid rgba(138,165,184,.13);
    background:transparent;
    color:#e6eaed;
    font-size:13px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr:hover{background:rgba(17,39,53,.62)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:first-child,.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b{
    overflow:hidden;
    color:#eef1f3;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mu-page[data-view="GLOBAL"] .mu-row-vs{color:#d7dce0;font-size:12px;font-style:normal;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-rate-cell{
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(34px,1fr);
    align-items:center;
    gap:8px;
}
.mu-page[data-view="GLOBAL"] .mu-rate-cell strong{color:var(--mu-global-amber);font-size:13px;font-weight:650}
.mu-page[data-view="GLOBAL"] .mu-rate-cell>i{
    height:5px;
    display:block;
    overflow:hidden;
    border-radius:999px;
    background:#13212b;
}
.mu-page[data-view="GLOBAL"] .mu-rate-cell>i>span{height:100%;display:block;border-radius:inherit;background:var(--mu-global-amber)}
.mu-page[data-view="GLOBAL"] .mu-rate-cell.is-positive strong{color:#57ce37}
.mu-page[data-view="GLOBAL"] .mu-rate-cell.is-positive>i>span{background:#57b938}
.mu-page[data-view="GLOBAL"] .mu-rate-cell.is-negative strong{color:#ff3038}
.mu-page[data-view="GLOBAL"] .mu-rate-cell.is-negative>i>span{background:#f5323a}
.mu-page[data-view="GLOBAL"] .mu-rate-cell.is-unavailable>i{display:none}
.mu-page[data-view="GLOBAL"] .mu-evidence{
    display:flex;
    align-items:center;
    gap:7px;
    color:#d7dce0;
    font-size:12px;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-evidence::before{content:"\25C7";color:#bd63e6;font-size:15px}
.mu-page[data-view="GLOBAL"] .mu-global-evidence{max-width:100%;gap:5px;font-size:11px}
.mu-page[data-view="GLOBAL"] .mu-global-evidence::before{font-size:13px}
.mu-page[data-view="GLOBAL"] .mu-global-evidence>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{justify-self:center;color:#f0f2f4;font-size:22px;font-style:normal}
.mu-page[data-view="GLOBAL"] .mu-global-table-footnote{
    height:43px;
    display:flex;
    flex:none;
    align-items:center;
    gap:10px;
    padding:0 16px;
    border-top:1px solid var(--mu-global-hairline);
    color:#b7c0c7;
    font-size:12px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-footnote>span:first-child{color:#d8dde1;font-size:16px}
.mu-page[data-view="GLOBAL"] .mu-matrix{grid-template-columns:repeat(4,minmax(145px,1fr));gap:8px;padding:10px}
.mu-page[data-view="GLOBAL"] .mu-matrix span,.mu-page[data-view="GLOBAL"] .mu-matrix small{font-size:12px}
.mu-page[data-view="GLOBAL"]+.site-footer{position:static;clear:both;margin-top:0}

@media(min-width:1181px){
    .mu-page[data-view="GLOBAL"] .mu-shell{
        display:grid;
        grid-template-columns:minmax(0,2.4fr) minmax(340px,1fr);
        grid-template-rows:auto auto auto;
        column-gap:20px;
        row-gap:8px;
        padding:8px 0 16px;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar{
        grid-column:1;
        grid-row:1;
        display:grid;
        grid-template-rows:auto auto;
        align-items:stretch;
        gap:10px;
    }
    .mu-page[data-view="GLOBAL"] .mu-filters{grid-column:1;grid-row:2}
    .mu-page[data-view="GLOBAL"] #matchups-results,.mu-page[data-view="GLOBAL"] .mu-global-dashboard{display:contents}
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-column:1;
        grid-row:3;
        min-width:0;
        height:auto;
        display:grid;
        grid-template-rows:186px 442px;
        gap:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{
        grid-column:2;
        grid-row:1/4;
        min-width:0;
        height:auto;
        display:grid;
        align-self:start;
        grid-template-rows:365px 300px;
        gap:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:38px;padding-inline:14px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{gap:9px;padding:8px 10px 10px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{grid-template-columns:44px minmax(0,1fr);gap:9px;padding:8px 9px}
    .mu-page[data-view="GLOBAL"] .mu-card-visual{width:42px;height:42px}
    .mu-page[data-view="GLOBAL"] .mu-card-visual i::before{font-size:25px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-content{gap:3px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-label{font-size:12px;line-height:1.2}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup{gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup>span{grid-template-columns:18px minmax(0,1fr);gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup .mu-global-identity{width:18px;height:18px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup b{font-size:12px!important;line-height:1.15}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates{gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates strong{font-size:24px}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates em{font-size:11px!important}
    .mu-page[data-view="GLOBAL"] .mu-meta-card mark{padding:3px 7px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-meta-unavailable{gap:5px;padding:1px 0}
    .mu-page[data-view="GLOBAL"] .mu-meta-unavailable b{font-size:14px!important}
    .mu-page[data-view="GLOBAL"] .mu-meta-unavailable small{font-size:12px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{padding-inline:16px;padding-bottom:4px}
    .mu-page[data-view="GLOBAL"] .mu-context span,.mu-page[data-view="GLOBAL"] .mu-context dt,
    .mu-page[data-view="GLOBAL"] .mu-context b,.mu-page[data-view="GLOBAL"] .mu-context dd{font-size:12px}
    .mu-page[data-view="GLOBAL"] .mu-season{height:39px!important}
    .mu-page[data-view="GLOBAL"] .mu-editions{height:95px;padding:7px 0 5px}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:6px}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:3px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo{width:38px;height:38px;flex-basis:38px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo img{width:34px;height:34px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{font-size:11px!important}
    .mu-page[data-view="GLOBAL"] .mu-rotation{height:39px!important}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:29px}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{
        grid-template-columns:146px minmax(0,1fr);
        gap:15px;
        padding:10px 16px 6px;
    }
    .mu-page[data-view="GLOBAL"] .mu-donut{width:146px;height:146px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:91px;height:91px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{gap:7px;padding:5px 0;font-size:12px}
}

/* GLOBAL 1366x768 geometry compaction. State, data and non-GLOBAL views are unchanged. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"]{
        height:auto;
        min-height:calc(100vh - 36px);
    }
    .mu-page[data-view="GLOBAL"] .mu-shell{
        height:auto;
        min-height:calc(100vh - 36px);
        grid-template-rows:auto 0 612px;
        row-gap:4px;
        padding:4px 0 5px;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:3px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{
        grid-template-columns:30px minmax(0,1fr);
        column-gap:7px;
        font-size:22px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:28px;height:28px;font-size:24px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{margin-top:0;font-size:11px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-controls{gap:7px}
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:2px;font-size:10px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-picker input{height:34px;padding-inline:10px;font-size:12px}
    .mu-page[data-view="GLOBAL"] .mu-vs{height:34px;font-size:16px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
        height:46px;
        grid-template-columns:26px minmax(0,1fr);
        gap:7px;
        padding:5px 9px;
        font-size:12px;
        line-height:1.05;
    }
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{width:20px;height:20px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger span{font-size:10px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:156px 448px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:31px;padding-inline:12px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:124px;gap:6px;padding:5px 7px 7px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{gap:6px;padding:5px 7px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-content{gap:2px;padding:4px 8px}
    .mu-page[data-view="GLOBAL"] .mu-meta-summary{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{height:37px;padding-inline:11px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools select,
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,
    .mu-page[data-view="GLOBAL"] .mu-table-filter{height:26px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{height:26px;padding-inline:10px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{min-height:29px;padding:2px 10px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-global-table-footnote{height:27px;padding-inline:11px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:326px 278px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-context>header,
    .mu-page[data-view="GLOBAL"] .mu-distribution>header{height:31px;padding-inline:12px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{padding:3px 12px 2px}
    .mu-page[data-view="GLOBAL"] .mu-season{height:27px!important}
    .mu-page[data-view="GLOBAL"] .mu-editions{height:84px;padding:3px 0}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:3px}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:2px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo{width:29px;height:29px;flex-basis:29px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo img{width:27px;height:27px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-editions li b small{margin-top:0;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-rotation{height:27px!important;margin-top:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl{gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:25px;padding-top:3px}
    .mu-page[data-view="GLOBAL"] .mu-context dd{margin-top:1px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{
        height:246px;
        grid-template-columns:132px minmax(0,1fr);
        gap:12px;
        padding:7px 13px 5px;
    }
    .mu-page[data-view="GLOBAL"] .mu-donut{width:132px;height:132px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:83px;height:83px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{gap:6px;padding:3px 0;font-size:11px;line-height:1.1}
}

/* Final measured precedence for a 1366x768 desktop with ~600px page viewport. */
@media(min-width:1181px) and (max-height:640px){
    .mu-page[data-view="GLOBAL"]{height:auto;min-height:calc(100vh - 36px)}
    .mu-page[data-view="GLOBAL"] .mu-shell{height:auto;min-height:calc(100vh - 36px);grid-template-rows:auto 0 448px;row-gap:4px;padding:4px 0 5px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:140px 300px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:108px;min-height:0;padding-block:4px 6px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:288px 252px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:23px}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:220px;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:5px 12px 4px}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:120px;height:120px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:76px;height:76px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{padding:2px 0;font-size:10px}
}

/* Physical 1366x768 screens expose ~600px of page viewport in desktop Chrome. */
@media(min-width:1181px) and (max-height:640px){
    .mu-page[data-view="GLOBAL"]{min-height:calc(100vh - 36px)}
    .mu-page[data-view="GLOBAL"] .mu-shell{min-height:calc(100vh - 36px);grid-template-rows:auto 0 448px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:140px 300px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:108px;padding-block:4px 6px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:288px 252px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:23px}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:220px;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:5px 12px 4px}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:120px;height:120px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:76px;height:76px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{padding:2px 0;font-size:10px}
}

/* Final visual fidelity pass — geometry only, state rules remain untouched. */
.mu-page[data-view="GLOBAL"] .mu-meta-card{
    min-height:0;
    overflow:hidden;
    border:1px solid rgba(91,192,58,.48);
    background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%,rgba(255,255,255,.018)),radial-gradient(circle at 12% 50%,rgba(92,181,47,.13),transparent 36%),linear-gradient(135deg,#0d201d 0%,#08151f 58%,#0a1824 100%);
}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-even{border-color:rgba(226,151,28,.55);background:radial-gradient(circle at 12% 50%,rgba(225,133,25,.14),transparent 36%),linear-gradient(135deg,#21190e 0%,#08151f 58%,#0a1824 100%)}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-best{border-color:rgba(169,83,207,.48);background:radial-gradient(circle at 12% 50%,rgba(155,75,198,.14),transparent 36%),linear-gradient(135deg,#1c1427 0%,#08151f 58%,#0a1824 100%)}
.mu-page[data-view="GLOBAL"] .mu-meta-card-content{height:100%;display:grid;grid-template-rows:auto auto 1fr;align-content:center;gap:7px;padding:7px 12px}
.mu-page[data-view="GLOBAL"] .mu-meta-card-label{text-align:center;font-size:11px;font-weight:800;letter-spacing:.025em}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup{justify-content:center;gap:10px;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup>span{flex:1;justify-content:center}.mu-page[data-view="GLOBAL"] .mu-meta-matchup b{font-size:13px!important}
.mu-page[data-view="GLOBAL"] .mu-meta-summary{align-items:center;gap:14px}
.mu-page[data-view="GLOBAL"] .mu-meta-rates{min-width:116px;justify-content:center}.mu-page[data-view="GLOBAL"] .mu-meta-rates strong{font-size:25px}
.mu-page[data-view="GLOBAL"] .mu-meta-record{flex:1;justify-content:space-around}.mu-page[data-view="GLOBAL"] .mu-meta-record div{min-width:58px;text-align:center}.mu-page[data-view="GLOBAL"] .mu-meta-record b{font-size:16px!important}.mu-page[data-view="GLOBAL"] .mu-meta-record span{font-size:8px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{border-top:1px solid rgba(133,159,177,.08)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{min-height:31px;line-height:1.2}
.mu-page[data-view="GLOBAL"] .mu-matrix th,.mu-page[data-view="GLOBAL"] .mu-matrix td{height:36px;padding:3px}
.mu-page[data-view="GLOBAL"] .mu-matrix thead th{font-size:9px;letter-spacing:.025em}
.mu-page[data-view="GLOBAL"] .mu-matrix-cell{transition:background-color .14s ease,border-color .14s ease}
@media(min-width:1181px){
    .mu-a-main>.mu-panel{height:100%}.mu-a-main>.mu-primary-summary,.mu-a-main>.mu-balance,.mu-a-main>.mu-challenge{min-height:225px}
    .mu-global-performance{grid-template-columns:minmax(120px,.9fr) minmax(110px,1fr);gap:8px}.mu-performance-ring,.mu-balance-ring{width:112px;height:112px;justify-self:center}
    .mu-primary-summary>footer,.mu-challenge footer{min-height:34px;display:grid;place-items:center}
    .mu-balance>div{grid-template-columns:minmax(120px,.9fr) minmax(110px,1fr);gap:8px}.mu-balance dl{align-self:center}
    .mu-challenge>div{padding:8px 14px}.mu-challenge strong{line-height:1}.mu-challenge footer{margin-top:auto}
    .mu-rivals>header{padding-inline:14px}.mu-rival-table .mu-tr{padding-inline:12px}
    .mu-reading{background:linear-gradient(160deg,#0c1927,#07131f 65%,#0b1724)}.mu-reading section{background:rgba(5,16,25,.4)}
    .mu-pair-view{grid-template-rows:304px minmax(0,1fr)}
    .mu-pair-hero>header{height:38px}.mu-duel{height:116px}.mu-duel>div{grid-template-rows:auto auto auto}.mu-duel>div small{grid-column:2;color:#a7b2bc;font-size:9px}.mu-duel>div:last-child small{grid-column:1}.mu-duel strong{font-size:40px}.mu-duel-vs{width:58px;height:58px;display:grid;place-items:center;justify-self:center;border:1px solid #9b52c3;border-radius:50%}
    .mu-pair-record{width:min(480px,72%);height:104px;display:grid;grid-template-rows:36px 1fr;justify-self:center;margin:0 auto 7px;border:1px solid #334858;border-radius:8px;background:rgba(4,14,22,.72)}
    .mu-pair-total{display:flex;align-items:center;justify-content:center;flex-direction:column;border-bottom:1px solid #ffffff10}.mu-pair-total strong{font-size:18px}.mu-pair-total span{color:#aeb8c1;font-size:8px}
    .mu-pair-record dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.mu-pair-record dl div{display:grid;place-content:center;text-align:center;border-left:1px solid #ffffff12}.mu-pair-record dl div:first-child{border-left:0}.mu-pair-record dd{margin:0;font-size:17px;font-weight:750}.mu-pair-record dt{font-size:8px}
    .mu-pair-hero footer{height:39px;justify-content:space-between;padding:0 14px}.mu-pair-hero footer .mu-evidence{font-size:9px}
    .mu-pair-reading section{margin-top:10px;padding:11px}.mu-recent,.mu-variants{height:100%}
}

/* Surgical clipping repair: A_ONLY summary and A+B hero only. */
@media(min-width:1181px){
    .mu-a-main>.mu-primary-summary,
    .mu-a-main>.mu-balance,
    .mu-a-main>.mu-challenge{
        height:225px;
        min-height:225px;
        max-height:225px;
        align-self:stretch;
    }
    .mu-primary-summary{
        display:grid;
        grid-template-rows:38px minmax(0,1fr) 22px 38px;
        align-items:stretch;
    }
    .mu-primary-summary>header{height:38px;min-height:0}
    .mu-global-performance{
        width:100%;
        min-height:0;
        height:auto;
        grid-template-columns:minmax(104px,.9fr) minmax(96px,1fr);
        align-items:center;
        gap:6px;
        padding:0 12px;
    }
    .mu-performance-ring{width:98px;height:98px;align-self:center;justify-self:center}
    .mu-performance-ring strong{font-size:23px;line-height:1.05}
    .mu-performance-ring span{font-size:9px;line-height:1.25}
    .mu-global-performance dl{display:grid;align-content:center;gap:3px;min-height:0}
    .mu-global-performance dl div{display:grid;grid-template-columns:1fr;margin:0;line-height:1.05}
    .mu-global-performance dd{font-size:18px;line-height:1.05}
    .mu-global-performance dt{margin-top:2px;font-size:9px;line-height:1.05}
    .mu-primary-summary>p{align-self:center;margin:0;padding:0 8px;font-size:10px;line-height:1.2;text-align:center}
    .mu-primary-summary>footer{min-height:0;height:30px;margin:0 12px 8px;padding:4px;font-size:10px}
    .mu-balance,.mu-challenge{overflow:hidden}
    .mu-pair-hero{
        display:grid;
        grid-template-rows:38px 108px minmax(0,1fr) 40px;
        align-items:stretch;
        padding-bottom:0;
    }
    .mu-pair-hero>header{height:38px;min-height:0}
    .mu-pair-hero .mu-duel{height:108px;min-height:0}
    .mu-pair-record{
        width:min(480px,72%);
        height:auto;
        min-height:0;
        align-self:stretch;
        margin:4px auto 6px;
        grid-template-rows:31px minmax(0,1fr);
    }
    .mu-pair-total strong{font-size:16px;line-height:1}
    .mu-pair-record dd{font-size:15px;line-height:1}
    .mu-pair-record dt{margin-top:3px;line-height:1}
    .mu-pair-hero>footer{height:40px;min-height:0;padding:0 14px}
}
@media(min-width:1181px) and (min-height:801px){
    .mu-page[data-view="GLOBAL"] .mu-shell{column-gap:22px;row-gap:12px;padding-top:34px}
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:14px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:220px 536px;gap:13px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:483px 369px;gap:22px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{gap:14px;padding:14px 16px 16px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:14px}
    .mu-page[data-view="GLOBAL"] .mu-card-visual{width:60px;height:60px}
    .mu-page[data-view="GLOBAL"] .mu-card-visual i::before{font-size:33px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-content{gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates strong{font-size:31px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{padding:0 20px 10px}
    .mu-page[data-view="GLOBAL"] .mu-context span,.mu-page[data-view="GLOBAL"] .mu-context dt,
    .mu-page[data-view="GLOBAL"] .mu-context b,.mu-page[data-view="GLOBAL"] .mu-context dd{font-size:14px}
    .mu-page[data-view="GLOBAL"] .mu-season{height:50px!important}
    .mu-page[data-view="GLOBAL"] .mu-editions{height:132px;padding:10px 0 8px}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:10px}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo{width:46px;height:46px;flex-basis:46px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{font-size:12px!important}
    .mu-page[data-view="GLOBAL"] .mu-rotation{height:48px!important}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:40px}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{
        grid-template-columns:188px minmax(0,1fr);
        gap:22px;
        padding:16px 20px 10px;
    }
    .mu-page[data-view="GLOBAL"] .mu-donut{width:188px;height:188px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:118px;height:118px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{gap:9px;padding:7px 0;font-size:14px}
}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"]{height:calc(100vh - 37px);min-height:690px}
    .mu-page[data-view="GLOBAL"] .mu-shell{
        height:100%;
        grid-template-rows:auto auto 650px;
        align-content:start;
        column-gap:18px;
        row-gap:4px;
        padding:5px 0 7px;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar{grid-template-rows:auto auto;gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{
        grid-template-columns:34px minmax(0,1fr);
        column-gap:8px;
        font-size:24px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:30px;height:30px;font-size:26px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{margin-top:1px;font-size:12px;line-height:1.2}
    .mu-page[data-view="GLOBAL"] .mu-controls{gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:3px;font-size:11px;line-height:1.15}
    .mu-page[data-view="GLOBAL"] .mu-picker input{height:38px;font-size:13px}
    .mu-page[data-view="GLOBAL"] .mu-vs{height:38px;font-size:18px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
        height:52px;
        grid-template-columns:30px minmax(0,1fr);
        padding:7px 10px;
        font-size:13px;
    }
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{width:22px;height:22px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger span{font-size:11px}
    .mu-page[data-view="GLOBAL"] .mu-filters{min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:180px 462px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-panorama{min-height:0;overflow:hidden}
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:34px;padding-inline:12px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{min-height:0;gap:7px;padding:6px 8px 8px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{
        height:100%;
        min-height:0;
        grid-template-columns:36px minmax(0,1fr);
        gap:7px;
        padding:6px 7px;
    }
    .mu-page[data-view="GLOBAL"] .mu-card-visual{width:34px;height:34px}
    .mu-page[data-view="GLOBAL"] .mu-card-visual i::before{font-size:21px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-content{gap:2px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-label{font-size:11px;line-height:1.15}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup{gap:4px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup>span{grid-template-columns:16px minmax(0,1fr);gap:4px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup .mu-global-identity{width:16px;height:16px}
    .mu-page[data-view="GLOBAL"] .mu-meta-matchup b{font-size:11px!important;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-meta-summary{gap:7px}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-meta-rates strong{font-size:22px}
    .mu-page[data-view="GLOBAL"] .mu-meta-record{gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-meta-record b{font-size:11px!important}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-footer{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-footer>small{font-size:11px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card mark{padding:2px 6px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:355px 300px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-context{min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-context>header{height:34px;padding-inline:14px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{padding-inline:14px;padding-bottom:2px}
    .mu-page[data-view="GLOBAL"] .mu-season{height:30px!important}
    .mu-page[data-view="GLOBAL"] .mu-editions{height:92px;padding:5px 0 4px}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:4px}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:2px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo{width:32px;height:32px;flex-basis:32px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo img{width:29px;height:29px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{line-height:1.15}
    .mu-page[data-view="GLOBAL"] .mu-editions li b small{margin-top:1px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-rotation{height:30px!important;margin-top:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:27px}
    .mu-page[data-view="GLOBAL"] .mu-distribution{min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{height:40px;padding-inline:12px;gap:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools{gap:7px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools select,
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,
    .mu-page[data-view="GLOBAL"] .mu-table-filter{height:28px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{height:28px;padding-inline:12px;font-size:11px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{min-height:31px;padding:2px 12px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-footnote{height:30px;padding-inline:12px;font-size:11px}
}
@media(max-width:1180px){
    .mu-page[data-view="GLOBAL"] .mu-shell{
        display:grid;
        grid-template-columns:1fr;
        gap:12px;
        padding:14px 0 20px;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar,.mu-page[data-view="GLOBAL"] .mu-filters{grid-column:auto;grid-row:auto}
    .mu-page[data-view="GLOBAL"] .mu-topbar{display:grid;gap:12px}
    .mu-page[data-view="GLOBAL"] .mu-controls{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 132px}
    .mu-page[data-view="GLOBAL"] #matchups-results{display:block}
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{
        height:auto;
        display:grid!important;
        grid-template-columns:1fr;
        gap:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-main,.mu-page[data-view="GLOBAL"] .mu-global-sidebar{
        grid-column:auto;
        grid-row:auto;
        height:auto;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-main{display:grid;grid-template-rows:auto 500px;gap:12px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{display:grid;grid-template-rows:auto auto;gap:12px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{min-height:220px}
    .mu-page[data-view="GLOBAL"] .mu-context>div,.mu-page[data-view="GLOBAL"] .mu-distribution>div{height:auto}
    .mu-page[data-view="GLOBAL"] .mu-context{min-height:430px}
    .mu-page[data-view="GLOBAL"] .mu-distribution{min-height:340px}
}
@media(max-width:760px){
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{grid-template-columns:38px minmax(0,1fr);font-size:23px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:36px;height:36px;font-size:30px}
    .mu-page[data-view="GLOBAL"] .mu-controls{grid-template-columns:1fr 42px 1fr}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{grid-column:1/-1;width:100%;height:48px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{grid-template-columns:1fr}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{min-height:175px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:auto 520px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
        height:auto;
        min-height:118px;
        align-items:flex-start;
        flex-direction:column;
        padding-block:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools{width:100%;flex-wrap:wrap}
    .mu-page[data-view="GLOBAL"] .mu-editions ul{grid-template-columns:repeat(3,1fr)}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{grid-template-columns:150px minmax(0,1fr)}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:145px;height:145px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{display:none}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{grid-template-columns:minmax(0,1fr) auto}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>*{display:none!important}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:first-child,
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{display:flex!important}
}

/* Final precedence for the canonical GLOBAL list and matrix. */
.mu-page[data-view="GLOBAL"] .mu-meta-card{grid-template-columns:minmax(0,1fr);border-left:0;border-radius:var(--mu-card-radius)}
.mu-page[data-view="GLOBAL"] .mu-card-visual,.mu-page[data-view="GLOBAL"] .mu-meta-card-footer{display:none}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{grid-template-columns:minmax(115px,1.15fr) 18px minmax(115px,1.15fr) 72px 72px 50px 54px 50px 54px minmax(92px,.8fr) 28px;gap:5px}
.mu-page[data-view="GLOBAL"] .mu-rate-cell{display:block}
.mu-page[data-view="GLOBAL"] .mu-rate-cell>i{display:none!important}
.mu-page[data-view="GLOBAL"] .mu-matrix{width:max-content;min-width:100%;height:auto;display:table;border-collapse:separate;border-spacing:0;padding:0;font-size:11px}
.mu-page[data-view="GLOBAL"] .mu-matrix button.mu-matrix-cell{width:100%;min-height:30px;height:30px;display:flex;grid-template-columns:none;align-items:center;justify-content:center;gap:4px;padding:3px;text-align:center}
@media(min-width:1181px) and (max-height:800px){.mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:180px 462px}.mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:146px}}

/* Canonical A_ONLY and A+B desktop geometry. */
@media(min-width:1181px){
    .mu-page:not([data-view="GLOBAL"]) .mu-shell{grid-template-rows:130px 0 minmax(0,1fr);gap:8px;padding:8px 18px 12px}
    .mu-page:not([data-view="GLOBAL"]) .mu-topbar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px 70px;align-items:start}
    .mu-page:not([data-view="GLOBAL"]) .mu-topbar h1{position:relative;padding:2px 0 0 48px;font-size:25px}
    .mu-page:not([data-view="GLOBAL"]) .mu-topbar h1::before{content:"⚔";position:absolute;left:0;top:-4px;color:#b75ce8;font-size:35px}
    .mu-page:not([data-view="GLOBAL"]) .mu-topbar h1::after{content:"Analizá cómo se desempeña tu arquetipo contra el meta actual.";display:block;margin-top:5px;color:#c3ccd4;font-size:11px;font-weight:400;letter-spacing:0}
    .mu-page:not([data-view="GLOBAL"]) .mu-controls{display:grid;grid-template-columns:minmax(270px,1fr) 46px minmax(270px,1fr) 42px 132px;align-items:end;gap:12px}
    .mu-page:not([data-view="GLOBAL"]) .mu-picker{width:auto}
    .mu-page:not([data-view="GLOBAL"]) .mu-picker input{height:45px;font-size:14px}
    .mu-page:not([data-view="GLOBAL"]) .mu-vs{align-self:end;height:45px;display:grid;place-items:center;margin:0;font-size:18px}
    .mu-page:not([data-view="GLOBAL"]) .mu-swap{display:none}
    .mu-page:not([data-view="GLOBAL"]) .mu-filter-trigger{height:55px;font-size:13px}
    .mu-a-view{grid-template-columns:minmax(0,3fr) minmax(330px,1.05fr);gap:14px}
    .mu-a-main{grid-template-columns:1.18fr 1.15fr .9fr;grid-template-rows:225px minmax(0,1fr);gap:10px}
    .mu-primary-summary{grid-column:auto;display:flex;align-items:stretch;flex-direction:column;padding:0}
    .mu-primary-summary>header{height:38px;display:flex;align-items:center;padding:0 14px;border-bottom:0}
    .mu-primary-summary>header h2{font-size:13px}
    .mu-global-performance{min-height:125px;display:grid;grid-template-columns:145px 1fr;align-items:center;padding:0 16px}
    .mu-performance-ring{width:118px;height:118px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#0b1724 58%,transparent 59%),conic-gradient(#6fc832 var(--mu-rate),#17361f 0);text-align:center}
    .mu-performance-ring strong{color:#71cf36;font-size:25px}.mu-performance-ring span{font-size:10px;line-height:1.4}
    .mu-global-performance dl,.mu-balance dl{margin:0}.mu-global-performance dl div{margin:5px 0}.mu-global-performance dd,.mu-balance dd{margin:0;font-size:21px;font-weight:700}.mu-global-performance dt,.mu-balance dt{font-size:10px}
    .mu-primary-summary>p,.mu-balance #balance-summary>p{margin:auto 0 7px;text-align:center;font-size:11px}
    .mu-primary-summary>footer,.mu-challenge footer{margin:0 14px 12px;padding:8px;border:1px solid #ffffff18;border-radius:6px;text-align:center;font-size:11px}
    .mu-balance>header,.mu-challenge>header{height:38px;border-bottom:0}.mu-balance>header h2,.mu-challenge>header h2{font-size:12px}
    .mu-balance>div{height:calc(100% - 38px);display:grid;grid-template-columns:140px 1fr;align-items:center;padding:5px 16px 10px}
    .mu-balance-ring{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#0b1724 58%,transparent 59%),conic-gradient(var(--mu-green) 0 var(--mu-good),var(--mu-yellow) var(--mu-good) var(--mu-even),var(--mu-red) var(--mu-even) 360deg)}
    .mu-balance dl div{margin:7px 0}.mu-balance dd small{font-size:13px}.mu-balance #balance-summary>p{grid-column:1/-1}
    .mu-challenge>div{height:calc(100% - 38px);display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px;text-align:center}
    .mu-challenge .mu-identity i{width:46px;height:46px;font-size:18px}.mu-challenge b{font-size:14px}.mu-challenge mark{padding:4px 7px;border:1px solid #e33;border-radius:4px;background:transparent;color:#f44;font-size:9px}.mu-challenge strong{font-size:27px}.mu-challenge footer{width:100%;margin:5px 0 0}
    .mu-rivals{grid-column:1/-1}.mu-rivals>header{height:45px}.mu-rival-table .mu-th{height:30px}.mu-rival-table .mu-tr{min-height:32px}
    .mu-reading{border-color:#9e4fc4;padding:14px;overflow-y:auto}.mu-reading>header h2{font-size:15px}.mu-reading section{margin-top:14px;padding:14px;border:1px solid #ffffff13;border-radius:8px}.mu-reading h3{font-size:12px}.mu-reading p{font-size:11px;line-height:1.55}
    .mu-pair-view{grid-template-columns:minmax(0,2.15fr) minmax(330px,1fr);grid-template-rows:280px minmax(0,1fr);gap:10px 14px}
    .mu-pair-hero{grid-column:1;grid-row:1}.mu-variants{grid-column:1;grid-row:2}.mu-pair-bottom{display:contents}.mu-pair-reading{grid-column:2;grid-row:1}.mu-recent{grid-column:2;grid-row:2}
    .mu-pair-hero>header{height:42px;padding:0 14px}.mu-duel{height:174px;grid-template-columns:1fr 85px 1fr}.mu-duel b{font-size:14px}.mu-duel strong{font-size:38px}.mu-duel-vs{font-size:22px}.mu-pair-hero footer{height:62px;font-size:10px}
    .mu-variants>header,.mu-recent>header{height:42px}.mu-events article{min-height:35px;grid-template-columns:68px 1fr 28px 40px;padding:4px 9px}
}

/* GLOBAL panorama art and interactive table controls. */
.mu-page[data-view="GLOBAL"] .mu-meta-card.has-art{
    background-image:linear-gradient(90deg,rgba(5,15,22,.97),rgba(5,15,22,.78) 55%,rgba(5,15,22,.42)),var(--mu-card-art),linear-gradient(135deg,#0d201d,#08151f 58%,#0a1824);
    background-position:center,center 34%,center;
    background-size:cover,cover,cover;
    background-repeat:no-repeat;
}
.mu-page[data-view="GLOBAL"] .mu-meta-card.has-art.is-even{background-image:linear-gradient(90deg,rgba(18,13,7,.96),rgba(10,15,20,.76) 58%,rgba(8,14,20,.4)),var(--mu-card-art),linear-gradient(135deg,#21190e,#08151f 58%,#0a1824)}
.mu-page[data-view="GLOBAL"] .mu-sort-head{width:100%;display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.mu-page[data-view="GLOBAL"] .mu-sort-head span{min-width:8px;color:#cf79ef;font-size:9px}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr)) auto;align-items:end;gap:7px;margin:8px 0 0;padding:8px;border:1px solid #ffffff18;border-radius:7px}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid legend{padding:0 5px;color:#c67ae8;font-size:9px;font-weight:800;text-transform:uppercase}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid label{color:#9fafbd;font-size:8px}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid input,.mu-page[data-view="GLOBAL"] .mu-global-filter-grid select{width:100%;height:29px;margin-top:2px;padding:0 7px;border:1px solid #344a60;border-radius:5px;background:#0a1521;color:#dbe4ed;font-size:9px}
.mu-page[data-view="GLOBAL"] #global-filter-clear{height:29px;padding:0 10px;border:1px solid #6f498b;border-radius:5px;background:#21152d;color:#dcaaf4;font-size:8px;font-weight:800;white-space:nowrap}
.mu-page:not([data-view="GLOBAL"]) .mu-global-filter-grid{display:none}
@media(max-width:1180px){.mu-page[data-view="GLOBAL"] .mu-global-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-page[data-view="GLOBAL"] #global-filter-clear{grid-column:1/-1}}

/* Final precedence: GLOBAL-only compact geometry for the 1366x768 target. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"]{height:auto;min-height:calc(100vh - 36px)}
    .mu-page[data-view="GLOBAL"] .mu-shell{height:auto;min-height:calc(100vh - 36px);grid-template-rows:auto 0 430px;row-gap:3px;padding:4px 0 5px}
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{grid-template-columns:30px minmax(0,1fr);column-gap:7px;font-size:22px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:28px;height:28px;font-size:24px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{margin-top:0;font-size:11px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-controls{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) minmax(160px,.58fr);gap:14px}
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:5px;font-size:10px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-picker input{height:44px;padding:0 38px 0 48px;font-size:12px}
    .mu-page[data-view="GLOBAL"] .mu-vs{height:44px;font-size:17px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{height:62px;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:9px 11px;font-size:12px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{width:20px;height:20px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger span{font-size:10px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 286px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:31px;padding-inline:12px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:104px;min-height:0;gap:6px;padding:4px 7px 5px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card{gap:6px;padding:5px 7px}
    .mu-page[data-view="GLOBAL"] .mu-meta-card-content{gap:2px;padding:4px 8px}
    .mu-page[data-view="GLOBAL"] .mu-meta-summary{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{height:37px;padding-inline:11px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools{gap:6px}
    .mu-page[data-view="GLOBAL"] .mu-global-table-tools select,.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,.mu-page[data-view="GLOBAL"] .mu-table-filter{height:26px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{height:26px;padding-inline:10px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{min-height:29px;padding:2px 10px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-global-table-footnote{height:27px;padding-inline:11px;font-size:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:270px 220px;gap:8px}
    .mu-page[data-view="GLOBAL"] .mu-context>header,.mu-page[data-view="GLOBAL"] .mu-distribution>header{height:29px;padding-inline:11px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{padding:2px 11px}
    .mu-page[data-view="GLOBAL"] .mu-season{height:24px!important}
    .mu-page[data-view="GLOBAL"] .mu-editions{height:70px;padding:2px 0}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:2px}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:2px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo{width:25px;height:25px;flex-basis:25px}
    .mu-page[data-view="GLOBAL"] .mu-editions li .mu-edition-logo img{width:23px;height:23px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-editions li b small{margin-top:0;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-rotation{height:24px!important;margin-top:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl{gap:5px}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:20px;padding-top:1px}
    .mu-page[data-view="GLOBAL"] .mu-context dd{margin-top:1px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:190px;grid-template-columns:104px minmax(0,1fr);gap:8px;padding:3px 10px 2px}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:104px;height:104px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:66px;height:66px}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{gap:5px;padding:1px 0;font-size:9px;line-height:1.05}
}

/* GLOBAL matrix: canonical symbol slot, no textual abbreviations, row G/E/P totals. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix{table-layout:fixed}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th:first-child,.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{min-width:154px;width:154px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th:not(:first-child){min-width:44px;width:44px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th:nth-last-child(-n+3),.mu-page[data-view="GLOBAL"] .mu-global-matrix td:nth-last-child(-n+3){min-width:34px;width:34px}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid #607483;border-radius:50%;background:#0b1721;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol{margin:auto}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{display:flex;align-items:center;gap:6px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-total{font-size:10px;font-weight:800;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell strong{font-size:9px}

/* Panorama internal geometry: names, WR and G/E/P occupy independent rows. */
.mu-page[data-view="GLOBAL"] .mu-meta-card-content{width:100%;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;padding:3px 6px;gap:3px}
.mu-page[data-view="GLOBAL"] .mu-meta-card-label{align-self:center;text-align:center;font-size:10px;line-height:1.1}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:3px;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup>span{display:block;min-width:0}.mu-page[data-view="GLOBAL"] .mu-meta-matchup>span:first-child{grid-column:1}.mu-page[data-view="GLOBAL"] .mu-meta-matchup>em{grid-column:2}.mu-page[data-view="GLOBAL"] .mu-meta-matchup>span:last-child{grid-column:3}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup .mu-global-identity{display:none}
.mu-page[data-view="GLOBAL"] .mu-meta-matchup b{display:block;overflow:hidden;font-size:9px!important;line-height:1.05;white-space:nowrap;text-overflow:ellipsis}
.mu-page[data-view="GLOBAL"] .mu-meta-summary{display:grid;grid-template-rows:auto auto;align-content:end;gap:4px}
.mu-page[data-view="GLOBAL"] .mu-meta-rates{width:100%;display:grid;grid-template-columns:1fr 18px 1fr;justify-items:center;gap:3px}
.mu-page[data-view="GLOBAL"] .mu-meta-rates strong{font-size:20px}
.mu-page[data-view="GLOBAL"] .mu-meta-record{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
.mu-page[data-view="GLOBAL"] .mu-meta-record div{min-width:0}
.mu-page[data-view="GLOBAL"] .mu-meta-record b{font-size:11px!important}
.mu-page[data-view="GLOBAL"] .mu-meta-record span{font-size:7px;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-distribution ol{max-width:230px}
.mu-page[data-view="GLOBAL"] .mu-distribution li{grid-template-columns:36px minmax(0,1fr) 44px;gap:4px}
.mu-page[data-view="GLOBAL"] .mu-distribution li .mu-identity{display:flex;justify-content:flex-start;gap:1px}
.mu-page[data-view="GLOBAL"] .mu-distribution li .mu-identity i{width:15px;height:15px;border-color:#74508d;font-size:7px}
.mu-page[data-view="GLOBAL"] .mu-distribution li b{font-size:9px}
.mu-page[data-view="GLOBAL"] .mu-distribution li>span:last-child{font-size:9px;text-align:right}
.mu-page[data-view="GLOBAL"] .mu-distribution-other{width:8px;height:8px;display:block;justify-self:start;border-radius:50%;background:#777b7e}
.mu-page[data-view="GLOBAL"] .mu-donut span strong{font-size:15px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-donut span small{max-width:48px;margin:3px auto 0;font-size:7px;line-height:1.05;text-transform:lowercase}

/* GLOBAL header only: lower vertical cost and full-width horizontal allocation. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:4px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{
        grid-template-columns:27px minmax(0,1fr);
        column-gap:7px;
        font-size:20px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:25px;height:25px;font-size:22px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{margin-top:0;font-size:10px;line-height:1.1}
    .mu-page[data-view="GLOBAL"] .mu-controls{
        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) minmax(140px,.55fr);
        gap:10px;
    }
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:3px}
    .mu-page[data-view="GLOBAL"] .mu-picker input{height:36px;padding:0 34px 0 44px}
    .mu-page[data-view="GLOBAL"] .mu-vs{height:36px;font-size:14px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
        height:40px;
        grid-template-columns:24px minmax(0,1fr);
        grid-template-rows:1fr;
        gap:7px;
        padding:6px 10px;
        font-size:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{grid-row:1;width:19px;height:19px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger span{display:none}
}

/* GLOBAL surgical polish: auxiliary filter action, dual-sided canonical art, no scope strip. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{width:108px;height:38px;justify-self:end;padding:5px 9px}
}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card{
    background-image:linear-gradient(90deg,rgba(5,15,24,.18),rgba(5,15,24,.9) 42%,rgba(5,15,24,.9) 58%,rgba(5,15,24,.18)),var(--mu-card-art-a),var(--mu-card-art-b),linear-gradient(145deg,#0e1c29,#08141f);
    background-repeat:no-repeat;
    background-position:center,left center,right center,center;
    background-size:100% 100%,52% 100%,52% 100%,100% 100%;
}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content{grid-template-rows:auto auto auto auto;align-content:center;gap:3px;padding:3px 7px}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-matchup,.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-rates{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-matchup>span{min-width:0;justify-content:center}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-matchup b{max-width:100%;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-rates strong{line-height:1;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-rates em{text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-record{align-items:end;margin:0}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-record div{display:grid;grid-template-rows:auto auto;justify-items:center;gap:1px;min-width:0}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-record span,.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-record b{line-height:1.05;text-align:center}
.mu-page[data-view="GLOBAL"] .mu-meta-trace{display:flex;align-items:center;justify-content:center;gap:8px;color:#9aa9b7;font-size:7px;line-height:1;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-meta-global-name{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.mu-page[data-view="GLOBAL"] .mu-meta-global-name b{overflow:hidden;font-size:10px!important;white-space:nowrap;text-overflow:ellipsis}
.mu-page[data-view="GLOBAL"] .mu-meta-global-rate{display:flex;align-items:baseline;justify-content:center;gap:6px}
.mu-page[data-view="GLOBAL"] .mu-meta-global-rate strong{color:#c878ec;font-size:20px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-meta-global-rate span{color:#a7b2bc;font-size:7px;font-weight:700}
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{grid-template-rows:auto auto auto auto auto;align-content:center;gap:3px}
.mu-page[data-view="GLOBAL"] .mu-global-table-footnote{display:none}

/* GLOBAL top block only: recover vertical space without changing approved widths. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-shell{row-gap:1px}
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:1px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1{
        grid-template-columns:23px minmax(0,1fr);
        column-gap:6px;
        font-size:18px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{width:21px;height:21px;font-size:19px}
    .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{margin-top:0;font-size:9px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:2px;font-size:9px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-picker input{height:32px;padding-top:0;padding-bottom:0}
    .mu-page[data-view="GLOBAL"] .mu-vs{height:32px;font-size:13px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{height:33px;padding-top:4px;padding-bottom:4px}
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{width:17px;height:17px}
}

/* GLOBAL header/search pass: no subtitle or redundant labels; accessible live options. */
.mu-page[data-view="GLOBAL"] .mu-topbar h1{grid-template-rows:auto}
.mu-page[data-view="GLOBAL"] .mu-topbar h1::before{grid-row:1}
.mu-page[data-view="GLOBAL"] .mu-topbar h1::after{content:none}
.mu-page[data-view="GLOBAL"] .mu-filter-trigger span{display:none}
.mu-page[data-view="GLOBAL"] .mu-suggestions{top:34px}
.mu-page[data-view="GLOBAL"] .mu-suggestions button.is-active,
.mu-page[data-view="GLOBAL"] .mu-suggestions button[aria-selected="true"]{background:#1b3044;box-shadow:inset 3px 0 #b65ce4}

/* GLOBAL block rhythm only: separate the compact header from the dashboard. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-shell{row-gap:0;padding-bottom:0}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:7px}
}

/* GLOBAL marked corrections: canonical symbols, visual context and natural page ending. */
.mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{
    border:0;
    border-radius:0;
    background:#c86de8;
    clip-path:none;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20l-8 9v7l-4 2v-9L2 3z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20l-8 9v7l-4 2v-9L2 3z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity{gap:1px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity i{width:16px;height:16px;font-size:7px}

@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"],
    .mu-page[data-view="GLOBAL"] .mu-shell{min-height:0}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:6px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{padding-bottom:5px}
    .mu-page[data-view="GLOBAL"] .mu-context>div{
        display:grid;
        grid-template-rows:25px 72px 25px minmax(0,1fr);
        gap:3px;
        padding:3px 10px 5px;
    }
    .mu-page[data-view="GLOBAL"] .mu-season,
    .mu-page[data-view="GLOBAL"] .mu-editions,
    .mu-page[data-view="GLOBAL"] .mu-rotation{
        height:auto!important;
        border:1px solid rgba(95,121,139,.25);
        border-radius:6px;
        background:linear-gradient(90deg,rgba(16,35,48,.62),rgba(8,23,34,.42));
    }
    .mu-page[data-view="GLOBAL"] .mu-season,
    .mu-page[data-view="GLOBAL"] .mu-rotation{padding:0 7px}
    .mu-page[data-view="GLOBAL"] .mu-editions{padding:3px 7px 2px}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{margin-bottom:2px}
    .mu-page[data-view="GLOBAL"] .mu-context dl{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2px;min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{
        height:auto;
        min-height:0;
        padding:0 7px;
        border:0;
        border-radius:4px;
        background:rgba(13,31,43,.55);
    }
}

/* Final precedence for the 1366x768 Matchups composition. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"]{height:auto;min-height:calc(100vh - 48px)}
    .mu-page[data-view="GLOBAL"] .mu-shell{height:auto;min-height:calc(100vh - 48px);grid-template-rows:auto 0 auto;padding:5px 0 10px}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:500px;gap:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 355px;gap:9px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:270px 221px;gap:9px}
    .mu-page[data-view="GLOBAL"]+.site-footer{margin-top:0;border-radius:8px 8px 0 0}
    .mu-page[data-view="GLOBAL"] .mu-context>div{grid-template-rows:25px 70px 25px minmax(0,1fr);gap:3px;padding:3px 10px 5px;overflow:hidden}
    .mu-page[data-view="GLOBAL"] .mu-context dl{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2px;min-height:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:auto;min-height:0;padding:0 7px}
    .mu-page[data-view="GLOBAL"] .mu-context dt{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .mu-page[data-view="GLOBAL"] .mu-context dd{flex:none;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:192px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;padding:4px 10px}
    .mu-page[data-view="GLOBAL"] .mu-donut{width:92px;height:92px}
    .mu-page[data-view="GLOBAL"] .mu-donut::before{width:58px;height:58px}
    .mu-page[data-view="GLOBAL"] .mu-distribution ol{width:100%;max-width:none}
    .mu-page[data-view="GLOBAL"] .mu-distribution li{grid-template-columns:34px minmax(0,1fr) 38px;gap:4px;padding:1px 0;line-height:1.05}
}

.mu-page[data-view="GLOBAL"] .mu-matrix-symbol{width:30px;height:24px;display:inline-grid;place-items:center;overflow:hidden;border:1px solid #755092;border-radius:5px;background:linear-gradient(145deg,#21172d,#0b1721);color:#e2b7ff;font-size:0;font-weight:900;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol::before{content:attr(title);width:3.35ch;overflow:hidden;color:#e2b7ff;font-size:9px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol[title*="JAKARI" i]{background-image:linear-gradient(rgba(5,14,22,.18),rgba(5,14,22,.3)),url('/static/img/meta/jakari-control.webp');background-position:center;background-size:cover}
.mu-page[data-view="GLOBAL"] .mu-matrix-symbol[title*="JAKARI" i]::before{content:""}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol{margin:auto}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol{width:24px;height:20px}

/* Visual pass 1 final precedence: exterior rhythm, complete borders and footer gap. */
.mu-page[data-view="GLOBAL"] .mu-global-surface{border:1px solid #294258;border-radius:10px;background-color:#091722;background-image:none;box-shadow:none}
.mu-page[data-view="GLOBAL"]+.site-footer{position:static;margin-top:10px;background:#020811}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-topbar{margin-bottom:10px}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:0}
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard,
    .mu-page[data-view="GLOBAL"] .mu-global-main,
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{gap:10px}
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:501px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 355px}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{grid-template-rows:270px 221px}
    .mu-page[data-view="GLOBAL"] .mu-shell{padding-bottom:10px}
}

/* Visual pass 1B: real containment for the LIST/MATRIX panel only. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-template-rows:136px 320px;
        align-content:start;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
        height:320px;
        min-height:0;
        padding-bottom:4px;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] #global-matchups{
        height:0;
        min-height:0;
        flex:1 1 0;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table,
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        width:100%;
        height:100%;
        min-height:0;
        max-height:100%;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table{display:flex;flex-direction:column;overflow:hidden}
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{min-height:0;flex:1 1 0;overflow-y:auto}
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{overflow:auto;overscroll-behavior:contain}
}

/* Matchups micro-adjustment: Panorama divider and footer gap only. */
.mu-page[data-view="GLOBAL"] .mu-panorama>header{border-bottom:0}
.mu-page[data-view="GLOBAL"]+.site-footer{margin-top:5px}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:28px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{padding-top:2px}
}

/* Matchups micro-adjustment: reclaim 5px for LIST/MATRIX from the lower gap. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 325px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{height:325px}
}

/* Matchups final height micro-adjustment: 3px more content and normal-flow clearance. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:504px}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:136px 328px}
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{height:328px}
}

/* Surgical correction: exact footer flow and one textual convention for matrix B. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"],
    .mu-page[data-view="GLOBAL"] .mu-shell{min-height:calc(100vh - 37px)}
}

/* Reference-aligned archetype identity and stable Meta Context composition. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol[title*="JAKARI" i]{
    width:34px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

/* Meta Context final composition: one vertical flow inside the existing panel height. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-context{height:270px;min-height:270px;display:flex;flex-direction:column}
    .mu-page[data-view="GLOBAL"] .mu-context>header{height:29px;min-height:29px;flex:0 0 29px}
    .mu-page[data-view="GLOBAL"] #meta-context{
        width:100%;
        height:239px;
        min-height:0;
        display:grid;
        flex:0 0 239px;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:26px 84px 27px minmax(0,1fr);
        gap:0;
        padding:0 10px 4px;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-season,
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-rotation{
        width:100%;
        height:auto!important;
        min-width:0;
        display:flex!important;
        align-items:center;
        justify-content:space-between;
        padding:0 5px;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-season strong{color:#d75bf3;font-size:11px;font-weight:650;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions{
        width:100%;
        height:auto;
        min-width:0;
        padding:2px 5px 4px;
        border:0;
        border-radius:0;
        background:transparent;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions>span{height:14px;display:flex;align-items:center;gap:5px;margin:0 0 2px;color:#e8edf1;font-size:10px;line-height:1}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions ul{height:62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:5px;margin:0;padding:0;list-style:none}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions li{min-width:0;display:grid;grid-template-rows:32px auto;justify-items:center;align-content:start;gap:2px;text-align:center}
    .mu-page[data-view="GLOBAL"] #meta-context .mu-edition-logo{width:32px;height:32px;display:grid;flex:0 0 32px;place-items:center;overflow:hidden;border:1px solid #667985;border-radius:50%;background:#091721}
    .mu-page[data-view="GLOBAL"] #meta-context .mu-edition-logo img{width:29px;height:29px;display:block;object-fit:contain}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions li b{max-width:100%;color:#edf1f3;font-size:8px!important;font-weight:500;line-height:1.08;white-space:normal}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions li b small{display:block;margin-top:2px;color:#aeb8c0;font-size:8px;font-weight:500;line-height:1}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-rotation{border-top:1px solid rgba(115,143,162,.24);border-bottom:1px solid rgba(115,143,162,.18)}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-rotation b{color:#65dc39;font-size:9px;font-weight:600;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] #meta-context span,
    .mu-page[data-view="GLOBAL"] #meta-context dt,
    .mu-page[data-view="GLOBAL"] #meta-context dd{font-size:9px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] #meta-context .mu-context-icon{width:13px;height:13px;flex:0 0 13px;font-size:7px}
    .mu-page[data-view="GLOBAL"] #meta-context dt,
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-season span,
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-rotation span{min-width:0;display:flex;align-items:center;gap:5px;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] #meta-context>dl{height:100%;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0}
    .mu-page[data-view="GLOBAL"] #meta-context>dl>div{height:auto;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:0 5px;border:0;border-bottom:1px solid rgba(115,143,162,.15);border-radius:0;background:transparent}
    .mu-page[data-view="GLOBAL"] #meta-context>dl>div:last-child{border-bottom:0}
    .mu-page[data-view="GLOBAL"] #meta-context dd{flex:0 0 auto;margin:0;color:#f2f5f7;font-weight:650;white-space:nowrap}
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol::before,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol[title*="JAKARI" i]::before{content:none}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity{gap:2px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity i{width:17px;height:17px;border-color:#a85bc9;background:radial-gradient(circle at 35% 30%,#432153,#171120 72%);color:#f0c7ff;font-size:8px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity i:nth-child(2){border-color:#657b8c;background:radial-gradient(circle at 35% 30%,#233846,#0b1720 72%);color:#d8e5ec}

@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-context>div{
        height:auto;
        min-height:0;
        display:grid;
        flex:1 1 auto;
        grid-template-rows:25px 72px 25px minmax(0,1fr);
        gap:3px;
        padding:3px 10px 5px;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] .mu-season,
    .mu-page[data-view="GLOBAL"] .mu-rotation{
        height:auto!important;
        min-width:0;
        padding:0 7px;
        border:0;
        border-radius:5px;
        background:rgba(12,29,41,.62);
    }
    .mu-page[data-view="GLOBAL"] .mu-editions{
        height:auto;
        min-width:0;
        padding:3px 7px 2px;
        border:0;
        border-radius:5px;
        background:rgba(12,29,41,.62);
    }
    .mu-page[data-view="GLOBAL"] .mu-context span,
    .mu-page[data-view="GLOBAL"] .mu-context dt,
    .mu-page[data-view="GLOBAL"] .mu-context b,
    .mu-page[data-view="GLOBAL"] .mu-context dd{font-size:10px;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-season strong{font-size:11px;white-space:nowrap}
    .mu-page[data-view="GLOBAL"] .mu-editions>span{gap:5px;margin:0 0 2px}
    .mu-page[data-view="GLOBAL"] .mu-editions ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0}
    .mu-page[data-view="GLOBAL"] .mu-editions li{gap:1px}
    .mu-page[data-view="GLOBAL"] .mu-edition-logo{width:27px;height:27px;flex-basis:27px}
    .mu-page[data-view="GLOBAL"] .mu-edition-logo img{width:25px;height:25px}
    .mu-page[data-view="GLOBAL"] .mu-editions li b{font-size:8px!important;line-height:1.05}
    .mu-page[data-view="GLOBAL"] .mu-editions li b small{margin-top:1px;font-size:8px;line-height:1}
    .mu-page[data-view="GLOBAL"] .mu-context-icon{width:14px;height:14px;font-size:8px}
    .mu-page[data-view="GLOBAL"] .mu-context dt,
    .mu-page[data-view="GLOBAL"] .mu-season span,
    .mu-page[data-view="GLOBAL"] .mu-rotation span{gap:5px;min-width:0}
    .mu-page[data-view="GLOBAL"] .mu-rotation b{white-space:nowrap}
    .mu-page[data-view="GLOBAL"] .mu-context dl{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:2px;min-height:0;margin:0}
    .mu-page[data-view="GLOBAL"] .mu-context dl div{height:auto;min-height:0;padding:0 7px;border:0;border-radius:4px;background:rgba(10,26,38,.58)}
    .mu-page[data-view="GLOBAL"] .mu-context dd{flex:none;margin:0;white-space:nowrap}
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol[title*="JAKARI" i]{
    background:#171223;
    color:#e2b7ff;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol::before,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol[title*="JAKARI" i]::before{
    content:attr(data-code);
    width:auto;
    overflow:visible;
    color:#e2b7ff;
    font-size:10px;
    line-height:1;
}

/* Meta Context lower section: one full-width row per metric. */
.mu-page[data-view="GLOBAL"] #meta-context>dl{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-auto-flow:row;
    grid-template-rows:repeat(5,minmax(20px,1fr));
    gap:0;
    margin:0;
    padding:0;
}
.mu-page[data-view="GLOBAL"] #meta-context>dl>div{
    width:100%;
    min-width:0;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 5px;
    border:0;
    border-bottom:1px solid rgba(115,143,162,.15);
    border-radius:0;
    background:transparent;
}
.mu-page[data-view="GLOBAL"] #meta-context>dl>div:last-child{border-bottom:0}
.mu-page[data-view="GLOBAL"] #meta-context>dl dt{
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;
    overflow:visible;
    white-space:nowrap;
    text-overflow:clip;
}
.mu-page[data-view="GLOBAL"] #meta-context>dl dd{
    flex:0 0 auto;
    margin:0;
    text-align:right;
    white-space:nowrap;
}

/* Official tribe symbols: one ordered renderer shared by list and matrix. */
.mu-identity{flex:none;display:inline-flex;align-items:center;gap:2px}
.mu-identity img{width:17px;height:17px;display:block;object-fit:contain}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity img{width:17px;height:17px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol[title*="JAKARI" i]{width:auto;min-width:38px;height:22px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol::before,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol[title*="JAKARI" i]::before{content:none}
.mu-matrix-symbol-inner{display:inline-flex;align-items:center;justify-content:center;gap:2px}
.mu-matrix-symbol-inner img{width:18px;height:18px;display:block;object-fit:contain}

/* Tribe identity badges. Colors are UI identifiers, not source-asset metadata. */
.mu-identity img,
.mu-matrix-symbol-inner img{
    --mu-tribe-badge:#352643;
    --mu-tribe-border:#9c6eba;
    width:18px;
    height:18px;
    flex:0 0 18px;
    box-sizing:border-box;
    padding:3px;
    border:1px solid var(--mu-tribe-border);
    border-radius:50%;
    background:var(--mu-tribe-badge);
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.2);
    object-fit:contain;
}
.mu-identity img[title="Artífice" i],.mu-identity img[title="Artifice" i],.mu-matrix-symbol-inner img[title="Artífice" i],.mu-matrix-symbol-inner img[title="Artifice" i]{--mu-tribe-badge:#193c42;--mu-tribe-border:#4caab1}
.mu-identity img[title="Bruja" i],.mu-matrix-symbol-inner img[title="Bruja" i]{--mu-tribe-badge:#3c2348;--mu-tribe-border:#a569bd}
.mu-identity img[title="Demonio" i],.mu-matrix-symbol-inner img[title="Demonio" i]{--mu-tribe-badge:#492126;--mu-tribe-border:#bd646b}
.mu-identity img[title="Desertor" i],.mu-matrix-symbol-inner img[title="Desertor" i]{--mu-tribe-badge:#49311d;--mu-tribe-border:#bb8550}
.mu-identity img[title="Djinn" i],.mu-matrix-symbol-inner img[title="Djinn" i]{--mu-tribe-badge:#183848;--mu-tribe-border:#4d96b8}
.mu-identity img[title="Dragón" i],.mu-identity img[title="Dragon" i],.mu-matrix-symbol-inner img[title="Dragón" i],.mu-matrix-symbol-inner img[title="Dragon" i]{--mu-tribe-badge:#462322;--mu-tribe-border:#bd6857}
.mu-identity img[title="Drow" i],.mu-matrix-symbol-inner img[title="Drow" i]{--mu-tribe-badge:#28233f;--mu-tribe-border:#7770b7}
.mu-identity img[title="Elemental" i],.mu-matrix-symbol-inner img[title="Elemental" i]{--mu-tribe-badge:#173b45;--mu-tribe-border:#49a0ad}
.mu-identity img[title="Elfo" i],.mu-matrix-symbol-inner img[title="Elfo" i]{--mu-tribe-badge:#203d2a;--mu-tribe-border:#61a771}
.mu-identity img[title="Enano" i],.mu-matrix-symbol-inner img[title="Enano" i]{--mu-tribe-badge:#45341c;--mu-tribe-border:#bd9150}
.mu-identity img[title="Eterno" i],.mu-matrix-symbol-inner img[title="Eterno" i]{--mu-tribe-badge:#282d48;--mu-tribe-border:#727fb9}
.mu-identity img[title="Gigante" i],.mu-matrix-symbol-inner img[title="Gigante" i]{--mu-tribe-badge:#3f2d24;--mu-tribe-border:#a97d61}
.mu-identity img[title="Humano" i],.mu-matrix-symbol-inner img[title="Humano" i]{--mu-tribe-badge:#28394b;--mu-tribe-border:#6f96b7}
.mu-identity img[title="Insecto" i],.mu-matrix-symbol-inner img[title="Insecto" i]{--mu-tribe-badge:#293d21;--mu-tribe-border:#75a95a}
.mu-identity img[title="Jakari" i],.mu-matrix-symbol-inner img[title="Jakari" i]{--mu-tribe-badge:#44263d;--mu-tribe-border:#b1689b}
.mu-identity img[title="Mago" i],.mu-matrix-symbol-inner img[title="Mago" i]{--mu-tribe-badge:#25304a;--mu-tribe-border:#7186bd}
.mu-identity img[title="Mimético" i],.mu-identity img[title="Mimetico" i],.mu-matrix-symbol-inner img[title="Mimético" i],.mu-matrix-symbol-inner img[title="Mimetico" i]{--mu-tribe-badge:#34323d;--mu-tribe-border:#888491}
.mu-identity img[title="Monje" i],.mu-matrix-symbol-inner img[title="Monje" i]{--mu-tribe-badge:#3e3220;--mu-tribe-border:#ae925d}
.mu-identity img[title="Monstruo" i],.mu-matrix-symbol-inner img[title="Monstruo" i]{--mu-tribe-badge:#3d2438;--mu-tribe-border:#a96598}
.mu-identity img[title="Pirata" i],.mu-matrix-symbol-inner img[title="Pirata" i]{--mu-tribe-badge:#30343d;--mu-tribe-border:#858d9b}
.mu-identity img[title="Soldado" i],.mu-matrix-symbol-inner img[title="Soldado" i]{--mu-tribe-badge:#303a48;--mu-tribe-border:#8296ad}
.mu-identity img[title="Tritón" i],.mu-identity img[title="Triton" i],.mu-matrix-symbol-inner img[title="Tritón" i],.mu-matrix-symbol-inner img[title="Triton" i]{--mu-tribe-badge:#183a3e;--mu-tribe-border:#4c9da2}

/* One runtime-composed archetype emblem. Palette values are stable LAIREN UI
   identifiers; neither the palette nor the composition modifies source PNGs. */
.mu-archetype-badge{
    --mu-tribe-a:#352643;
    --mu-tribe-b:#352643;
    --mu-badge-border:#a98bc0;
    position:relative;
    width:22px;
    height:22px;
    flex:0 0 22px;
    box-sizing:border-box;
    display:inline-block;
    overflow:hidden;
    border:1px solid rgba(166,181,193,.72);
    border-radius:50%;
    background:linear-gradient(90deg,var(--mu-tribe-a) 0 48%,#09121a 49% 51%,var(--mu-tribe-b) 52% 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.35);
    vertical-align:middle;
}
.mu-archetype-symbol{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
}
.mu-identity .mu-archetype-symbol img,
.mu-matrix-symbol-inner .mu-archetype-symbol img{
    width:12px;
    height:16px;
    min-width:0;
    box-sizing:border-box;
    display:block;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    filter:brightness(1.14) contrast(1.2) saturate(1.08) drop-shadow(0 1px 1px rgba(0,0,0,.85));
    object-fit:contain;
}
.mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:17px;height:17px}
.mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-4.5px)}
.mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(4.5px)}
.mu-archetype-badge[data-tribe-a="ARTIFICE"]{--mu-tribe-a:#193c42;--mu-badge-border:#4caab1}
.mu-archetype-badge[data-tribe-a="BRUJA"]{--mu-tribe-a:#3c2348;--mu-badge-border:#a569bd}
.mu-archetype-badge[data-tribe-a="DEMONIO"]{--mu-tribe-a:#492126;--mu-badge-border:#bd646b}
.mu-archetype-badge[data-tribe-a="DESERTOR"]{--mu-tribe-a:#49311d;--mu-badge-border:#bb8550}
.mu-archetype-badge[data-tribe-a="DJINN"]{--mu-tribe-a:#183848;--mu-badge-border:#4d96b8}
.mu-archetype-badge[data-tribe-a="DRAGON"]{--mu-tribe-a:#462322;--mu-badge-border:#bd6857}
.mu-archetype-badge[data-tribe-a="DROW"]{--mu-tribe-a:#28233f;--mu-badge-border:#7770b7}
.mu-archetype-badge[data-tribe-a="ELEMENTAL"]{--mu-tribe-a:#173b45;--mu-badge-border:#49a0ad}
.mu-archetype-badge[data-tribe-a="ELFO"]{--mu-tribe-a:#203d2a;--mu-badge-border:#61a771}
.mu-archetype-badge[data-tribe-a="ENANO"]{--mu-tribe-a:#45341c;--mu-badge-border:#bd9150}
.mu-archetype-badge[data-tribe-a="ETERNO"]{--mu-tribe-a:#282d48;--mu-badge-border:#727fb9}
.mu-archetype-badge[data-tribe-a="GIGANTE"]{--mu-tribe-a:#3f2d24;--mu-badge-border:#a97d61}
.mu-archetype-badge[data-tribe-a="HUMANO"]{--mu-tribe-a:#28394b;--mu-badge-border:#6f96b7}
.mu-archetype-badge[data-tribe-a="INSECTO"]{--mu-tribe-a:#293d21;--mu-badge-border:#75a95a}
.mu-archetype-badge[data-tribe-a="JAKARI"]{--mu-tribe-a:#44263d;--mu-badge-border:#b1689b}
.mu-archetype-badge[data-tribe-a="MAGO"]{--mu-tribe-a:#25304a;--mu-badge-border:#7186bd}
.mu-archetype-badge[data-tribe-a="MIMETICO"]{--mu-tribe-a:#34323d;--mu-badge-border:#888491}
.mu-archetype-badge[data-tribe-a="MONJE"]{--mu-tribe-a:#3e3220;--mu-badge-border:#ae925d}
.mu-archetype-badge[data-tribe-a="MONSTRUO"]{--mu-tribe-a:#3d2438;--mu-badge-border:#a96598}
.mu-archetype-badge[data-tribe-a="PIRATA"]{--mu-tribe-a:#30343d;--mu-badge-border:#858d9b}
.mu-archetype-badge[data-tribe-a="SOLDADO"]{--mu-tribe-a:#303a48;--mu-badge-border:#8296ad}
.mu-archetype-badge[data-tribe-a="TRITON"]{--mu-tribe-a:#183a3e;--mu-badge-border:#4c9da2}
.mu-archetype-badge[data-tribe-b="ARTIFICE"]{--mu-tribe-b:#193c42}
.mu-archetype-badge[data-tribe-b="BRUJA"]{--mu-tribe-b:#3c2348}
.mu-archetype-badge[data-tribe-b="DEMONIO"]{--mu-tribe-b:#492126}
.mu-archetype-badge[data-tribe-b="DESERTOR"]{--mu-tribe-b:#49311d}
.mu-archetype-badge[data-tribe-b="DJINN"]{--mu-tribe-b:#183848}
.mu-archetype-badge[data-tribe-b="DRAGON"]{--mu-tribe-b:#462322}
.mu-archetype-badge[data-tribe-b="DROW"]{--mu-tribe-b:#28233f}
.mu-archetype-badge[data-tribe-b="ELEMENTAL"]{--mu-tribe-b:#173b45}
.mu-archetype-badge[data-tribe-b="ELFO"]{--mu-tribe-b:#203d2a}
.mu-archetype-badge[data-tribe-b="ENANO"]{--mu-tribe-b:#45341c}
.mu-archetype-badge[data-tribe-b="ETERNO"]{--mu-tribe-b:#282d48}
.mu-archetype-badge[data-tribe-b="GIGANTE"]{--mu-tribe-b:#3f2d24}
.mu-archetype-badge[data-tribe-b="HUMANO"]{--mu-tribe-b:#28394b}
.mu-archetype-badge[data-tribe-b="INSECTO"]{--mu-tribe-b:#293d21}
.mu-archetype-badge[data-tribe-b="JAKARI"]{--mu-tribe-b:#44263d}
.mu-archetype-badge[data-tribe-b="MAGO"]{--mu-tribe-b:#25304a}
.mu-archetype-badge[data-tribe-b="MIMETICO"]{--mu-tribe-b:#34323d}
.mu-archetype-badge[data-tribe-b="MONJE"]{--mu-tribe-b:#3e3220}
.mu-archetype-badge[data-tribe-b="MONSTRUO"]{--mu-tribe-b:#3d2438}
.mu-archetype-badge[data-tribe-b="PIRATA"]{--mu-tribe-b:#30343d}
.mu-archetype-badge[data-tribe-b="SOLDADO"]{--mu-tribe-b:#303a48}
.mu-archetype-badge[data-tribe-b="TRITON"]{--mu-tribe-b:#183a3e}

/* LIST-only fidelity pass for Todos los enfrentamientos del meta. */
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table)>header{
    height:40px;
    min-height:40px;
    gap:8px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-global-table-tools{gap:6px}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-global-table-tools label{gap:5px;font-size:9px}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-global-table-tools select{
    height:25px;
    padding:0 24px 0 8px;
    font-size:9px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-view-toggle{gap:3px}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-view-toggle button,
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-table-filter{
    height:25px;
    padding-inline:9px;
    font-size:9px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:minmax(130px,1.35fr) 16px minmax(130px,1.35fr) 62px 62px 48px 52px 48px 52px minmax(108px,.9fr) 22px;
    gap:3px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:20px;
    min-height:20px;
    font-size:8px;
    font-weight:500;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head{font-size:8px;font-weight:500;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    min-height:18px;
    height:18px;
    padding-block:1px;
    border-top-color:rgba(139,165,181,.13);
    font-size:9px;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b{font-size:10px;font-weight:500;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span{font-size:10px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{font-size:15px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-identity{gap:0}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge{
    width:16px;
    height:16px;
    flex-basis:16px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-symbol img{width:9px;height:12px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:13px;height:13px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-3px)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(3px)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-global-evidence{
    min-width:0;
    display:flex;
    align-items:center;
    gap:4px;
    color:#d9c0ec;
    font-size:9px;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-global-evidence::before{content:none}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-evidence-shield{
    position:relative;
    width:10px;
    height:11px;
    flex:0 0 10px;
    display:block;
    background:#9a52c8;
    clip-path:polygon(50% 0,93% 18%,84% 72%,50% 100%,16% 72%,7% 18%);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-evidence-shield::after{
    content:"";
    position:absolute;
    inset:2px;
    background:#17202a;
    clip-path:inherit;
}

/* Distribution-only density: ten real archetypes plus the residual row. */
.mu-page[data-view="GLOBAL"] #meta-distribution>ol{
    align-self:stretch;
    height:100%;
    min-height:0;
    display:grid;
    grid-auto-rows:minmax(0,1fr);
    align-items:center;
    padding:2px 0;
}
.mu-page[data-view="GLOBAL"] #meta-distribution>ol>li{
    min-height:0;
    height:auto;
    padding:0;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge{
    width:16px;
    height:16px;
    flex-basis:16px;
}
.mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-symbol img{width:9px;height:12px}
.mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:13px;height:13px}
.mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-3px)}
.mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(3px)}

/* Keep the residual category inside the approved panel height. */
.mu-page[data-view="GLOBAL"] .mu-distribution{
    grid-template-rows:29px minmax(0,1fr);
}
.mu-page[data-view="GLOBAL"] #meta-distribution{
    height:auto;
    min-height:0;
    align-self:stretch;
}
.mu-page[data-view="GLOBAL"] #meta-distribution>.mu-donut{
    align-self:center;
    transform:translateY(-2px);
}

/* MATRIX-only competitive density; LIST and surrounding modules are unchanged. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix{
    width:100%;
    min-width:816px;
    table-layout:fixed;
    border-collapse:collapse;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th:first-child,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{
    width:140px;
    min-width:140px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th.mu-matrix-archetype-b{
    width:36px;
    min-width:36px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th.mu-matrix-total,
.mu-page[data-view="GLOBAL"] .mu-global-matrix td.mu-matrix-total{
    width:24px;
    min-width:24px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th.mu-matrix-evidence-head,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody td.mu-matrix-evidence{
    width:100px;
    min-width:100px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix td{
    height:18px;
    padding:0 2px;
    border-right:1px solid rgba(110,137,155,.08);
    border-bottom:1px solid rgba(110,137,155,.12);
    font-size:8px;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{height:22px;padding-block:1px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{
    gap:4px;
    padding-inline:5px;
    font-size:9px;
    font-weight:500;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-symbol[title*="JAKARI" i]{
    width:18px;
    min-width:18px;
    height:18px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-archetype-badge{
    width:18px;
    height:18px;
    flex-basis:18px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-archetype-symbol img{width:10px;height:13px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:15px;height:15px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-3.5px)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(3.5px)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix button.mu-matrix-cell{
    width:100%;
    min-height:0;
    height:17px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-positive,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-even,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-negative{border:0;background:transparent}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-positive strong{color:var(--mu-green)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-even strong{color:var(--mu-yellow)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell.is-negative strong{color:var(--mu-red)}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell strong{font-size:8px;font-weight:650;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .is-na{background:rgba(4,12,19,.5);color:#657783}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .is-empty{background:transparent;color:#526572}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-evidence-head{
    color:#9daab2;
    font-size:7px;
    font-weight:500;
    line-height:1.05;
    text-align:left;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-evidence{padding-inline:5px}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-global-evidence{
    min-width:0;
    display:flex;
    align-items:center;
    gap:3px;
    color:#d9c0ec;
    font-size:7px;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-global-evidence::before{content:none}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-evidence-shield{
    position:relative;
    width:8px;
    height:9px;
    flex:0 0 8px;
    display:block;
    background:#9a52c8;
    clip-path:polygon(50% 0,93% 18%,84% 72%,50% 100%,16% 72%,7% 18%);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-evidence-shield::after{
    content:"";
    position:absolute;
    inset:2px;
    background:#17202a;
    clip-path:inherit;
}

/* Matrix scope control; hidden in LIST by the matrix renderer. */
.mu-page[data-view="GLOBAL"] .mu-matrix-scope-toggle{
    height:24px;
    padding:0 7px;
    border:1px solid #4d3b62;
    border-radius:5px;
    background:#151221;
    color:#cda6e5;
    font-size:8px;
    font-weight:650;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-matrix-scope-toggle:hover{border-color:#9054b5;color:#edc8ff}
.mu-page[data-view="GLOBAL"] .mu-matrix-scope-toggle[aria-expanded="true"]{background:#21122d;color:#df82ee}
.mu-page[data-view="GLOBAL"] .mu-matrix-scope-toggle[disabled]{opacity:.65;cursor:wait}
.mu-page[data-view="GLOBAL"] .mu-matrix-scope-toggle[hidden]{display:none!important}

/* Final GLOBAL structure: one toolbar geometry, compact sidebar, aligned matrix. */
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:40px;
    min-height:40px;
    gap:8px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-heading{display:flex;align-items:center;gap:7px;min-width:260px}
.mu-page[data-view="GLOBAL"] .mu-global-table-heading h2{flex:none}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools{gap:6px}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools label{gap:5px;font-size:9px}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools select{
    height:25px;
    padding:0 24px 0 8px;
    font-size:9px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle{gap:3px}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-table-filter{
    height:25px;
    padding-inline:9px;
    font-size:9px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-heading .mu-matrix-scope-toggle{height:21px;padding-inline:6px}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid{grid-template-columns:repeat(7,minmax(78px,1fr)) auto}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid .mu-mirror-filter{height:29px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;border:1px solid #344a60;border-radius:5px;background:#0a1521;white-space:nowrap}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid .mu-mirror-filter input{width:13px;height:13px;margin:0;padding:0;accent-color:#a95ee3}
.mu-page[data-view="GLOBAL"] .mu-global-matrix th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix td{vertical-align:middle;text-align:center;font-variant-numeric:tabular-nums}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th.mu-matrix-archetype-b .mu-matrix-symbol{margin-inline:auto}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{text-align:left}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-evidence-head,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-evidence{text-align:left}

@media(min-width:1181px){
    .mu-page[data-view="GLOBAL"] .mu-shell{grid-template-columns:minmax(0,1fr) clamp(320px,25vw,340px)}
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar,
    .mu-page[data-view="GLOBAL"] .mu-context,
    .mu-page[data-view="GLOBAL"] .mu-distribution{min-width:0}
}
@media(max-width:1180px){
    .mu-page[data-view="GLOBAL"] .mu-global-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Shared LIST / MATRIX visual language. */
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-archetype-font-family:var(--font-family);
    --matchup-archetype-font-size:10px;
    --matchup-archetype-font-weight:500;
    --matchup-archetype-line-height:1;
    --matchup-archetype-color:#e4e8eb;
    --matchup-badge-size:18px;
    --matchup-symbol-width:10px;
    --matchup-symbol-height:13px;
    --matchup-single-symbol-size:15px;
    --matchup-symbol-offset:3.5px;
    --matchup-badge-name-gap:5px;
    --matchup-row-height:20px;
    --matchup-header-height:22px;
    --matchup-header-font-size:8px;
    --matchup-header-font-weight:500;
    --matchup-header-line-height:1;
    --matchup-header-color:#8293a5;
    --matchup-control-height:25px;
    --matchup-cell-font-size:9px;
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge{
    width:var(--matchup-badge-size);
    height:var(--matchup-badge-size);
    flex:0 0 var(--matchup-badge-size);
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-symbol img{
    width:var(--matchup-symbol-width);
    height:var(--matchup-symbol-height);
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:var(--matchup-single-symbol-size);
    height:var(--matchup-single-symbol-size);
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(calc(-1 * var(--matchup-symbol-offset)))}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(var(--matchup-symbol-offset))}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:first-child,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3),
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{gap:var(--matchup-badge-name-gap)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th>span:last-child{
    color:var(--matchup-archetype-color);
    font-family:var(--matchup-archetype-font-family);
    font-size:var(--matchup-archetype-font-size);
    font-weight:var(--matchup-archetype-font-weight);
    line-height:var(--matchup-archetype-line-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody td{
    height:var(--matchup-row-height);
    min-height:var(--matchup-row-height);
    align-items:center;
    vertical-align:middle;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    color:var(--matchup-header-color);
    font-family:var(--matchup-archetype-font-family);
    font-size:var(--matchup-header-font-size);
    font-weight:var(--matchup-header-font-weight);
    line-height:var(--matchup-header-line-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    height:var(--matchup-header-height);
    min-height:var(--matchup-header-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:not(:first-child):not(:nth-child(3)),
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell strong,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-total{
    font-size:var(--matchup-cell-font-size);
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix button.mu-matrix-cell{height:calc(var(--matchup-row-height) - 1px)}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools select,
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-table-filter{height:var(--matchup-control-height)}

/* MATRIX rows: one vertical-centering contract for every data cell. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody tr{
    height:var(--matchup-row-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>td{
    height:var(--matchup-row-height);
    min-height:var(--matchup-row-height);
    padding-block:0;
    vertical-align:middle;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th{
    display:flex;
    align-items:center;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol{
    align-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-block:0;
    line-height:1;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-archetype-badge{
    display:block;
    margin:0;
    vertical-align:initial;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th>span:last-child,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-cell strong,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-total,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .is-na,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .is-empty{margin-block:0;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody button.mu-matrix-cell{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-evidence .mu-global-evidence{
    height:100%;
    display:flex;
    align-items:center;
    margin:0;
    line-height:1;
}

/* LIST identity cluster: compact A / vs / B without altering row rhythm. */
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:minmax(115px,1.15fr) 18px minmax(115px,1.15fr) 72px 72px 50px 54px 50px 54px minmax(92px,.8fr) 28px;
    column-gap:5px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{
    width:18px;
    min-width:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    text-align:center;
}

/* LIST-only 1:1 fidelity against the approved final reference. */
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table){padding-bottom:0}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table)>header{
    height:37px;
    min-height:37px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-global-table-tools select,
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-view-toggle button,
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-table-filter{height:26px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{height:20px;min-height:20px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:18px;
    min-height:18px;
    padding-block:1px;
    border-top:1px solid rgba(139,165,181,.16);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge{
    width:16px;
    height:16px;
    flex-basis:16px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-symbol img{width:9px;height:12px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:13px;height:13px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-3px)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(3px)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-global-evidence{gap:4px;font-size:9px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-evidence-shield{width:10px;height:11px;flex-basis:10px}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel:has(#global-matchups .mu-global-table) .mu-global-table-footnote{
    height:0;
    min-height:0;
    display:none;
    margin:0;
    padding:0;
    border:0;
}

/* LIST-only final fidelity: calmer dividers and reference column rhythm. */
.mu-page[data-view="GLOBAL"] .mu-global-table{
    --matchup-row-height:20px;
    --matchup-badge-size:16px;
    --matchup-badge-name-gap:6px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:155px 26px 155px 68px 68px 48px 48px 48px 52px minmax(105px,1fr) 24px;
    column-gap:4px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    padding-block:0;
    border-top-color:rgba(139,165,181,.085);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:first-child,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){
    gap:var(--matchup-badge-name-gap);
    min-width:0;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{
    width:26px;
    min-width:26px;
    transform:translateX(-30px);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    border-bottom-color:rgba(139,165,181,.11);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head{
    letter-spacing:.01em;
}

/* Definitive shared shell for LIST / MATRIX. */
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-row-height:20px;
    --matchup-badge-size:16px;
    --matchup-symbol-width:9px;
    --matchup-symbol-height:12px;
    --matchup-single-symbol-size:13px;
    --matchup-symbol-offset:3px;
    --matchup-badge-name-gap:6px;
    --matchup-header-height:20px;
    padding-bottom:0;
}
.mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:37px;
    min-height:37px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table-tools select,
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-view-toggle button,
.mu-page[data-view="GLOBAL"] .mu-global-table-tools .mu-table-filter{height:26px}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:140px 18px minmax(115px,1.15fr) 72px 72px 50px 54px 50px 54px minmax(92px,.8fr) 28px;
    padding-inline:8px;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th:first-child,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{
    width:140px;
    min-width:140px;
    padding-inline:10px;
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    height:var(--matchup-header-height);
    min-height:var(--matchup-header-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody tr,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>td{
    height:var(--matchup-row-height);
    min-height:var(--matchup-row-height);
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge{
    width:var(--matchup-badge-size);
    height:var(--matchup-badge-size);
    flex:0 0 var(--matchup-badge-size);
}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-symbol img{width:var(--matchup-symbol-width);height:var(--matchup-symbol-height)}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:var(--matchup-single-symbol-size);height:var(--matchup-single-symbol-size)}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(calc(-1 * var(--matchup-symbol-offset)))}
.mu-page[data-view="GLOBAL"] #global-matchups .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(var(--matchup-symbol-offset))}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:first-child,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th{gap:var(--matchup-badge-name-gap)}
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th>span:last-child{
    font-family:var(--matchup-archetype-font-family);
    font-size:var(--matchup-archetype-font-size);
    font-weight:var(--matchup-archetype-font-weight);
    line-height:var(--matchup-archetype-line-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-table-footnote{
    width:0;
    height:0;
    min-height:0;
    display:none;
    margin:0;
    padding:0;
    border:0;
}

@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
        flex:0 0 calc(13 * var(--matchup-row-height));
        height:calc(13 * var(--matchup-row-height));
        max-height:calc(13 * var(--matchup-row-height));
    }
}

/* MATRIX consumes the approved LIST scale without changing LIST itself. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix th,
.mu-page[data-view="GLOBAL"] .mu-global-matrix td{
    border-bottom-color:rgba(139,165,181,.085);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    height:var(--matchup-header-height);
    min-height:var(--matchup-header-height);
    padding-block:0;
    border-bottom-color:rgba(139,165,181,.11);
    color:var(--matchup-header-color);
    font-family:var(--matchup-archetype-font-family);
    font-size:var(--matchup-header-font-size);
    font-weight:var(--matchup-header-font-weight);
    line-height:var(--matchup-header-line-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-evidence-head{
    font-size:var(--matchup-header-font-size);
    font-weight:var(--matchup-header-font-weight);
    line-height:var(--matchup-header-line-height);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-cell strong,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-matrix-total,
.mu-page[data-view="GLOBAL"] .mu-global-matrix .mu-global-evidence{
    font-size:var(--matchup-cell-font-size);
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead .mu-matrix-symbol{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        flex:1 1 auto;
        width:100%;
        min-width:100%;
        height:calc(var(--matchup-header-height) + 13 * var(--matchup-row-height));
        max-height:calc(var(--matchup-header-height) + 13 * var(--matchup-row-height));
    }
}

/* Column labels are presentation-only uppercase; archetype names keep Title Case. */
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
.mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head,
.mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    text-transform:uppercase;
}

/* MATRIX A identity: one fixed badge track and one shared name origin. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th{
    display:grid;
    grid-template-columns:var(--matchup-badge-size) minmax(0,1fr);
    column-gap:var(--matchup-badge-name-gap);
    align-items:center;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol[title*="JAKARI" i]{
    width:var(--matchup-badge-size);
    min-width:var(--matchup-badge-size);
    height:var(--matchup-badge-size);
    margin:0;
    align-self:center;
    justify-self:start;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-matrix-symbol-inner,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-archetype-badge,
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody .mu-archetype-badge img{
    margin:0;
    vertical-align:initial;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody th>span:last-child{
    min-width:0;
    margin:0;
    align-self:center;
}

/* Compact anchored filter popover; no dashboard reflow. */
.mu-page[data-view="GLOBAL"] .mu-filters #filters-panel{
    position:absolute;
    z-index:70;
    top:0;
    right:0;
    width:min(680px,calc(100vw - 32px));
    max-width:100%;
    height:auto;
    padding:0 12px 11px;
    border:1px solid #3b5269;
    border-radius:8px;
    background:#0a1724;
    box-shadow:0 16px 34px rgba(0,0,0,.48);
}
.mu-page[data-view="GLOBAL"] .mu-filter-popover-head{
    height:34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.09);
    color:#e7edf4;
    font-size:10px;
    letter-spacing:.05em;
}
.mu-page[data-view="GLOBAL"] .mu-filter-popover-head button{
    width:26px;
    height:26px;
    padding:0;
    border:0;
    background:transparent;
    color:#aab7c3;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.mu-page[data-view="GLOBAL"] .mu-filter-group{
    min-width:0;
    margin:8px 0 0;
    padding:7px 0 0;
    border:0;
    border-top:1px solid rgba(255,255,255,.08);
}
.mu-page[data-view="GLOBAL"] .mu-filter-group:first-of-type{border-top:0}
.mu-page[data-view="GLOBAL"] .mu-filter-group legend{
    padding:0;
    color:#c67ae8;
    font-size:8px;
    font-weight:800;
    letter-spacing:.06em;
}
.mu-page[data-view="GLOBAL"] .mu-filter-group .mu-filter-grid{display:grid;gap:7px}
.mu-page[data-view="GLOBAL"] .mu-filter-group.is-period .mu-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mu-page[data-view="GLOBAL"] .mu-filter-group.is-tournament .mu-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mu-page[data-view="GLOBAL"] .mu-filter-group .mu-ranges{margin:5px 0 7px}
.mu-page[data-view="GLOBAL"] .mu-filter-group .mu-ranges button{height:24px;padding-inline:9px}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:end;
    gap:7px;
    margin-top:8px;
    padding:7px 0 0;
    border-width:1px 0 0;
    border-radius:0;
}
.mu-page[data-view="GLOBAL"] .mu-global-filter-grid .mu-mirror-filter{
    height:29px;
    justify-content:flex-start;
    padding-inline:8px;
}
.mu-page[data-view="GLOBAL"] .mu-filter-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:10px;
    padding-top:9px;
    border-top:1px solid rgba(255,255,255,.09);
}
.mu-page[data-view="GLOBAL"] .mu-filter-actions #global-filter-clear,
.mu-page[data-view="GLOBAL"] .mu-filter-actions .mu-apply{
    width:auto;
    min-width:112px;
    height:31px;
    padding-inline:13px;
    white-space:nowrap;
}
.mu-page[data-view="GLOBAL"] .mu-filter-actions #global-filter-clear{
    border:1px solid #71508a;
    background:transparent;
}
@media(max-width:700px){
    .mu-page[data-view="GLOBAL"] .mu-filters #filters-panel{right:auto;left:0;width:calc(100vw - 32px)}
    .mu-page[data-view="GLOBAL"] .mu-filter-group.is-tournament .mu-filter-grid,
    .mu-page[data-view="GLOBAL"] .mu-global-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:460px){
    .mu-page[data-view="GLOBAL"] .mu-filter-group.is-period .mu-filter-grid,
    .mu-page[data-view="GLOBAL"] .mu-filter-group.is-tournament .mu-filter-grid,
    .mu-page[data-view="GLOBAL"] .mu-global-filter-grid{grid-template-columns:1fr}
}

/* Panorama-only final polish: restore the spacious three-card dashboard rhythm. */
.mu-page[data-view="GLOBAL"] .mu-panorama{overflow:visible}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid{align-items:stretch;gap:9px;padding:7px 9px 10px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    height:100%;min-height:138px;padding:8px 10px;
    border:1px solid rgba(65,102,123,.58);border-radius:8px;
    background-image:linear-gradient(145deg,rgba(14,30,42,.97),rgba(6,18,28,.94));
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 5px 14px rgba(0,0,0,.2);
}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card.is-dominant{border-color:rgba(61,154,96,.58)}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card.is-even{border-color:rgba(201,144,33,.62)}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card.is-best{border-color:rgba(166,82,207,.58)}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content{height:100%;padding:1px 7px;gap:5px;align-content:center}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-label{font-size:10px;line-height:1.2;letter-spacing:.025em}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:5px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup>span{
    display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;justify-content:center;gap:5px;min-width:0;
}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup>span:first-child{justify-self:end}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup>span:last-child{justify-self:start}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup .mu-identity{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-archetype-badge{width:18px;min-width:18px;height:18px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup b{font-size:10px!important;line-height:1.15}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup em{font-size:9px!important}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-rates{grid-template-columns:1fr 24px 1fr;gap:5px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-rates strong{font-size:25px;line-height:1}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record{gap:8px;margin:0 4px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record b{font-size:13px!important;line-height:1.05}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record span{font-size:8px;line-height:1.05}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-trace{gap:0;font-size:8px;line-height:1.15}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-trace span+span::before{content:"·";padding:0 6px;color:#738797}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-name{gap:6px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-name b{font-size:11px!important;line-height:1.15}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-name .mu-identity{width:18px;height:18px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-name .mu-archetype-badge{width:18px;min-width:18px;height:18px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate{display:grid;justify-items:center;gap:1px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate strong{font-size:27px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate span{font-size:8px;letter-spacing:.03em}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card.is-global-performance-card .mu-meta-card-content{gap:4px}
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-dashboard{height:auto}
    .mu-page[data-view="GLOBAL"] .mu-global-main{grid-template-rows:auto 328px;gap:10px}
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{height:32px;padding-inline:12px}
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:146px;min-height:146px}
}
@media(min-width:761px) and (max-width:1180px){
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:178px}
}

/* Panorama metadata: one shared fifth row with readable in-card clearance. */
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content,
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content,
.mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{
    grid-template-rows:12px 20px 28px 27px 14px;
    align-content:center;
    row-gap:3px;
}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-trace{
    min-height:14px;
    align-self:center;
    color:#b2bec7;
    font-size:9px;
    font-weight:600;
    line-height:14px;
}

/* Final surgical viewport fit: compact Panorama and keep LIST/MATRIX scrolling
   inside one complete, rounded outer frame. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-template-rows:162px 346px;
        gap:10px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
        height:128px;
        min-height:128px;
        padding-block:4px 6px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
        min-height:0;
        padding-block:6px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content,
    .mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content,
    .mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{
        grid-template-rows:12px 18px 25px 24px 14px;
        row-gap:2px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
        height:346px;
        min-height:0;
        padding-bottom:1px;
        overflow:hidden;
        border-radius:10px;
    }
    .mu-page[data-view="GLOBAL"] #global-matchups{
        height:0;
        min-height:0;
        flex:1 1 0;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table,
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        height:100%;
        min-height:0;
        max-height:100%;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
        height:auto;
        max-height:none;
        min-height:0;
        flex:1 1 0;
        overflow-y:auto;
        overscroll-behavior:contain;
    }
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        flex:1 1 0;
        overflow:auto;
        overscroll-behavior:contain;
        border-radius:0 0 9px 9px;
    }
}

/* Three-point surgical pass: compact global controls, denser distribution and
   an explicit inner clearance before the shared LIST/MATRIX bottom border. */
@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-topbar{gap:0}
    .mu-page[data-view="GLOBAL"] #matchups-results{margin-top:4px}
    .mu-page[data-view="GLOBAL"] .mu-controls{
        grid-template-columns:204px 24px 204px 96px;
        align-items:end;
        justify-content:end;
        gap:8px;
    }
    .mu-page[data-view="GLOBAL"] .mu-picker{width:auto}
    .mu-page[data-view="GLOBAL"] .mu-picker label{margin-bottom:1px}
    .mu-page[data-view="GLOBAL"] .mu-picker input{
        height:29px;
        padding:0 28px 0 10px;
        background:linear-gradient(180deg,#07111b,#050d15);
        font-size:11px;
    }
    .mu-page[data-view="GLOBAL"] .mu-vs{
        height:29px;
        margin-top:0;
        font-size:12px;
    }
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
        width:96px;
        height:29px;
        grid-template-columns:16px minmax(0,1fr);
        gap:6px;
        padding:0 8px;
        font-size:11px;
    }
    .mu-page[data-view="GLOBAL"] .mu-filter-trigger::before{
        width:15px;
        height:15px;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li{
        padding-block:1px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-template-rows:162px 338px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
        height:338px;
        padding-bottom:6px;
        background-clip:padding-box;
    }
    .mu-page[data-view="GLOBAL"] #global-matchups{
        position:relative;
        z-index:0;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody,
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        scrollbar-gutter:stable;
    }
}

/* Final fine polish: preserve the established layout while improving visual
   balance and guaranteeing a clean lower-panel finish. */
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-rates strong{font-size:22px}
.mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate strong{font-size:24px}

@media(min-width:1181px) and (max-height:800px){
    .mu-page[data-view="GLOBAL"] .mu-distribution ol{
        height:100%;
        display:grid;
        grid-template-rows:repeat(14,minmax(0,1fr));
        align-content:stretch;
        row-gap:1px;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li{
        min-height:0;
        padding-block:0;
        line-height:1.08;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li .mu-identity i{
        width:12px;
        height:12px;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-season{
        display:flex;
        align-items:center;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-season strong{margin:0}
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions ul{height:100%}
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-template-rows:162px 326px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
        height:326px;
        padding-bottom:8px;
    }
}

/* LAIREN stable GLOBAL fit v5 — single final precedence block.
   Restores exact LIST/MATRIX row geometry and keeps the accepted compact Panorama/sidebar polish. */
@media(min-width:1181px) and (max-height:800px){

    /* PANORAMA: compact, aligned and unchanged analytically. */
    .mu-page[data-view="GLOBAL"] .mu-global-main{
        grid-template-rows:152px 326px;
        gap:8px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama>header{
        height:28px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
        height:118px;
        min-height:118px;
        padding:3px 7px 5px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
        min-height:0;
        padding-block:4px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content,
    .mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content,
    .mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{
        grid-template-rows:12px 18px 23px 23px 14px;
        row-gap:2px;
    }
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-rates strong,
    .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate strong{
        font-size:20px;
        line-height:1;
    }
    .mu-page[data-view="GLOBAL"] .mu-meta-global-rate span{
        display:none;
    }
    .mu-page[data-view="GLOBAL"] .mu-meta-global-rate{
        min-height:23px;
        align-items:center;
    }

    /* LIST / MATRIX: one exact 13-row viewport. No partial final row, same geometry in both modes. */
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
        height:326px;
        min-height:326px;
        padding-bottom:7px;
        overflow:hidden;
        border-radius:10px;
        background-clip:padding-box;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
        height:37px;
        min-height:37px;
        flex:0 0 37px;
    }
    .mu-page[data-view="GLOBAL"] #global-matchups{
        height:280px;
        min-height:280px;
        max-height:280px;
        flex:0 0 280px;
        overflow:hidden;
    }

    /* LIST = 20px header + 13 x 20px rows = 280px exactly. */
    .mu-page[data-view="GLOBAL"] .mu-global-table{
        height:280px;
        min-height:280px;
        max-height:280px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
        height:20px;
        min-height:20px;
        flex:0 0 20px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
        height:260px;
        min-height:260px;
        max-height:260px;
        flex:0 0 260px;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
        height:20px;
        min-height:20px;
        max-height:20px;
    }

    /* MATRIX = same 20px header + 13 x 20px rows = 280px exactly. */
    .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
        width:100%;
        min-width:100%;
        height:280px;
        min-height:280px;
        max-height:280px;
        flex:0 0 280px;
        overflow:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
        border-radius:0 0 9px 9px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
        height:20px;
        min-height:20px;
        max-height:20px;
    }
    .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody tr,
    .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th,
    .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>td{
        height:20px;
        min-height:20px;
        max-height:20px;
    }

    /* SIDEBAR: keep the accepted compact Context and use the freed space for Distribution. */
    .mu-page[data-view="GLOBAL"] .mu-global-sidebar{
        grid-template-rows:244px 272px;
        gap:8px;
    }
    .mu-page[data-view="GLOBAL"] .mu-context{
        height:244px;
        min-height:244px;
    }
    .mu-page[data-view="GLOBAL"] #meta-context{
        height:215px;
        min-height:0;
        flex:0 0 215px;
        grid-template-rows:21px 59px 24px minmax(0,1fr);
        padding:0 10px 2px;
        overflow:hidden;
    }
    .mu-page[data-view="GLOBAL"] #meta-context span,
    .mu-page[data-view="GLOBAL"] #meta-context dt,
    .mu-page[data-view="GLOBAL"] #meta-context dd{
        font-size:10.5px;
        line-height:1.08;
    }
    .mu-page[data-view="GLOBAL"] #meta-context>.mu-editions li b{
        font-size:9.5px!important;
        line-height:1.05;
    }

    /* DISTRIBUTION: same 13 + Otros, roomier vertical spacing and clearer badges. */
    .mu-page[data-view="GLOBAL"] .mu-distribution{
        min-height:272px;
        grid-template-rows:29px minmax(0,1fr);
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution>div{
        height:243px;
        min-height:0;
        grid-template-columns:96px minmax(0,1fr);
        align-items:center;
        gap:11px;
        padding:7px 10px 6px;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution ol{
        width:100%;
        height:100%;
        max-width:none;
        display:grid;
        grid-template-rows:repeat(14,minmax(0,1fr));
        align-content:stretch;
        row-gap:3px;
        margin:0;
        padding:0;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li{
        min-height:0;
        grid-template-columns:29px minmax(0,1fr) 42px;
        align-items:center;
        column-gap:8px;
        padding:0;
        font-size:10.5px;
        line-height:1.12;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li .mu-identity{
        width:29px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
    }
    .mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge{
        width:16px;
        height:16px;
        flex-basis:16px;
    }
    .mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-symbol img{
        width:10px;
        height:12px;
    }
    .mu-page[data-view="GLOBAL"] #meta-distribution .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
        width:13px;
        height:13px;
    }
    .mu-page[data-view="GLOBAL"] .mu-distribution li b,
    .mu-page[data-view="GLOBAL"] .mu-distribution li>span:last-child{
        font-size:10.5px;
        line-height:1.12;
    }
}


/* LAIREN info v9 — stable native help, no custom tooltip runtime. */
.mu-info::after,
.mu-info:hover::after,
.mu-info:focus::after,
.mu-info.is-open::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
}
.mu-info{
    cursor:help!important;
    pointer-events:auto!important;
}

/* One viewport-level tooltip. It is appended to body, outside clipped panels. */
.mu-global-tooltip{
    position:fixed;
    z-index:10000;
    width:min(360px,calc(100vw - 20px));
    padding:10px 12px;
    border:1px solid #536a82;
    border-radius:7px;
    background:#07111c;
    box-shadow:0 12px 30px rgba(0,0,0,.48);
    color:#dfe7ee;
    font-size:11px;
    font-weight:450;
    line-height:1.45;
    text-align:left;
    white-space:normal;
    pointer-events:none;
}
.mu-global-tooltip[hidden]{display:none!important}

/* Restore native table-cell layout for the row header; grid was widening the
   first track and left a false strip before the percentage columns. */
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th{
    display:table-cell;
    vertical-align:middle;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th .mu-matrix-symbol{
    display:inline-flex;
    margin:0 var(--matchup-badge-name-gap) 0 0;
    vertical-align:middle;
}
.mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th>span:last-child{
    display:inline-block;
    max-width:calc(100% - var(--matchup-badge-size) - var(--matchup-badge-name-gap));
    vertical-align:middle;
}

/* LAIREN A_ONLY step 1 — compact header + controls only. GLOBAL frozen. */
@media(min-width:1181px){
    .mu-page[data-view="A_SELECTED"] .mu-shell{
        grid-template-rows:auto 0 minmax(0,1fr);
        gap:0;
        padding:5px 18px 10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:auto auto;
        align-items:stretch;
        gap:4px;
        margin:0 0 8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar h1{
        position:relative;
        display:grid;
        grid-template-columns:24px minmax(0,1fr);
        align-items:center;
        column-gap:7px;
        margin:0;
        padding:0;
        color:#f2f5f8;
        font-size:20px;
        line-height:1;
        letter-spacing:.01em;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar h1::before{
        content:"⚔";
        position:static;
        width:22px;
        height:22px;
        display:grid;
        place-items:center;
        color:#af62e7;
        font-size:21px;
        line-height:1;
        text-shadow:0 0 12px rgba(169,94,227,.3);
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar h1::after{
        content:none;
        display:none;
    }

    .mu-page[data-view="A_SELECTED"] .mu-controls{
        width:100%;
        display:grid;
        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 96px;
        align-items:center;
        gap:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker{
        width:auto;
        min-width:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker input{
        height:32px;
        padding:0 10px;
        border:1px solid #354d66;
        border-radius:7px;
        background:#0b1826;
        color:#eef2f5;
        font-size:11px;
        box-shadow:none;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker input::placeholder{
        color:#cbd2d8;
        opacity:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-vs{
        height:32px;
        display:grid;
        place-items:center;
        align-self:center;
        margin:0;
        color:#f1f3f5;
        font-size:13px;
        font-weight:800;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-swap{
        display:none;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger{
        width:96px;
        height:32px;
        display:grid;
        grid-template-columns:18px minmax(0,1fr);
        grid-template-rows:1fr;
        align-items:center;
        gap:6px;
        justify-self:end;
        padding:0 9px;
        border:1px solid #a456cf;
        border-radius:7px;
        background:linear-gradient(180deg,#171021,#0e0b15);
        color:#d67bef;
        font-size:11px;
        font-weight:750;
        line-height:1;
        text-align:left;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger::before{
        content:"";
        width:16px;
        height:16px;
        background:#c86de8;
        -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20l-8 9v7l-4 2v-9L2 3z'/%3E%3C/svg%3E") center/contain no-repeat;
        mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 3h20l-8 9v7l-4 2v-9L2 3z'/%3E%3C/svg%3E") center/contain no-repeat;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger span{
        display:none;
    }

    .mu-page[data-view="A_SELECTED"] .mu-suggestions{
        top:34px;
    }

    .mu-page[data-view="A_SELECTED"] #matchups-results{
        margin-top:0;
    }
}

/* LAIREN A_ONLY step 2 — fit the complete analysis inside the desktop viewport. */
@media(min-width:1181px) and (max-height:800px){

    /* A_ONLY uses the real available desktop height instead of the old 650px minimum. */
    .mu-page[data-view="A_SELECTED"]{
        height:calc(100vh - 37px);
        min-height:0;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-shell{
        height:100%;
        min-height:0;
        grid-template-rows:auto 0 minmax(0,1fr);
        gap:0;
        padding:4px 18px 6px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar{
        gap:3px;
        margin-bottom:7px;
    }

    .mu-page[data-view="A_SELECTED"] #matchups-results{
        height:100%;
        min-height:0;
        margin-top:0;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-view{
        height:100%;
        min-height:0;
        grid-template-columns:minmax(0,3fr) minmax(300px,1.02fr);
        gap:10px;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-main{
        height:100%;
        min-height:0;
        grid-template-columns:1.18fr 1.15fr .9fr;
        grid-template-rows:188px minmax(0,1fr);
        gap:9px;
        overflow:hidden;
    }

    /* The three upper cards share one compact, exact row. */
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge{
        height:188px!important;
        min-height:188px!important;
        max-height:188px!important;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
        grid-template-rows:31px minmax(0,1fr) 17px 28px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header{
        height:31px;
        min-height:31px;
        padding-inline:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header h2{
        font-size:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance{
        min-height:0;
        height:auto;
        grid-template-columns:105px minmax(0,1fr);
        gap:5px;
        padding:0 9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring{
        width:86px;
        height:86px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring strong{
        font-size:21px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring span{
        font-size:8px;
        line-height:1.15;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl{
        gap:2px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl div{
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dd{
        font-size:17px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dt{
        margin-top:1px;
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
        margin:0;
        padding:0 6px;
        font-size:9px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
        height:24px;
        min-height:24px;
        margin:0 10px 5px;
        padding:3px 5px;
        font-size:9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance>div{
        height:calc(100% - 31px);
        min-height:0;
        grid-template-columns:102px minmax(0,1fr);
        gap:5px;
        padding:2px 9px 6px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
        width:86px;
        height:86px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
        margin:3px 0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd{
        font-size:17px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd small{
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dt{
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
        margin:0;
        font-size:9px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
        height:calc(100% - 31px);
        min-height:0;
        gap:4px;
        padding:5px 8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity i{
        width:34px;
        height:34px;
        font-size:13px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge b{
        font-size:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
        padding:3px 6px;
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
        font-size:22px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
        min-height:24px;
        margin:2px 0 0;
        padding:3px;
        font-size:9px;
    }

    /* Lower rival panel consumes the remaining height and scrolls internally. */
    .mu-page[data-view="A_SELECTED"] .mu-rivals{
        height:100%;
        min-height:0;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
        height:36px;
        min-height:36px;
        flex:0 0 36px;
        padding-inline:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header h2{
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-results{
        min-height:0;
        display:flex;
        flex:1 1 0;
        flex-direction:column;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table{
        min-height:0;
        display:flex;
        flex:1 1 0;
        flex-direction:column;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
        height:24px;
        min-height:24px;
        flex:0 0 24px;
        padding-inline:10px;
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
        min-height:0;
        flex:1 1 0;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
        min-height:29px;
        padding:2px 10px;
        line-height:1.05;
    }

    .mu-page[data-view="A_SELECTED"] .mu-pagination{
        height:23px;
        min-height:23px;
        flex:0 0 23px;
    }

    /* Reading panel has exactly the same available viewport height. */
    .mu-page[data-view="A_SELECTED"] .mu-reading{
        height:100%;
        min-height:0;
        padding:11px;
        overflow-y:auto;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading>header{
        padding-bottom:6px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading>header h2{
        font-size:13px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading section{
        margin-top:8px;
        padding:9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading h3{
        margin-bottom:4px;
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading p{
        font-size:9px;
        line-height:1.4;
    }
}

/* LAIREN A_ONLY step 3 — compact cards + full scrollable rivals panel. */
@media(min-width:1181px) and (max-height:800px){

    /* Give the lower matchup list substantially more room. */
    .mu-page[data-view="A_SELECTED"] .mu-a-main{
        grid-template-rows:146px minmax(0,1fr);
        gap:8px;
    }

    /* The three upper cards share the same compact height. */
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge{
        height:146px!important;
        min-height:146px!important;
        max-height:146px!important;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
        grid-template-rows:27px minmax(0,1fr) 14px 23px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header{
        height:27px;
        min-height:27px;
        padding-inline:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header h2{
        font-size:10px;
        line-height:1;
    }

    /* Rendimiento global */
    .mu-page[data-view="A_SELECTED"] .mu-global-performance{
        grid-template-columns:84px minmax(0,1fr);
        gap:4px;
        padding:0 7px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring{
        width:68px;
        height:68px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring strong{
        font-size:18px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring span{
        font-size:7px;
        line-height:1.05;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl{
        gap:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl div{
        margin:0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dd{
        font-size:15px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dt{
        margin-top:1px;
        font-size:7px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
        font-size:8px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
        height:20px;
        min-height:20px;
        margin:0 8px 4px;
        padding:2px 4px;
        font-size:8px;
        line-height:1;
    }

    /* Balance */
    .mu-page[data-view="A_SELECTED"] .mu-balance>div{
        height:calc(100% - 27px);
        grid-template-columns:84px minmax(0,1fr);
        gap:4px;
        padding:1px 7px 4px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
        width:68px;
        height:68px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
        margin:2px 0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd{
        font-size:15px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd small{
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dt{
        font-size:7px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
        font-size:8px;
        line-height:1;
    }

    /* Más desafiante */
    .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
        height:calc(100% - 27px);
        gap:2px;
        padding:3px 7px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity i{
        width:27px;
        height:27px;
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge b{
        font-size:10px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
        padding:2px 5px;
        font-size:7px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
        font-size:19px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{
        font-size:7px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
        min-height:19px;
        height:19px;
        margin:1px 0 0;
        padding:2px;
        font-size:8px;
        line-height:1;
    }

    /* Lower panel: same idea as GLOBAL — fixed panel, full internal scroll, no document growth. */
    .mu-page[data-view="A_SELECTED"] .mu-rivals{
        min-height:0;
        height:100%;
        border-radius:10px;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
        height:34px;
        min-height:34px;
        flex:0 0 34px;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-results{
        min-height:0;
        height:0;
        flex:1 1 0;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table{
        height:100%;
        min-height:0;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
        height:23px;
        min-height:23px;
        flex:0 0 23px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
        height:0;
        min-height:0;
        flex:1 1 0;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
        min-height:29px;
        height:29px;
        max-height:29px;
    }

    /* A_ONLY matrix: keep it inside the same panel and make it compact/scrollable. */
    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix{
        width:100%;
        height:100%;
        min-height:0;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        align-content:start;
        gap:5px;
        padding:6px;
        overflow-y:auto;
        overflow-x:hidden;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix button{
        min-height:48px;
        height:48px;
        grid-template-columns:minmax(0,1fr) auto;
        gap:2px 5px;
        padding:5px 7px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix span{
        font-size:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix strong{
        font-size:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix small{
        font-size:7px;
    }

    /* Pagination is no longer used in A_ONLY; all eligible rivals live in the internal scroll. */
    .mu-page[data-view="A_SELECTED"] .mu-pagination{
        display:none!important;
    }
}

/* LAIREN A_ONLY step 4 — aligned cards + clean full-row list finish. */
@media(min-width:1181px) and (max-height:800px){

    /* Same visual weight for the three upper cards; lower list gets a fixed clean viewport. */
    .mu-page[data-view="A_SELECTED"] .mu-a-main{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:148px 330px;
        gap:8px;
        align-content:start;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge{
        height:148px!important;
        min-height:148px!important;
        max-height:148px!important;
        align-self:stretch;
    }

    /* Shared card header geometry and typography. */
    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header{
        height:29px;
        min-height:29px;
        display:flex;
        align-items:center;
        padding:0 10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header h2{
        margin:0;
        font-size:10.5px;
        font-weight:800;
        line-height:1;
        letter-spacing:.025em;
        text-transform:uppercase;
    }

    /* RENDIMIENTO GLOBAL */
    .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
        grid-template-rows:29px 82px 14px 21px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance{
        grid-template-columns:88px minmax(0,1fr);
        gap:6px;
        align-items:center;
        padding:0 8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring{
        width:72px;
        height:72px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring strong{
        font-size:19px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring span{
        font-size:7.5px;
        line-height:1.08;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl{
        display:grid;
        align-content:center;
        gap:2px;
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl div{
        margin:0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dd{
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
        align-self:center;
        margin:0;
        padding:0 6px;
        font-size:8.5px;
        line-height:1;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
        height:18px;
        min-height:18px;
        margin:0 8px 3px;
        padding:2px 4px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* BALANCE */
    .mu-page[data-view="A_SELECTED"] .mu-balance>div{
        height:calc(100% - 29px);
        min-height:0;
        grid-template-columns:88px minmax(0,1fr);
        grid-template-rows:minmax(0,1fr) 15px;
        align-items:center;
        gap:2px 6px;
        padding:2px 8px 5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
        width:72px;
        height:72px;
        align-self:center;
        justify-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl{
        align-self:center;
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
        margin:3px 0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd{
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd small{
        font-size:8.5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
        grid-column:1/-1;
        align-self:center;
        margin:0;
        font-size:8.5px;
        font-weight:600;
        line-height:1;
        text-align:center;
        text-transform:uppercase;
    }

    /* MÁS DESAFIANTE */
    .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
        height:calc(100% - 29px);
        min-height:0;
        display:grid;
        grid-template-rows:28px 18px 18px 12px 20px;
        align-content:center;
        justify-items:center;
        gap:2px;
        padding:2px 8px 5px;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity{
        align-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity i{
        width:28px;
        height:28px;
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge b{
        align-self:center;
        font-size:10.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
        align-self:center;
        padding:3px 6px;
        font-size:7.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
        align-self:center;
        font-size:20px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{
        align-self:center;
        font-size:7.5px;
        font-weight:600;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
        width:100%;
        height:19px;
        min-height:19px;
        margin:0;
        padding:2px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* RENDIMIENTO DE A CONTRA EL META — vertically centered header, stronger labels. */
    .mu-page[data-view="A_SELECTED"] .mu-rivals{
        height:330px;
        min-height:330px;
        max-height:330px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
        border-radius:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
        height:36px;
        min-height:36px;
        flex:0 0 36px;
        display:flex;
        align-items:center;
        padding:0 11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header>div:first-child{
        min-width:0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:2px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header h2{
        margin:0;
        font-size:10.5px;
        font-weight:800;
        line-height:1;
        letter-spacing:.035em;
        text-transform:uppercase;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-note{
        color:#8fa0b1;
        font-size:8.5px;
        font-weight:650;
        line-height:1;
        text-transform:uppercase;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-results{
        height:292px;
        min-height:292px;
        max-height:292px;
        flex:0 0 292px;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table{
        height:292px;
        min-height:292px;
        max-height:292px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
        height:22px;
        min-height:22px;
        max-height:22px;
        flex:0 0 22px;
        padding:0 10px;
        font-size:8.5px;
        font-weight:750;
        line-height:1;
        text-transform:uppercase;
    }

    /* Exactly 9 complete rows visible: 9 × 30px = 270px. */
    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
        height:270px;
        min-height:270px;
        max-height:270px;
        flex:0 0 270px;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
        height:30px;
        min-height:30px;
        max-height:30px;
        padding:2px 10px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{
        font-size:9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr strong{
        font-size:10.5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-evidence{
        font-size:8px;
    }

    /* Reading keeps the same total visual height as the left composition. */
    .mu-page[data-view="A_SELECTED"] .mu-reading{
        height:486px;
        min-height:486px;
        max-height:486px;
    }
}

/* LAIREN A_ONLY step 5 — reference layout + power-bar list. GLOBAL frozen. */
@media(min-width:1181px) and (max-height:800px){

    /*
      A_ONLY follows the approved reference structure:
      left column = title/controls + three cards + rival list
      right column = LAIREN reading from top to bottom.
    */
    .mu-page[data-view="A_SELECTED"] .mu-shell{
        height:100%;
        min-height:0;
        display:grid;
        grid-template-columns:minmax(0,1fr) 322px;
        grid-template-rows:auto 0 minmax(0,1fr);
        column-gap:10px;
        row-gap:0;
        padding:4px 18px 6px;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar{
        grid-column:1;
        grid-row:1;
        width:100%;
        min-width:0;
        display:grid;
        grid-template-columns:minmax(0,1fr);
        grid-template-rows:24px 32px;
        gap:4px;
        margin:0 0 8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filters{
        grid-column:1;
        grid-row:2;
        min-width:0;
    }

    /* Flatten only A_ONLY so Reading can occupy the whole right column. */
    .mu-page[data-view="A_SELECTED"] #matchups-results{
        display:contents!important;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-view{
        display:contents!important;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-main{
        grid-column:1;
        grid-row:3;
        width:100%;
        min-width:0;
        min-height:0;
        height:100%;
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:160px 320px;
        gap:8px;
        align-content:start;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading{
        grid-column:2;
        grid-row:1 / 4;
        width:100%;
        min-width:0;
        min-height:0;
        height:auto;
        max-height:none;
        margin:0;
        padding:12px;
        overflow-y:auto;
        border-color:#9e4fc4;
    }

    /* ---------------------------------------------------------
       TOP CONTROLS — stop exactly before the LAIREN right column
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-controls{
        width:100%;
        display:grid;
        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 96px;
        align-items:center;
        gap:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker{
        width:auto;
        min-width:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger{
        width:96px;
        justify-self:end;
    }

    /* ---------------------------------------------------------
       THREE CARDS — equal geometry and balanced internal rhythm
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge{
        height:160px!important;
        min-height:160px!important;
        max-height:160px!important;
        align-self:stretch;
        border-radius:9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header{
        height:30px;
        min-height:30px;
        padding:0 11px;
        display:flex;
        align-items:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header h2{
        margin:0;
        font-size:10.5px;
        font-weight:800;
        line-height:1;
        letter-spacing:.025em;
        text-transform:uppercase;
    }

    /* Rendimiento global */
    .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
        grid-template-rows:30px 91px 15px 22px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance{
        grid-template-columns:94px minmax(0,1fr);
        gap:7px;
        align-items:center;
        padding:0 9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring{
        width:80px;
        height:80px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring strong{
        font-size:20px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring span{
        font-size:7.5px;
        line-height:1.08;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl{
        display:grid;
        align-content:center;
        gap:3px;
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl div{
        margin:0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dd{
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
        align-self:center;
        margin:0;
        padding:0 6px;
        font-size:8.5px;
        line-height:1;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
        height:19px;
        min-height:19px;
        margin:0 8px 3px;
        padding:2px 4px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* Balance */
    .mu-page[data-view="A_SELECTED"] .mu-balance>div{
        height:calc(100% - 30px);
        min-height:0;
        grid-template-columns:94px minmax(0,1fr);
        grid-template-rows:minmax(0,1fr) 16px;
        align-items:center;
        gap:2px 7px;
        padding:2px 9px 5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
        width:80px;
        height:80px;
        align-self:center;
        justify-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl{
        align-self:center;
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
        margin:3px 0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd{
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd small{
        font-size:8.5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
        grid-column:1/-1;
        align-self:center;
        margin:0;
        font-size:8px;
        font-weight:650;
        line-height:1;
        text-align:center;
        text-transform:uppercase;
    }

    /* Más desafiante */
    .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
        height:calc(100% - 30px);
        min-height:0;
        display:grid;
        grid-template-rows:30px 18px 19px 23px 12px 20px;
        align-content:center;
        justify-items:center;
        gap:1px;
        padding:2px 8px 5px;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity{
        align-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge{
        width:26px;
        height:26px;
        flex-basis:26px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge b{
        align-self:center;
        font-size:10.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
        align-self:center;
        padding:3px 6px;
        font-size:7.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
        align-self:center;
        font-size:21px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{
        align-self:center;
        font-size:7.5px;
        font-weight:600;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
        width:100%;
        height:19px;
        min-height:19px;
        margin:0;
        padding:2px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* ---------------------------------------------------------
       RIVAL LIST — same visual language as GLOBAL + power bar
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-rivals{
        grid-column:1/-1;
        height:320px;
        min-height:320px;
        max-height:320px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
        border-radius:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
        height:38px;
        min-height:38px;
        flex:0 0 38px;
        display:flex;
        align-items:center;
        padding:0 11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header>div:first-child{
        min-width:0;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:3px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header h2{
        margin:0;
        font-size:10.5px;
        font-weight:800;
        line-height:1;
        letter-spacing:.035em;
        text-transform:uppercase;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-note{
        color:#8fa0b1;
        font-size:8px;
        font-weight:650;
        line-height:1;
        text-transform:uppercase;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-results{
        height:280px;
        min-height:280px;
        max-height:280px;
        flex:0 0 280px;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table{
        height:280px;
        min-height:280px;
        max-height:280px;
        display:flex;
        flex-direction:column;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
        height:24px;
        min-height:24px;
        max-height:24px;
        flex:0 0 24px;
        padding:0 10px;
        font-size:8.5px;
        font-weight:750;
        line-height:1;
        text-transform:uppercase;
    }

    /* 8 complete rows: 8 × 32px = 256px. No clipped row at the bottom. */
    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
        height:256px;
        min-height:256px;
        max-height:256px;
        flex:0 0 256px;
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-gutter:stable;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
        height:32px;
        min-height:32px;
        max-height:32px;
        padding:2px 10px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{
        font-size:9px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-evidence{
        font-size:8px;
    }

    /* Win-rate "power" bar requested by the user. */
    .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr{
        min-width:0;
        display:grid;
        grid-template-columns:48px minmax(72px,1fr);
        align-items:center;
        gap:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr>strong{
        color:var(--mu-rate-tone,var(--mu-green));
        font-size:10px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-power{
        position:relative;
        height:6px;
        overflow:hidden;
        border-radius:999px;
        background:#1b2a38;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-power>i{
        position:absolute;
        inset:0 auto 0 0;
        width:var(--mu-wr,0%);
        max-width:100%;
        border-radius:inherit;
        background:currentColor;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr.is-positive{
        color:#5fc33a;
        --mu-rate-tone:#5fc33a;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr.is-even{
        color:#e0b43f;
        --mu-rate-tone:#e0b43f;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr.is-negative{
        color:#f0444d;
        --mu-rate-tone:#f0444d;
    }

    /* Keep A_ONLY matrix contained; we will refine its visual language separately. */
    .mu-page[data-view="A_SELECTED"] .mu-rivals .mu-matrix{
        height:280px;
        min-height:280px;
        max-height:280px;
        overflow:auto;
    }

    /* Reading column starts at the same top line as ENFRENTAMIENTOS and owns the whole right side. */
    .mu-page[data-view="A_SELECTED"] .mu-reading>header{
        padding-bottom:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading>header h2{
        font-size:14px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading section{
        margin-top:9px;
        padding:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading h3{
        margin-bottom:5px;
        font-size:10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-reading p{
        font-size:9px;
        line-height:1.45;
    }
}

/* LAIREN A_ONLY step 6 — visually match GLOBAL controls and card rhythm. */
@media(min-width:1181px) and (max-height:800px){

    /* Keep the A_ONLY right reading column independent. */
    .mu-page[data-view="A_SELECTED"] .mu-shell{
        grid-template-columns:minmax(0,1fr) 322px;
        column-gap:10px;
    }

    /* ---------------------------------------------------------
       HEADER / CONTROLS
       Copy the approved compact GLOBAL proportions.
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-topbar{
        grid-column:1;
        width:100%;
        grid-template-rows:24px 29px;
        gap:4px;
        margin:0 0 7px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar h1{
        grid-template-columns:24px minmax(0,1fr);
        column-gap:7px;
        font-size:20px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-topbar h1::before{
        width:22px;
        height:22px;
        font-size:21px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-controls{
        width:auto;
        display:grid;
        grid-template-columns:204px 24px 204px 96px;
        align-items:center;
        justify-content:start;
        gap:8px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker{
        width:auto;
        min-width:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-picker input{
        height:29px;
        padding:0 10px;
        border-radius:7px;
        background:linear-gradient(180deg,#07111b,#050d15);
        font-size:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-vs{
        height:29px;
        margin:0;
        font-size:12px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger{
        width:96px;
        height:29px;
        grid-template-columns:16px minmax(0,1fr);
        gap:6px;
        padding:0 8px;
        border-radius:7px;
        font-size:11px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-filter-trigger::before{
        width:15px;
        height:15px;
    }

    /* ---------------------------------------------------------
       THREE A_ONLY CARDS
       Same visual rhythm as GLOBAL Panorama: equal cards, equal
       header line, equal border weight and aligned bottoms.
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-a-main{
        grid-template-columns:repeat(3,minmax(0,1fr));
        grid-template-rows:162px 318px;
        gap:8px;
        align-content:start;
    }

    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-primary-summary,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-balance,
    .mu-page[data-view="A_SELECTED"] .mu-a-main>.mu-challenge{
        height:162px!important;
        min-height:162px!important;
        max-height:162px!important;
        border-radius:9px;
        background:#081725;
        overflow:hidden;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header{
        height:30px;
        min-height:30px;
        display:flex;
        align-items:center;
        padding:0 11px;
        border-bottom:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-balance>header h2,
    .mu-page[data-view="A_SELECTED"] .mu-challenge>header h2{
        margin:0;
        font-size:10.5px;
        font-weight:800;
        line-height:1;
        letter-spacing:.025em;
        text-transform:uppercase;
    }

    /* Rendimiento global — centered and balanced. */
    .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
        display:grid;
        grid-template-rows:30px 94px 14px 22px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance{
        min-height:0;
        display:grid;
        grid-template-columns:98px minmax(0,1fr);
        align-items:center;
        gap:8px;
        padding:0 10px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring{
        width:78px;
        height:78px;
        justify-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring strong{
        font-size:20px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-performance-ring span{
        font-size:7.5px;
        line-height:1.08;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl{
        display:grid;
        align-content:center;
        gap:3px;
        margin:0;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dl div{
        margin:0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dd{
        margin:0;
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-global-performance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
        margin:0;
        align-self:center;
        font-size:8.5px;
        line-height:1;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
        height:19px;
        min-height:19px;
        margin:0 8px 3px;
        padding:2px 4px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* Balance — same ring and same vertical center as card 1. */
    .mu-page[data-view="A_SELECTED"] .mu-balance>div{
        height:calc(100% - 30px);
        min-height:0;
        display:grid;
        grid-template-columns:98px minmax(0,1fr);
        grid-template-rows:minmax(0,1fr) 15px;
        align-items:center;
        gap:2px 8px;
        padding:2px 10px 5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
        width:78px;
        height:78px;
        justify-self:center;
        align-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl{
        margin:0;
        align-self:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
        margin:3px 0;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd{
        margin:0;
        font-size:16px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dd small{
        font-size:8.5px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance dt{
        margin-top:1px;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
        grid-column:1/-1;
        margin:0;
        align-self:center;
        font-size:8px;
        font-weight:650;
        line-height:1;
        text-align:center;
        text-transform:uppercase;
    }

    /* Más desafiante — restore a real vertical composition. */
    .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
        height:calc(100% - 30px);
        min-height:0;
        display:grid;
        grid-template-rows:30px 17px 20px 24px 13px 19px;
        align-content:center;
        justify-items:center;
        gap:1px;
        padding:2px 9px 5px;
        text-align:center;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge{
        width:27px;
        height:27px;
        flex-basis:27px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge b{
        font-size:10.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
        padding:3px 6px;
        font-size:7.5px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
        font-size:21px;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{
        font-size:7.5px;
        font-weight:600;
        line-height:1;
    }

    .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
        width:100%;
        height:19px;
        min-height:19px;
        margin:0;
        padding:2px;
        display:grid;
        place-items:center;
        font-size:8px;
        font-weight:700;
        line-height:1;
    }

    /* ---------------------------------------------------------
       LOWER RIVAL LIST
       Preserve current power bars and internal-scroll behaviour.
       --------------------------------------------------------- */
    .mu-page[data-view="A_SELECTED"] .mu-rivals{
        grid-column:1/-1;
        height:318px;
        min-height:318px;
        max-height:318px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
        height:38px;
        min-height:38px;
        flex:0 0 38px;
    }

    .mu-page[data-view="A_SELECTED"] #matchup-list-results{
        height:278px;
        min-height:278px;
        max-height:278px;
        flex:0 0 278px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table{
        height:278px;
        min-height:278px;
        max-height:278px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
        height:22px;
        min-height:22px;
        max-height:22px;
        flex:0 0 22px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
        height:256px;
        min-height:256px;
        max-height:256px;
        flex:0 0 256px;
    }

    .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
        height:32px;
        min-height:32px;
        max-height:32px;
    }

    /* Reading remains isolated to the right; no width/geometry invasion. */
    .mu-page[data-view="A_SELECTED"] .mu-reading{
        width:100%;
        min-width:0;
        margin:0;
    }
}

/* LAIREN A_ONLY PRODUCT V7
   Concept approved 2026-09-11:
   - Performance is primary.
   - Balance uses Performance (>52 / 48-52 / <48).
   - Most challenging prioritizes evidence Media/Alta (N>=6).
   - Rival list mirrors the approved GLOBAL table language.
   - No horizontal performance bars.
   - Reading LAIREN separates observed data from interpretation.
*/
@media(min-width:1181px) and (max-height:800px){
  .mu-page[data-view="A_SELECTED"] .mu-a-main{
    grid-template-rows:162px minmax(0,1fr);
  }

  /* Primary card */
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p{
    font-size:8.5px;
    color:#8fa2b5;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>p b{
    color:#d9e4ee;
    font-weight:800;
  }

  /* Challenge card: clean vertical composition */
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    grid-template-rows:30px 18px 18px 24px 14px 20px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
    border:1px solid #a95bdd;
    background:#a95bdd14;
    color:#cf8ff3;
  }

  /* Same header/tooling pattern as GLOBAL list */
  .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
    height:39px;
    min-height:39px;
    flex:0 0 39px;
    padding:0 10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-heading{
    min-width:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-heading h2{
    margin:0;
    font-size:10.5px;
    line-height:1;
    letter-spacing:.03em;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-heading>span{
    display:block;
    margin-top:3px;
    font-size:8px;
    color:#8193a6;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-tools{
    display:flex;
    align-items:center;
    gap:7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-tools>label{
    display:flex;
    align-items:center;
    gap:5px;
    color:#8fa0b3;
    font-size:8px;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-tools select{
    height:24px;
    min-width:136px;
    padding:0 24px 0 7px;
    border:1px solid #33485e;
    border-radius:5px;
    background:#091622;
    color:#dce6ef;
    font-size:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-tools .mu-table-filter{
    height:24px;
    padding:0 9px;
  }

  /* A_ONLY list = same density/language as GLOBAL, different data columns. */
  .mu-page[data-view="A_SELECTED"] #matchup-list-results{
    min-height:0;
    flex:1;
    height:auto;
    max-height:none;
    overflow:hidden;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table{
    height:100%;
    min-height:0;
    max-height:none;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th,
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
    grid-template-columns:
      minmax(150px,1.35fr)
      minmax(70px,.62fr)
      minmax(66px,.58fr)
      48px 48px 48px
      52px
      minmax(112px,.9fr)
      24px;
    gap:7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
    height:25px;
    min-height:25px;
    max-height:25px;
    flex:0 0 25px;
    padding:0 9px;
    font-size:7.7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
    min-height:0;
    height:auto;
    max-height:none;
    flex:1;
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
    height:27px;
    min-height:27px;
    max-height:27px;
    padding:3px 9px;
    font-size:8.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:first-child{
    gap:5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell strong{
    font-size:9.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-global-evidence{
    font-size:7.5px;
  }

  /* Remove any old experimental "power bar" styling from the visible list. */
  .mu-page[data-view="A_SELECTED"] .mu-a-rival-power,
  .mu-page[data-view="A_SELECTED"] .mu-a-rival-wr{
    display:none!important;
  }

  /* Reading LAIREN */
  .mu-page[data-view="A_SELECTED"] .mu-reading{
    padding:11px;
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading>header{
    padding:0 0 8px;
    border-bottom:1px solid #ffffff12;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading>header h2{
    margin:0;
    font-size:13px;
    letter-spacing:.03em;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading>header span{
    display:block;
    margin-top:5px;
    color:#80629b;
    font-size:6.8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading section{
    margin-top:8px;
    padding:9px;
    border:1px solid #ffffff12;
    border-radius:8px;
    background:#07131f99;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading h3{
    margin:0 0 6px;
    color:#c86ef4;
    font-size:9px;
    letter-spacing:.025em;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading p{
    margin:0;
    color:#b4c0cb;
    font-size:8.2px;
    line-height:1.42;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading p+p{
    margin-top:5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-kpis{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-bottom:7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-kpis>div{
    padding:6px 7px;
    border:1px solid #ffffff10;
    border-radius:6px;
    background:#0b1926;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-kpis strong{
    display:block;
    color:#e6edf5;
    font-size:15px;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-kpis span{
    display:block;
    margin-top:3px;
    color:#8395a7;
    font-size:6.8px;
    font-weight:800;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-balance{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5px;
    margin-bottom:6px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-balance span{
    padding:5px 4px;
    border:1px solid #ffffff10;
    border-radius:5px;
    background:#0b1926;
    font-size:7px;
    text-align:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-balance b{
    display:block;
    margin-bottom:2px;
    font-size:12px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list{
    list-style:none;
    margin:0;
    padding:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1px 6px;
    align-items:center;
    padding:4px 0;
    border-top:1px solid #ffffff0b;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li:first-child{
    border-top:0;
    padding-top:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>span{
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li b{
    overflow:hidden;
    font-size:8px;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong{
    font-size:9px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong.is-positive{color:var(--mu-green)}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong.is-even{color:var(--mu-yellow)}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong.is-negative{color:var(--mu-red)}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li small{
    grid-column:1/-1;
    padding-left:23px;
    color:#7f91a3;
    font-size:6.7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5px;
    margin-bottom:6px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence span{
    padding:5px 3px;
    border:1px solid #ffffff10;
    border-radius:5px;
    background:#0b1926;
    color:#9cafbf;
    font-size:7px;
    text-align:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence b{
    display:block;
    color:#e4edf5;
    font-size:12px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-summary{
    border-color:#a65bd755!important;
    background:#14102266!important;
  }

  /* Filter default language */
  .mu-page[data-view="A_SELECTED"] .mu-ranges button[data-range="format"]{
    min-width:92px;
  }
}

/* A+B approved blocks; scoped so GLOBAL and A_ONLY keep their layout. */
.mu-pair-view .mu-recent{grid-column:1 / -1;grid-row:2}
.mu-pair-view .mu-pair-hero{height:auto;grid-template-rows:38px 108px minmax(70px,1fr) 40px}
.mu-pair-view .mu-pair-hero .mu-duel{height:auto;min-height:108px}
.mu-pair-view .mu-pair-hero footer{height:auto;min-height:40px}
.mu-pair-view .mu-pair-record{min-height:70px}
.mu-pair-view .mu-pair-reading{grid-column:2;grid-row:1}
@media(max-width:900px){.mu-pair-view .mu-pair-hero{display:block}.mu-pair-view .mu-pair-bottom{display:block}.mu-pair-view .mu-pair-reading,.mu-pair-view .mu-recent{margin-top:10px}}

/* MATCHUPS responsive composition. Desktop rules above remain authoritative. */
@media (max-width:980px){
  .mu-page{height:auto;min-height:calc(100vh - 54px)}
  .mu-shell{width:100%;max-width:none;padding:12px clamp(10px,3vw,20px) 18px}
  .mu-table-panel,.mu-page .mu-recent{height:auto;min-height:0;max-height:none}
  .mu-page .mu-tbody,.mu-page .mu-events,.mu-page .mu-reading,.mu-page .mu-pair-reading{
    height:auto;max-height:none;overflow-y:visible;scrollbar-gutter:auto;
  }
  .mu-global-view,.mu-a-view,.mu-pair-view,.mu-a-main,.mu-pair-bottom{height:auto!important}
}

@media (max-width:768px){
  .mu-shell{padding-inline:10px}
  .mu-topbar{gap:10px}
  .mu-topbar h1{font-size:22px}
  .mu-controls{
    display:grid;width:100%;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;
  }
  .mu-picker{width:100%;min-width:0}
  .mu-picker label{margin-bottom:4px;font-size:9px}
  .mu-picker input{height:42px;font-size:13px}
  .mu-vs{height:20px;display:grid;place-items:center;margin:0;font-size:11px}
  .mu-swap{display:none}
  .mu-filter-trigger{grid-column:auto;width:100%;height:40px;font-size:11px}
  .mu-filters #filters-panel{position:fixed;z-index:120;inset:58px 10px auto;width:auto!important;max-height:calc(100vh - 72px);overflow-y:auto}
  .mu-ranges{flex-wrap:wrap}
  .mu-filter-grid{display:grid;grid-template-columns:1fr!important}

  .mu-panel>header,.mu-panorama>header,.mu-recent>header{height:auto;min-height:40px;padding:7px 10px}
  .mu-panel h2,.mu-panorama h2{font-size:11px;line-height:1.3}

  /* GLOBAL */
  .mu-page[data-view="GLOBAL"] .mu-global-dashboard{display:block!important}
  .mu-page[data-view="GLOBAL"] .mu-global-main,
  .mu-page[data-view="GLOBAL"] .mu-global-sidebar{display:block}
  .mu-page[data-view="GLOBAL"] .mu-panorama{overflow:hidden}
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{height:auto;min-height:0;grid-template-columns:1fr;padding:8px;gap:8px}
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{height:auto;min-height:132px}
  .mu-page[data-view="GLOBAL"] .mu-context>div{height:auto;padding:0 12px 12px}
  .mu-page[data-view="GLOBAL"] .mu-season{height:auto!important;min-height:44px}
  .mu-page[data-view="GLOBAL"] .mu-editions{height:auto;padding:10px 0}
  .mu-page[data-view="GLOBAL"] .mu-editions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:10px 8px}
  .mu-page[data-view="GLOBAL"] .mu-editions li{min-width:0}
  .mu-page[data-view="GLOBAL"] .mu-context dl{display:grid;grid-template-columns:1fr;height:auto;gap:0}
  .mu-page[data-view="GLOBAL"] .mu-context dl div{min-height:36px}
  .mu-page[data-view="GLOBAL"] .mu-distribution>div{height:auto;grid-template-columns:1fr;padding:14px 12px;justify-items:center;gap:14px}
  .mu-page[data-view="GLOBAL"] .mu-distribution ol{width:100%}
  .mu-page[data-view="GLOBAL"] .mu-distribution li{min-height:28px;grid-template-columns:34px minmax(0,1fr) auto}
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{align-items:flex-start;flex-direction:column;gap:8px}
  .mu-page[data-view="GLOBAL"] .mu-global-table-tools{width:100%;flex-wrap:wrap;justify-content:flex-start}
  .mu-page[data-view="GLOBAL"] #global-matchups,
  .mu-page[data-view="GLOBAL"] .mu-global-table,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{width:100%;min-width:0!important;max-width:none}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{display:none}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{display:grid;gap:8px;padding:8px;background:#07131f}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    width:100%;height:auto;min-height:0;max-height:none;display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;padding:10px;
    border:1px solid #ffffff16;border-radius:8px;background:#0b1926;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>*{display:block!important;min-width:0}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(1),
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){
    grid-column:span 3;display:flex!important;align-items:center;gap:6px;font-size:11px;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(1){grid-row:1}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{grid-column:4;grid-row:1 / span 2;display:grid!important;place-items:center;color:#a86bda;font-style:normal}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){grid-row:2}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(n+4):nth-child(-n+10){
    padding-top:17px;position:relative;text-align:center;font-size:10px;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(n+4):nth-child(-n+10)::before{
    position:absolute;top:0;left:0;right:0;color:#7f91a3;font-size:7px;font-weight:800;text-align:center;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(4)::before{content:"WR A"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(5)::before{content:"WR B"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(6)::before{content:"G"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(7)::before{content:"E"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(8)::before{content:"P"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(9)::before{content:"PARTIDAS"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(10)::before{content:"EVIDENCIA"}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(9),
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(10){grid-column:span 2}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{position:absolute;right:12px;bottom:8px}

  /* A_ONLY rival rows become compact metric cards and keep every value. */
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary{grid-template-columns:1fr;height:auto!important;min-height:0!important;max-height:none!important;padding:12px}
  .mu-page[data-view="A_SELECTED"] .mu-kpis{grid-template-columns:1fr 1fr;height:auto}
  .mu-page[data-view="A_SELECTED"] .mu-kpis>div{min-height:62px;padding:8px}
  .mu-page[data-view="A_SELECTED"] .mu-balance,
  .mu-page[data-view="A_SELECTED"] .mu-challenge{height:auto!important;min-height:0!important;max-height:none!important}
  .mu-page[data-view="A_SELECTED"] .mu-rivals{height:auto!important;min-height:0!important;max-height:none!important}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{display:none}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{display:grid;gap:8px;padding:8px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
    width:100%;height:auto;min-height:0;max-height:none;display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 5px;padding:10px;
    border:1px solid #ffffff16;border-radius:8px;background:#0b1926;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>*{display:block!important;min-width:0;text-align:center}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:first-child{
    grid-column:1/-1;display:flex!important;align-items:center;gap:7px;text-align:left;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(n+2):nth-child(-n+8){position:relative;padding-top:16px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(n+2):nth-child(-n+8)::before{
    position:absolute;top:0;left:0;right:0;color:#7f91a3;font-size:7px;font-weight:800;text-align:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(2)::before{content:"PERFORMANCE"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(3)::before{content:"WIN RATE"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(4)::before{content:"G"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(5)::before{content:"E"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(6)::before{content:"P"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(7)::before{content:"PARTIDAS"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(8)::before{content:"EVIDENCIA"}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(7),
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:nth-child(8){grid-column:span 2}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>i{display:none!important}
  .mu-page[data-view="A_SELECTED"] .mu-reading{height:auto!important;min-height:0;max-height:none!important}

  /* A+B: vertical identity hierarchy, natural reading and recent-result cards. */
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{display:block}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{display:grid;height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:auto auto auto auto}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:7px;padding:10px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child{
    width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;
    gap:2px 10px;padding:8px;text-align:left;border:1px solid #ffffff12;border-radius:7px;background:#0a1724;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-identity,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child .mu-identity{grid-column:1;grid-row:1/4;align-self:center;justify-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>strong{grid-column:2;justify-self:start;text-align:left}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong{font-size:25px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs{height:28px;display:grid;place-items:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{height:auto;min-height:0;display:grid;grid-template-columns:1fr;padding:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{min-height:54px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{height:auto;min-height:40px;flex-wrap:wrap;padding:8px 10px;text-align:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{height:auto!important;min-height:0!important;max-height:none!important;margin-top:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-recent{height:auto!important;min-height:0!important;max-height:none!important;margin-top:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events{display:grid;gap:8px;padding:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article{
    min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:10px;
    border:1px solid #ffffff14;border-radius:7px;background:#0b1926;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-events time{grid-column:1;font-size:9px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div{grid-column:1/-1;grid-row:2}
  .mu-page[data-view="A_B_SELECTED"] .mu-events b,
  .mu-page[data-view="A_B_SELECTED"] .mu-events span{white-space:normal;text-overflow:clip}
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{grid-column:1;grid-row:3;align-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-events mark{grid-column:2;grid-row:1;min-width:34px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events details{grid-column:2;grid-row:3;display:block;text-align:right}
  .mu-page[data-view="A_B_SELECTED"] .mu-events details small{position:static;display:block;margin-top:3px}
}

@media (max-width:430px){
  .mu-page[data-view="GLOBAL"] .mu-editions ul{grid-template-columns:1fr}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(1),
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){grid-column:1/-1}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{display:none!important}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(9),
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(10){grid-column:auto}
  .mu-page[data-view="A_SELECTED"] .mu-kpis{grid-template-columns:1fr}
}

.mu-events .mu-event-archetypes{display:none}

@media (max-width:768px){
  .mu-panel h2,.mu-panorama h2{max-width:100%;overflow-wrap:anywhere}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody,
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody,
  .mu-page[data-view="A_SELECTED"] .mu-reading,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading,
  .mu-page[data-view="A_B_SELECTED"] .mu-events{overflow-y:visible!important}
  .mu-page[data-view="A_B_SELECTED"] .mu-event-archetypes{display:block;margin-top:3px;color:#a878cc;font-size:8px}
}

/* Final mobile flow and GLOBAL card density. */
@media (max-width:768px){
  .mu-page .mu-shell{display:block!important}
  .mu-page .mu-topbar{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:flex-start!important;height:auto!important;min-height:0!important;gap:10px!important;
  }
  .mu-page .mu-controls{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;height:auto!important;min-height:0!important;gap:6px!important;
  }
  .mu-page .mu-picker{width:100%!important;min-width:0!important}
  .mu-page .mu-picker input{width:100%!important;height:42px!important}
  .mu-page .mu-vs{height:20px!important;margin:0!important}
  .mu-page .mu-filter-trigger{grid-column:1!important;width:100%!important;height:40px!important}
  .mu-page .mu-filters{height:auto!important;min-height:0!important}
  .mu-page #matchups-results{position:static!important;height:auto!important;margin-top:12px!important}

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px;padding:7px 9px;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(1),
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(3){grid-column:1/-1;min-height:20px}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{display:none!important}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(n+4):nth-child(-n+9){padding-top:13px}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(4){grid-column:1;grid-row:3}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(5){grid-column:2;grid-row:3}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(9){grid-column:3;grid-row:3}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(6){grid-column:1;grid-row:4}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(7){grid-column:2;grid-row:4}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(8){grid-column:3;grid-row:4}
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(10){
    grid-column:1/-1;grid-row:5;padding:4px 0 0;border-top:1px solid #ffffff0d;text-align:left;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:nth-child(10)::before{
    position:static;display:inline;margin-right:5px;content:"Evidencia:";font-size:7px;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{display:none!important}
}


/* GLOBAL V_NEXT2 — una sola columna estable sin Contexto del Meta */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-shell{
    display:block !important;
    width:100%;
    max-width:none;
    height:auto !important;
    min-height:0 !important;
    padding:8px 0 14px;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar{
    display:flex !important;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    width:100%;
    margin:0 0 8px;
  }

  .mu-page[data-view="GLOBAL"] .mu-controls{
    display:flex !important;
    align-items:end;
    gap:7px;
  }

  .mu-page[data-view="GLOBAL"] .mu-filters{
    width:100%;
    height:0;
  }

  .mu-page[data-view="GLOBAL"] #matchups-results{
    display:block !important;
    width:100%;
    height:auto !important;
    min-height:0;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-dashboard{
    display:block !important;
    width:100%;
    height:auto !important;
    min-height:0;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-main{
    display:grid !important;
    width:100%;
    height:auto !important;
    grid-template-rows:136px 328px !important;
    gap:9px !important;
    margin:0;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-sidebar--data-only{
    display:none !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama,
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    width:100%;
    min-width:0;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:328px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    width:100%;
  }
}


/* GLOBAL V_NEXT3 — usar el alto disponible con tipografía legible */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:136px 376px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:376px !important;
    min-height:376px !important;
    padding-bottom:0 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:40px !important;
    min-height:40px !important;
    flex:0 0 40px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header h2{
    font-size:16px;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:336px !important;
    min-height:336px !important;
    max-height:336px !important;
    flex:0 0 336px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:336px !important;
    min-height:336px !important;
    max-height:336px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    flex:0 0 24px !important;
    padding-inline:10px;
    font-size:9.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:312px !important;
    min-height:312px !important;
    max-height:312px !important;
    flex:0 0 312px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:2px 10px !important;
    font-size:11px !important;
    line-height:1.15 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-archetype-font-size:11px;
    --matchup-badge-size:20px;
    --matchup-single-symbol-size:16px;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:not(:first-child):not(:nth-child(3)){
    font-size:10.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-evidence{
    font-size:10px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{
    font-size:17px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:336px !important;
    min-height:336px !important;
    max-height:336px !important;
    flex:0 0 336px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matrix thead th{
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    font-size:9.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody tr,
  .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>th,
  .mu-page[data-view="GLOBAL"] .mu-global-matrix tbody>tr>td{
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    font-size:10.5px !important;
  }
}


/* GLOBAL V_NEXT4 — jerarquía, separación y 12 cruces visibles */
@media(min-width:1181px){
  /* Título realmente centrado con el símbolo, controles a la derecha. */
  .mu-page[data-view="GLOBAL"] .mu-topbar{
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    align-items:center !important;
    gap:14px !important;
    width:100%;
    min-height:48px;
    margin:0 0 8px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1{
    grid-column:2 !important;
    justify-self:center !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    margin:0 !important;
    font-size:25px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{
    content:"\2694" !important;
    width:auto !important;
    height:auto !important;
    display:block !important;
    color:#af62e7;
    font-size:27px !important;
    line-height:1 !important;
    text-shadow:0 0 16px rgba(169,94,227,.35);
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{
    content:none !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-controls{
    grid-column:3 !important;
    justify-self:end !important;
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-picker{
    width:164px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-picker input{
    height:30px !important;
    padding:0 10px !important;
    background:#07131f !important;
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-vs{
    margin:0 !important;
    align-self:center !important;
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
    height:30px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }

  /* Panorama con alto propio: no invade la tabla siguiente. */
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:154px 370px !important;
    gap:10px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama{
    height:154px !important;
    min-height:154px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama>header{
    height:34px !important;
    min-height:34px !important;
    flex:0 0 34px !important;
    padding:0 12px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama>header h2{
    font-size:15px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    height:120px !important;
    min-height:120px !important;
    max-height:120px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    padding:7px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    height:106px !important;
    min-height:106px !important;
    max-height:106px !important;
    padding:7px 10px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content,
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content,
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{
    grid-template-rows:14px 20px 26px 24px 14px !important;
    row-gap:1px !important;
    min-height:0 !important;
  }

  /* Tabla: tipografía legible y 12 cruces completos visibles. */
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:370px !important;
    min-height:370px !important;
    max-height:370px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:42px !important;
    min-height:42px !important;
    flex:0 0 42px !important;
    padding:0 12px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header h2{
    font-size:16px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:328px !important;
    min-height:328px !important;
    max-height:328px !important;
    flex:0 0 328px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:328px !important;
    min-height:328px !important;
    max-height:328px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    flex:0 0 28px !important;
    padding:0 10px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    flex:0 0 300px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    padding:2px 10px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-archetype-font-size:11.5px;
    --matchup-badge-size:20px;
    --matchup-single-symbol-size:16px;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b{
    font-size:11.5px !important;
    font-weight:600 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:not(:first-child):not(:nth-child(3)){
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-evidence{
    font-size:10.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{
    font-size:17px !important;
  }

  /* Matriz conserva la misma geometría del panel. */
  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:328px !important;
    min-height:328px !important;
    max-height:328px !important;
    flex:0 0 328px !important;
  }
}


/* GLOBAL V_NEXT5 — título a la izquierda, panorama sin cabecera y tabla mejor distribuida */
@media(min-width:1181px){
  /* ENFRENTAMIENTOS vuelve a la izquierda y queda centrado verticalmente. */
  .mu-page[data-view="GLOBAL"] .mu-topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100%;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 2px !important;
    gap:18px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1{
    flex:0 0 auto;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    font-size:25px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1::before{
    content:"\2694" !important;
    width:auto !important;
    height:auto !important;
    display:block !important;
    color:#af62e7;
    font-size:26px !important;
    line-height:1 !important;
    text-shadow:0 0 16px rgba(169,94,227,.35);
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1::after{
    content:none !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-controls{
    margin-left:auto !important;
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-picker{
    width:165px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-picker input{
    height:30px !important;
    padding:0 10px !important;
    background:#07131f !important;
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-vs{
    margin:0 !important;
    align-self:center !important;
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-filter-trigger{
    height:30px !important;
    padding:0 14px !important;
    font-size:10px !important;
  }

  /* Sin título de Panorama: todo el alto es para las 3 tarjetas. */
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:142px 369px !important;
    gap:10px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama{
    height:142px !important;
    min-height:142px !important;
    max-height:142px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    height:142px !important;
    min-height:142px !important;
    max-height:142px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:7px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
    padding:8px 12px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-content,
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-matchup-card .mu-meta-card-content,
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-global-performance-card .mu-meta-card-content{
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    align-content:center !important;
    grid-template-rows:16px 22px 30px 28px 16px !important;
    row-gap:2px !important;
    padding:0 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-card-label{
    font-size:12px !important;
    line-height:1.1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-matchup b,
  .mu-page[data-view="GLOBAL"] .mu-meta-global-name b{
    font-size:11.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-rates strong,
  .mu-page[data-view="GLOBAL"] .mu-meta-global-rate strong{
    font-size:26px !important;
    line-height:1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-rates em{
    font-size:10px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-record span{
    font-size:9px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-record b{
    font-size:15px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-meta-trace{
    font-size:9.5px !important;
  }

  /* Tabla: 11 cruces completos, más legibles, sin perderse bajo la pantalla. */
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:369px !important;
    min-height:369px !important;
    max-height:369px !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:42px !important;
    min-height:42px !important;
    flex:0 0 42px !important;
    padding:0 12px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header h2{
    font-size:16px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:327px !important;
    min-height:327px !important;
    max-height:327px !important;
    flex:0 0 327px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:327px !important;
    min-height:327px !important;
    max-height:327px !important;
    overflow:hidden !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    flex:0 0 30px !important;
    padding:0 10px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:297px !important;
    min-height:297px !important;
    max-height:297px !important;
    flex:0 0 297px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    padding:2px 10px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
  }

  /* Reparte el ancho donde sirve: más aire entre A y VS, y B más cerca de los WR. */
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    grid-template-columns:
      245px
      46px
      245px
      90px
      90px
      70px
      70px
      70px
      70px
      minmax(150px,1fr)
      42px !important;
    column-gap:5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{
    width:46px !important;
    min-width:46px !important;
    transform:none !important;
    justify-content:center !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-archetype-font-size:11.5px;
    --matchup-badge-size:20px;
    --matchup-single-symbol-size:16px;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b{
    font-size:11.5px !important;
    font-weight:600 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:not(:first-child):not(:nth-child(3)){
    font-size:11px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-evidence{
    font-size:10.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{
    font-size:17px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:327px !important;
    min-height:327px !important;
    max-height:327px !important;
    flex:0 0 327px !important;
  }
}


/* GLOBAL V_NEXT6 — respiración lateral, tarjetas libres y cierre limpio */
@media(min-width:1181px){
  /* Un poco de margen lateral como en el resto de las pantallas. */
  .mu-page[data-view="GLOBAL"] .mu-shell{
    width:100% !important;
    max-width:none !important;
    padding:2px 10px 12px !important;
  }

  /* Título un poco más arriba: menos aire arriba y mismo centrado vertical interno. */
  .mu-page[data-view="GLOBAL"] .mu-topbar{
    min-height:38px !important;
    height:38px !important;
    margin:0 0 6px !important;
    padding:0 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-topbar h1{
    transform:translateY(-1px);
  }

  /* Las tres tarjetas quedan libres: sin panel exterior que las encierre. */
  .mu-page[data-view="GLOBAL"] .mu-panorama{
    height:136px !important;
    min-height:136px !important;
    max-height:136px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    height:136px !important;
    min-height:136px !important;
    max-height:136px !important;
    gap:10px !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    height:136px !important;
    min-height:136px !important;
    max-height:136px !important;
    padding:10px 13px !important;
    border-radius:9px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:136px 342px !important;
    gap:10px !important;
  }

  /* Un cruce menos visible: 10 filas completas y aire real al pie. */
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:342px !important;
    min-height:342px !important;
    max-height:342px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    flex:0 0 300px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
    flex:0 0 270px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    flex:0 0 300px !important;
  }
}


/* GLOBAL V_NEXT7 — tabla más grande y mejor uso del alto disponible */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:136px 374px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:374px !important;
    min-height:374px !important;
    max-height:374px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:42px !important;
    min-height:42px !important;
    flex:0 0 42px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:332px !important;
    min-height:332px !important;
    max-height:332px !important;
    flex:0 0 332px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:332px !important;
    min-height:332px !important;
    max-height:332px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-th{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    flex:0 0 32px !important;
    padding:0 11px !important;
    font-size:11.5px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    flex:0 0 300px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    padding:2px 11px !important;
    font-size:12.5px !important;
    line-height:1.1 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    --matchup-archetype-font-size:12.5px;
    --matchup-badge-size:21px;
    --matchup-single-symbol-size:17px;
    --matchup-badge-name-gap:7px;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr b{
    font-size:12.5px !important;
    font-weight:650 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr strong,
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>span:not(:first-child):not(:nth-child(3)){
    font-size:12px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-row-vs{
    font-size:12px !important;
    font-weight:800 !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-evidence,
  .mu-page[data-view="GLOBAL"] .mu-global-evidence{
    font-size:11.5px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr>i{
    font-size:18px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:332px !important;
    min-height:332px !important;
    max-height:332px !important;
    flex:0 0 332px !important;
  }
}


/* GLOBAL V_NEXT8 — cierre con margen inferior visible */
@media(min-width:1181px){
  /* Mantener la tipografía grande, pero mostrar 9 cruces completos para
     que el panel termine antes del borde inferior de la ventana. */
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:136px 344px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:344px !important;
    min-height:344px !important;
    max-height:344px !important;
    margin-bottom:12px !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:302px !important;
    min-height:302px !important;
    max-height:302px !important;
    flex:0 0 302px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:302px !important;
    min-height:302px !important;
    max-height:302px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;
    flex:0 0 270px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:302px !important;
    min-height:302px !important;
    max-height:302px !important;
    flex:0 0 302px !important;
  }
}


/* GLOBAL V_NEXT9 — cabeceras de columnas al mismo tamaño que DETALLE */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head{
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-sort-head span{
    font-size:10px !important;
  }
}


/* GLOBAL V_NEXT10 — menos aire debajo de la lista */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-shell{
    padding-bottom:4px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    margin-bottom:2px !important;
  }
}


/* GLOBAL V_NEXT11 — cierre inferior más ajustado sin cortar filas */
@media(min-width:1181px){
  .mu-page[data-view="GLOBAL"] .mu-global-main{
    grid-template-rows:136px 362px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    height:362px !important;
    min-height:362px !important;
    max-height:362px !important;
    margin-bottom:0 !important;
  }

  .mu-page[data-view="GLOBAL"] #global-matchups{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    flex:0 0 320px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tbody{
    height:288px !important;
    min-height:288px !important;
    max-height:288px !important;
    flex:0 0 288px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-global-table .mu-tr{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
  }

  .mu-page[data-view="GLOBAL"] .mu-matrix-wrap{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    flex:0 0 320px !important;
  }
}


/* ==========================================================
   ENFRENTAMIENTOS MOVIL V3 — comparador compacto + tabla real
   Sólo vista GLOBAL en teléfonos; el escritorio, A y A+B se conservan.
   ========================================================== */
.mu-mobile-selectors-anchor:empty,
.mu-mobile-horizontal-hint{display:none}
@media(max-width:700px){
  /* Título y FILTROS arriba, sin los dos selectores gigantes. */
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-shell{
    display:block !important;
    padding:9px 10px 16px !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:43px !important;
    height:auto !important;
    gap:8px !important;
    margin:0 0 7px !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar h1{
    min-width:0;
    margin:0 !important;
    font-size:18px !important;
    line-height:1.1 !important;
    letter-spacing:.01em !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    gap:5px !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar h1::before{
    width:24px !important;
    height:24px !important;
    font-size:23px !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar h1::after{
    display:none !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar>.mu-filter-trigger{
    display:flex !important;
    flex:none !important;
    align-self:center !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:94px !important;
    height:34px !important;
    min-height:34px !important;
    padding:4px 8px !important;
    gap:5px !important;
    grid-column:auto !important;
    border-radius:6px !important;
    font-size:11px !important;
    line-height:1 !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar>.mu-filter-trigger::before{
    width:16px !important;
    height:16px !important;
    grid-row:auto !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-topbar>.mu-filter-trigger span{
    display:none !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-filters{
    position:relative;
    margin:0 !important;
    min-height:0 !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked #matchups-results,
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-global-dashboard,
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-global-main{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .mu-page[data-view="GLOBAL"].mu-mobile-selectors-docked .mu-panorama{
    margin-bottom:8px !important;
  }
  /* Los inputs A/VS/B quedan en UNA fila justo antes de la tabla. */
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor{
    display:block !important;
    position:relative;
    z-index:8;
    margin:7px 0 8px;
    padding:7px;
    border:1px solid #30465b;
    border-radius:8px;
    background:#0b1b2c;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor:empty{
    display:none !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-controls{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) !important;
    grid-auto-rows:34px;
    align-items:center !important;
    width:100% !important;
    gap:5px !important;
    padding:0 !important;
    margin:0 !important;
    flex-wrap:nowrap !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-picker{
    width:100% !important;
    min-width:0 !important;
    flex:initial !important;
    height:34px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-picker input{
    display:block !important;
    box-sizing:border-box;
    width:100% !important;
    min-width:0 !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 8px !important;
    border-radius:5px !important;
    background:#071522 !important;
    font-size:12px !important;
    text-overflow:ellipsis;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-picker input::placeholder{
    font-size:11px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-vs{
    grid-column:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:34px !important;
    min-height:34px !important;
    margin:0 !important;
    font-size:11px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-swap,
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-filter-trigger{
    display:none !important;
  }
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor .mu-suggestions{
    top:36px !important;
    max-height:min(40dvh,240px);
    z-index:200 !important;
  }
  /* La lista móvil vuelve a ser una tabla de una fila por cruce.
     11 columnas reales: se desliza horizontalmente sin esconder datos. */
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 8px !important;
    overflow:hidden !important;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header{
    height:auto !important;
    min-height:54px !important;
    padding:8px 9px !important;
    align-items:flex-start !important;
    gap:6px !important;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-matchups-panel>header h2{
    font-size:14px !important;
    line-height:1.15 !important;
  }
  .mu-page[data-view="GLOBAL"] .mu-global-table-tools{
    width:100% !important;
    gap:4px !important;
    flex-wrap:wrap !important;
  }
  .mu-page[data-view="GLOBAL"] .mu-mobile-horizontal-hint{
    display:block !important;
    flex:none;
    margin:0 !important;
    padding:4px 9px 5px;
    color:#8cabbf;
    font-size:10px;
    font-weight:600;
    line-height:1.2;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups{
    display:block !important;
    flex:initial !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:min(65dvh,610px) !important;
    overflow:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#45617a transparent;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table{
    box-sizing:border-box;
    display:flex !important;
    flex-direction:column !important;
    width:665px !important;
    min-width:665px !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-th,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr{
    box-sizing:border-box;
    display:grid !important;
    grid-template-columns:130px 18px 130px 56px 56px 34px 34px 34px 42px 62px 17px !important;
    gap:3px !important;
    width:665px !important;
    min-width:665px !important;
    max-width:none !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 7px !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-th{
    position:sticky !important;
    top:0 !important;
    z-index:2;
    height:31px !important;
    min-height:31px !important;
    max-height:31px !important;
    color:#9eb8ca !important;
    border-bottom:1px solid #2c465b;
    background:#081624 !important;
    font-size:9px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tbody{
    box-sizing:border-box;
    display:block !important;
    flex:initial !important;
    width:665px !important;
    min-width:665px !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr{
    position:relative;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    border:0 !important;
    border-bottom:1px solid #243b4c !important;
    background:transparent !important;
    font-size:10px !important;
    line-height:1.15 !important;
    text-align:left !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr:nth-child(even){
    background:#102234 !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr>*{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr>span:first-child,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr>span:nth-child(3){
    justify-content:flex-start !important;
    gap:4px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr b{
    font-size:10px !important;
    font-weight:650 !important;
    text-overflow:ellipsis !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr .mu-rate-cell strong{
    font-size:10px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr .mu-evidence{
    font-size:9px !important;
    gap:2px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr .mu-evidence::before{
    font-size:10px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr>i{
    font-size:13px !important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-global-table .mu-tr .mu-global-identity{
    display:none !important;
  }
}


/* ==========================================================
   ENFRENTAMIENTOS MOVIL V4 — cuatro datos y filas sin superposición
   La tabla móvil tiene clases propias: no reutiliza .mu-tr.
   ========================================================== */
@media(min-width:701px){
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card.is-volume{
    display:none!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups>.mu-phone-matchups{
    display:none!important;
  }
}
@media(max-width:700px){
  .mu-page[data-view="GLOBAL"] .mu-panorama{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(4,122px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    gap:7px!important;
    padding:7px!important;
    overflow:visible!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    padding:6px 9px!important;
    overflow:hidden!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card .mu-meta-card-content{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:14px 18px 29px 24px 15px!important;
    align-content:center!important;
    row-gap:2px!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-card-label{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup{
    min-height:0!important;
    gap:3px!important;
    font-size:10px!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-matchup b,
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-name b{
    font-size:10px!important;
    line-height:1.1!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-rates strong,
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-global-rate strong{
    font-size:22px!important;
    line-height:1!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record{
    min-height:0!important;
    align-items:center!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record span{
    font-size:8px!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-record b{
    font-size:12px!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid .mu-meta-trace{
    min-height:0!important;
    font-size:8.5px!important;
    line-height:1.1!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-volume{
    border-color:rgba(58,158,217,.65)!important;
    background:linear-gradient(140deg,#092137,#081723)!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-meta-card.is-volume .mu-meta-card-label{
    color:#4bc7ff!important;
  }

  /* Esconder exclusivamente la representación defectuosa del móvil:
     se mantiene en el DOM para la vista de escritorio sin modificarla. */
  .mu-page[data-view="GLOBAL"] #global-matchups>.mu-global-table{
    display:none!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups>.mu-phone-matchups{
    box-sizing:border-box;
    display:block!important;
    width:660px!important;
    min-width:660px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#081625;
    color:#e8f1fa;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:118px 22px 118px 58px 58px 35px 35px 35px 45px 70px 20px!important;
    column-gap:3px!important;
    align-items:center!important;
    width:660px!important;
    min-width:660px!important;
    max-width:660px!important;
    margin:0!important;
    padding:0 8px!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head{
    position:sticky!important;
    top:0!important;
    z-index:4!important;
    min-height:31px!important;
    height:31px!important;
    background:#071725!important;
    border-bottom:1px solid #35516b!important;
    color:#a5bacb!important;
    font-size:9px!important;
    font-weight:800!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row{
    position:static!important;
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    border:0!important;
    border-bottom:1px solid #243e54!important;
    border-radius:0!important;
    background:#0b1929!important;
    color:#e4edf6!important;
    font:inherit;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.15!important;
    cursor:pointer;
    touch-action:pan-x pan-y;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row:nth-child(even){
    background:#0f2436!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row:active{
    background:#1d3e59!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row>span,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span{
    box-sizing:border-box;
    display:block!important;
    position:static!important;
    grid-area:auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
    font-size:inherit!important;
    line-height:1.15!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:first-child,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:nth-child(3),
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row>.mu-phone-name{
    text-align:left!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .mu-phone-vs{
    color:#c988ef!important;
    font-size:9px!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .good{color:#45d59a!important}
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .bad{color:#ef6674!important}
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .even{color:#e7bb53!important}
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .mu-phone-evidence{
    font-size:9px!important;
    color:#d6acfa!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row .mu-phone-detail{
    color:#5bcaff!important;
    font-size:17px!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-empty{
    margin:0;
    padding:14px 10px;
    color:#96aab9;
    font-size:11px;
  }
}


/* ==========================================================
   ENFRENTAMIENTOS MOVIL V5 — panorama de cuatro tarjetas en
   primer pantallazo, tabla ordenable y sin sidebar Dominación.
   Todos los overrides se limitan a GLOBAL + teléfono.
   ========================================================== */
@media(max-width:700px){
  /* Reservar el alto visible para las 4 tarjetas. El título/navbar
     permanecen arriba; los selectores y tabla comienzan al desplazarse. */
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    height:var(--mu-phone-cards-height,calc(100svh - 155px))!important;
    min-height:0!important;
    max-height:none!important;
    gap:7px!important;
    padding:7px!important;
  }
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
  }
  /* Datos de Dominación/ediciones vigentes: fuera de la página móvil.
     No suprimir la estructura JS ni el análisis de escritorio. */
  .mu-page[data-view="GLOBAL"] .mu-global-sidebar,
  .mu-page[data-view="GLOBAL"] .mu-global-sidebar--data-only{
    display:none!important;
  }
  /* Títulos pulsables: una misma columna en encabezado y filas. */
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    height:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:first-child,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:nth-child(3){
    justify-content:flex-start!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head button.mu-phone-sort{
    display:inline-flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:2px!important;
    width:100%!important;
    min-height:29px!important;
    padding:0 1px!important;
    border:0!important;
    border-radius:3px!important;
    background:transparent!important;
    color:#a5bacb!important;
    font-family:inherit!important;
    font-size:9px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    cursor:pointer;
    touch-action:manipulation;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:first-child button.mu-phone-sort,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head>span:nth-child(3) button.mu-phone-sort{
    justify-content:flex-start!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head button.mu-phone-sort.is-active{
    color:#e5b4ff!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head button.mu-phone-sort span{
    color:#ddb2f5!important;
    font-size:10px!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head button.mu-phone-sort:focus-visible{
    outline:2px solid #65d2ff!important;
    outline-offset:-2px!important;
  }
}

/* LAIREN teléfono — cierre de la pantalla GLOBAL, octubre 2026.
   Sólo cuatro tarjetas en el primer pantallazo; tabla y selectores debajo. */
@media (max-width:700px){
  .mu-page[data-view="GLOBAL"] .mu-global-sidebar,
  .mu-page[data-view="GLOBAL"] #meta-context,
  .mu-page[data-view="GLOBAL"] .mu-season,
  .mu-page[data-view="GLOBAL"] .mu-editions,
  .mu-page[data-view="GLOBAL"] .mu-rotation{display:none!important}
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid{min-height:0!important;max-height:none!important}
  .mu-page[data-view="GLOBAL"] .mu-panorama-grid>.mu-meta-card{min-height:0!important;max-height:none!important}
  .mu-page[data-view="GLOBAL"] #global-mobile-selectors-anchor{clear:both}
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head,
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row{
    grid-template-columns:118px 22px 118px 58px 58px 35px 35px 35px 45px 70px 20px!important;
    column-gap:3px!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-row>.mu-phone-name{
    text-align:left!important;
  }
  .mu-page[data-view="GLOBAL"] #global-matchups .mu-phone-table-head button.mu-phone-sort{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
}