/*
 * LAIREN MATCHUPS — A_ONLY
 * Clean, single-source visual layer.
 * GLOBAL and A+B are intentionally untouched: every selector is scoped to A_SELECTED.
 */

@media (min-width:1181px){
  .mu-page[data-view="A_SELECTED"]{
    height:calc(100dvh - 37px);
    min-height:0!important;
    overflow:hidden;
  }

  /* Match GLOBAL's outer frame: same left edge, same right column, same desktop gap. */
  .mu-page[data-view="A_SELECTED"] .mu-shell{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(320px,25vw,340px);
    grid-template-rows:auto 0 minmax(0,1fr);
    column-gap:20px;
    row-gap:0;
    /* Give the fixed nav a little more breathing room.
       A_ONLY starts 5px lower than v5 so ENFRENTAMIENTOS and LECTURA LAIREN
       no longer look clipped against the top bar. */
    box-sizing:border-box;
    padding:14px 0 0;
    overflow:hidden;
  }

  /* Header uses the same compact rhythm as approved GLOBAL. */
  .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:23px 29px;
    align-items:stretch;
    gap:1px;
    margin:0 0 10px;
  }

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

  .mu-page[data-view="A_SELECTED"] .mu-topbar h1::before{
    content:"⚔";
    position:static;
    width:21px;
    height:21px;
    display:grid;
    place-items:center;
    color:#af62e7;
    font-size:19px;
    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:auto;
    min-width:0;
    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 label{display:none}
  .mu-page[data-view="A_SELECTED"] .mu-picker input{
    width:100%;
    height:29px;
    padding:0 10px;
    border:1px solid #354d66;
    border-radius:7px;
    background:linear-gradient(180deg,#07111b,#050d15);
    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-suggestions{top:31px}

  .mu-page[data-view="A_SELECTED"] .mu-vs{
    height:29px;
    display:grid;
    place-items:center;
    align-self:center;
    margin:0;
    color:#f1f3f5;
    font-size:12px;
    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:29px;
    display:grid;
    grid-template-columns:16px minmax(0,1fr);
    grid-template-rows:1fr;
    align-items:center;
    gap:6px;
    justify-self:end;
    padding:0 8px;
    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:15px;
    height:15px;
    background:#c86de8;
    border:0;
    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="A_SELECTED"] .mu-filter-trigger span{display:none}

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

  /* Flatten A_ONLY only so the reading panel can own the exact GLOBAL sidebar column. */
  .mu-page[data-view="A_SELECTED"] #matchups-results,
  .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%;
    height:100%;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:152px minmax(0,1fr);
    gap:8px;
    align-content:start;
    overflow:hidden;
  }

  /* Three top cards: same 152px exterior footprint as GLOBAL Panorama. */
  .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:152px!important;
    min-height:152px!important;
    max-height:152px!important;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(65,102,123,.58);
    border-radius:8px;
    background: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="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:28px;
    min-height:28px;
    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{
    min-width:0;
    margin:0;
    overflow:hidden;
    color:#f1f3f5;
    font-size:11px;
    font-weight:800;
    line-height:1.08;
    letter-spacing:.025em;
    text-transform:uppercase;
  }

  /* Primary card: use width, not height. */
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(118px,.95fr);
    grid-template-rows:28px 80px 18px 22px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header{grid-column:1/-1;grid-row:1}
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2{display:flex;align-items:center;gap:7px}
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2>.mu-identity{flex:none}
  .mu-page[data-view="A_SELECTED"] .mu-primary-title{min-width:0;display:grid;line-height:1.05}
  .mu-page[data-view="A_SELECTED"] .mu-primary-title>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}

  .mu-page[data-view="A_SELECTED"] .mu-global-performance{
    grid-column:1;
    grid-row:2;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-columns:74px minmax(0,1fr);
    align-items:center;
    gap:6px;
    padding:2px 4px 1px 10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-identity{display:grid;place-items:center;min-width:0}
  .mu-page[data-view="A_SELECTED"] .mu-identity-large .mu-archetype-badge{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-identity-large .mu-archetype-symbol{
    position:static;
    inset:auto;
    width:21px;
    height:42px;
    flex:0 0 21px;
    transform:none!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-identity-large .mu-archetype-symbol img{width:18px;height:26px}
  .mu-page[data-view="A_SELECTED"] .mu-identity-large .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol{width:38px;flex-basis:38px}
  .mu-page[data-view="A_SELECTED"] .mu-identity-large .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:36px;height:36px}

  .mu-page[data-view="A_SELECTED"] .mu-primary-performance{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
  .mu-page[data-view="A_SELECTED"] .mu-primary-performance>strong{color:#55db91;font-size:24px;font-weight:850;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-primary-performance>span{margin-top:1px;color:#a9b5c0;font-size:9px;font-weight:800;letter-spacing:.035em}
  .mu-page[data-view="A_SELECTED"] .mu-primary-performance>b{margin-top:4px;color:#e5edf5;font-size:14px;line-height:1}

  .mu-page[data-view="A_SELECTED"] .mu-primary-record{
    grid-column:2;
    grid-row:2;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    gap:2px;
    margin:0;
    padding:0 7px 0 1px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-record div{min-width:0;margin:0;padding:3px 1px;text-align:center}
  .mu-page[data-view="A_SELECTED"] .mu-primary-record dd{margin:0;font-size:12px;line-height:1;white-space:nowrap}
  .mu-page[data-view="A_SELECTED"] .mu-primary-record dt{margin-top:3px;font-size:6.6px;line-height:1;white-space:nowrap}

  .mu-page[data-view="A_SELECTED"] .mu-primary-meta{
    grid-column:1/-1;
    grid-row:3;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:0;
    padding:0 10px;
    color:#9babb9;
    font-size:9px;
    line-height:1;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{
    grid-column:1/-1;
    grid-row:4;
    height:20px;
    min-height:20px;
    display:grid;
    place-items:center;
    margin:0 9px 3px;
    border:1px solid #ffffff10;
    border-radius:5px;
    font-size:8.5px;
    line-height:1;
  }

  /* Balance card. */
  .mu-page[data-view="A_SELECTED"] .mu-balance{display:grid;grid-template-rows:28px minmax(0,1fr)}
  .mu-page[data-view="A_SELECTED"] .mu-balance>div{
    min-height:0;
    display:grid;
    grid-template-columns:88px minmax(0,1fr);
    grid-template-rows:80px 24px;
    align-content:center;
    align-items:center;
    gap:2px 10px;
    padding:5px 10px 4px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance-ring{width:72px;height:72px;justify-self:center}
  .mu-page[data-view="A_SELECTED"] .mu-balance-ring:after{inset:9px}
  .mu-page[data-view="A_SELECTED"] .mu-balance dl{height:80px;margin:0;display:grid;grid-template-rows:repeat(3,1fr);align-self:center}
  .mu-page[data-view="A_SELECTED"] .mu-balance dl div{min-height:0;margin:0;display:grid;align-content:center;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-balance dd{margin:0;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{margin-top:3px;font-size:8px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{grid-column:1/-1;margin:0;padding-top:4px;align-self:end;border-top:1px solid #ffffff0b;font-size:8.5px;line-height:1.1;text-align:center;white-space:nowrap}

  /* Most challenging card. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge{display:grid;grid-template-rows:28px minmax(0,1fr)}
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    min-height:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:32px 24px 22px 20px;
    align-content:center;
    align-items:center;
    gap:2px 8px;
    padding:5px 11px 6px;
    text-align:left;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity{grid-column:1;grid-row:1}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge{width:30px;height:30px;flex-basis:30px}
  .mu-page[data-view="A_SELECTED"] .mu-challenge b{grid-column:2/-1;grid-row:1;min-width:0;overflow:hidden;font-size:10.5px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}
  .mu-page[data-view="A_SELECTED"] .mu-challenge mark{grid-column:1/3;grid-row:2;justify-self:start;padding:3px 6px;border:1px solid #a45de4;border-radius:4px;background:#21152d;color:#dcaaf4;font-size:7.5px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-challenge strong{grid-column:3;grid-row:2/4;align-self:center;color:var(--mu-red);font-size:25px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{grid-column:1/3;grid-row:3;font-size:9px;line-height:1.1}
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{grid-column:1/-1;grid-row:4;width:100%;height:20px;display:flex;align-items:center;margin:0;padding:0 7px;border:1px solid #ffffff10;border-radius:5px;font-size:8px;line-height:1}

  /* Rival list: same compact density as GLOBAL, with sorting preserved. */
  .mu-page[data-view="A_SELECTED"] .mu-rivals{
    grid-column:1/-1;
    height:100%;
    min-height:0;
    max-height:none;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rivals>header{
    height:37px;
    min-height:37px;
    flex:0 0 37px;
    justify-content:flex-start;
    padding:0 10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-heading{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table-heading h2{margin:0;flex:0 1 auto;font-size:16px;line-height:1;text-align:left}
  .mu-page[data-view="A_SELECTED"] #matchup-list-note{display:block;margin:0 0 0 auto;color:#78a7c9;font-size:8px;line-height:1;white-space:nowrap;text-align:right}
  .mu-page[data-view="A_SELECTED"] #matchup-list-results{height:0;min-height:0;flex:1 1 0;overflow:hidden}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  .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(170px,1.34fr) minmax(82px,.70fr) minmax(72px,.62fr) 52px 64px 56px 60px minmax(108px,.86fr) 52px;
    gap:4px;
    padding-left:8px;
    padding-right:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
    height:20px;
    min-height:20px;
    max-height:20px;
    flex:0 0 20px;
    background:#08131e;
    font-size:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head{
    min-width:0;
    height:100%;
    display:flex;
    align-items:center;
    gap:2px;
    padding:0;
    border:0;
    background:transparent;
    color:#8293a5;
    font:inherit;
    font-weight:700;
    text-align:left;
    cursor:pointer;
  }
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head i{width:8px;color:#c679ee;font-size:9px;font-style:normal;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head:hover,
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head:focus-visible,
  .mu-page[data-view="A_SELECTED"] .mu-a-sort-head.is-active{color:#dce6ef}
  .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{
    height:var(--matchup-row-height,20px);
    min-height:var(--matchup-row-height,20px);
    max-height:var(--matchup-row-height,20px);
    padding-top:1px;
    padding-bottom:1px;
    font-size:9px;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{font-size:10px;font-weight:500;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell strong{font-size:10px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-global-evidence{font-size:9px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-identity{gap:6px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-badge{width:16px;height:16px;flex-basis:16px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-symbol img{width:9px;height:12px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{width:13px;height:13px}

  /* Reading: same exterior column as GLOBAL sidebar; internal scroll only. */
  .mu-page[data-view="A_SELECTED"] .mu-reading{
    grid-column:2;
    grid-row:1/4;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-height:none;
    margin:0;
    padding:14px 15px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    border:1px solid #8147a3;
    border-radius:10px;
    background:#081725;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading>header{height:auto;display:block;padding:0 1px 10px;border-bottom:1px solid #ffffff14}
  .mu-page[data-view="A_SELECTED"] .mu-reading>header h2{margin:0;font-size:16px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-reading>header span{display:block;margin-top:5px;color:#8765a3;font-size:9px;line-height:1.2}
  .mu-page[data-view="A_SELECTED"] .mu-reading section{margin:0;padding:12px 1px;border:0;border-top:1px solid #ffffff10;border-radius:0;background:transparent}
  .mu-page[data-view="A_SELECTED"] .mu-reading section:first-of-type{border-top:0}
  .mu-page[data-view="A_SELECTED"] .mu-reading h3{margin:0 0 8px;color:#b77ce5;font-size:11px;line-height:1.1}
  .mu-page[data-view="A_SELECTED"] .mu-reading p{margin:0;color:#aab8c5;font-size:11px;line-height:1.45}
  .mu-page[data-view="A_SELECTED"] .mu-reading p+p{margin-top:6px}
  .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:2px 7px;align-items:center;padding:7px 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:5px;min-width:0}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li b{overflow:hidden;font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong{font-size:11px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li small{grid-column:1/-1;padding-left:25px;color:#7f91a3;font-size:9px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence span{min-height:50px;display:grid;place-content:center;padding:6px 4px;border:1px solid #ffffff10;border-radius:6px;background:#0b1926;color:#9cafbf;font-size:9px;text-align:center}
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence b{display:block;color:#e4edf5;font-size:17px;line-height:1}

  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody::-webkit-scrollbar,
  .mu-page[data-view="A_SELECTED"] .mu-reading::-webkit-scrollbar{width:7px}
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody::-webkit-scrollbar-thumb,
  .mu-page[data-view="A_SELECTED"] .mu-reading::-webkit-scrollbar-thumb{border:2px solid #0a1724;border-radius:8px;background:#405774}

}

/* Keep the dedicated view usable on narrower desktop/tablet without changing GLOBAL/A+B. */
@media (min-width:901px) and (max-width:1180px){
  .mu-page[data-view="A_SELECTED"] .mu-a-main{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mu-page[data-view="A_SELECTED"] .mu-rivals{grid-column:1/-1;height:440px}
  .mu-page[data-view="A_SELECTED"] .mu-reading{min-height:320px}
}

/* Exact compact-viewport parity with the approved GLOBAL block geometry. */
@media (min-width:1181px) and (max-height:800px){
  .mu-page[data-view="A_SELECTED"] .mu-a-main{
    grid-template-rows:152px 326px;
    gap:8px;
    align-content:start;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rivals{
    height:326px;
    min-height:326px;
    max-height:326px;
    padding-bottom:7px;
  }
  .mu-page[data-view="A_SELECTED"] #matchup-list-results{
    height:280px;
    min-height:280px;
    max-height:280px;
    flex:0 0 280px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table{
    height:280px;
    min-height:280px;
    max-height:280px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{
    height:260px;
    min-height:260px;
    max-height:260px;
    flex:0 0 260px;
  }
}
/* 2026-09-23 focused visual polish: keep A_ONLY scoped and GLOBAL untouched. */
@media (min-width:1180px){
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th>span:last-child,
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:last-child{
    min-width:0;
    overflow:visible;
    text-align:center;
    justify-self:center;
  }
}

/* 2026-09-23 — A_ONLY polish: "Más desafiante" mirrors the visual language of Rendimiento Global. */
@media (min-width:1181px){
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    min-height:0;
    display:grid;
    grid-template-columns:68px minmax(0,1fr) 72px;
    grid-template-rows:30px 28px 22px 20px;
    align-content:center;
    align-items:center;
    gap:2px 8px;
    padding:6px 10px 6px;
    text-align:left;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity{
    grid-column:1;
    grid-row:1/4;
    align-self:center;
    justify-self:center;
    display:grid;
    place-items:center;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-symbol{
    position:static;
    inset:auto;
    width:21px;
    height:42px;
    flex:0 0 21px;
    transform:none!important;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-symbol img{
    width:18px;
    height:26px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol{
    width:38px;
    flex-basis:38px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:36px;
    height:36px;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge b{
    grid-column:2/4;
    grid-row:1;
    min-width:0;
    overflow:hidden;
    color:#f0f3f6;
    font-size:11.5px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge mark{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    padding:4px 7px;
    border:1px solid #a45de4;
    border-radius:4px;
    background:#21152d;
    color:#dcaaf4;
    font-size:8px;
    line-height:1;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge strong{
    grid-column:3;
    grid-row:2/4;
    align-self:center;
    justify-self:end;
    color:var(--mu-red);
    font-size:24px;
    font-weight:850;
    line-height:1;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span{
    grid-column:2;
    grid-row:3;
    align-self:center;
    color:#e6edf4;
    font-size:9px;
    font-weight:700;
    line-height:1.15;
    white-space:nowrap;
  }

  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
    grid-column:1/-1;
    grid-row:4;
    width:100%;
    height:20px;
    display:flex;
    align-items:center;
    margin:0;
    padding:0 8px;
    border:1px solid #ffffff10;
    border-radius:5px;
    font-size:8px;
    line-height:1;
  }
}

/* 2026-09-23 — A_ONLY semantic tones: observed Performance/WR use the same positive/even/negative language as GLOBAL. */
.mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell.is-positive strong{color:var(--mu-green)}
.mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell.is-even strong{color:var(--mu-yellow)}
.mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell.is-negative strong{color:var(--mu-red)}


/* 2026-09-23 — A_ONLY card/readability polish v2. Challenge uses the same visual grammar as Rendimiento Global; reading fits without its own scrollbar. */
@media (min-width:1181px){
  /* Balance: give each datum breathing room and keep rival count clearly separated at the bottom. */
  .mu-page[data-view="A_SELECTED"] .mu-balance>div{
    grid-template-columns:92px minmax(0,1fr);
    grid-template-rows:88px 24px;
    gap:4px 12px;
    padding:3px 12px 6px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance-ring{width:76px;height:76px}
  .mu-page[data-view="A_SELECTED"] .mu-balance-ring:after{inset:10px}
  .mu-page[data-view="A_SELECTED"] .mu-balance dl{
    height:84px;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    gap:3px;
    align-self:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance dl div{display:block;min-height:0}
  .mu-page[data-view="A_SELECTED"] .mu-balance dd{font-size:14px;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-balance dd small{font-size:7.5px}
  .mu-page[data-view="A_SELECTED"] .mu-balance dt{margin-top:2px;font-size:7.5px;line-height:1.05}
  .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
    padding-top:5px;
    font-size:8.5px;
    line-height:1;
  }

  /* Más desafiante: badge + rival identity, prominent observed Performance, explicit G/E/P and WR. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    grid-template-columns:66px minmax(0,1fr);
    grid-template-rows:24px 46px 28px 20px;
    gap:2px 8px;
    padding:4px 10px 6px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-identity{
    grid-column:1;
    grid-row:1/3;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge b{
    grid-column:2;
    grid-row:1;
    align-self:end;
    font-size:11.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-performance{
    grid-column:2;
    grid-row:2;
    min-width:0;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:28px 16px;
    align-items:end;
    gap:0 8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-performance>strong{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    color:var(--mu-red);
    font-size:24px;
    font-weight:850;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-performance>span{
    grid-column:2;
    grid-row:1;
    align-self:center;
    color:#bd83e9;
    font-size:7.5px;
    font-weight:800;
    line-height:1.05;
    letter-spacing:.02em;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-performance>small{
    grid-column:1/-1;
    grid-row:2;
    align-self:end;
    color:#dce7ef;
    font-size:8.5px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record{
    grid-column:1/-1;
    grid-row:3;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0;
    padding:0 3px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record div{min-width:0;text-align:center}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record dd{margin:0;font-size:11px;line-height:1;font-weight:800}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record dt{margin-top:2px;color:#90a2b3;font-size:6.5px;line-height:1;white-space:nowrap}
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
    grid-column:1/-1;
    grid-row:4;
    height:20px;
    margin:0;
  }
  /* Neutralize obsolete direct-child challenge rules from earlier passes. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>mark,
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>strong,
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>span:not(:only-child){display:none}

  /* Reading LAIREN: keep the full interpretation in one viewport; no nested scroll for normal A_ONLY content. */
  .mu-page[data-view="A_SELECTED"] .mu-reading{
    overflow:hidden;
    padding:12px 15px 10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading>header{padding-bottom:8px}
  .mu-page[data-view="A_SELECTED"] .mu-reading section{padding:9px 1px}
  .mu-page[data-view="A_SELECTED"] .mu-reading h3{margin-bottom:6px}
  .mu-page[data-view="A_SELECTED"] .mu-reading p{font-size:11px;line-height:1.38}
  .mu-page[data-view="A_SELECTED"] .mu-reading p+p{margin-top:4px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li{
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:28px;
    gap:6px;
    padding:3px 0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>span{grid-column:1;grid-row:1}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li>strong{grid-column:3;grid-row:1;font-size:10.5px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-list li small{
    grid-column:2;
    grid-row:1;
    align-self:center;
    padding-left:0;
    font-size:8px;
    line-height:1;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence{gap:5px;margin-bottom:6px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence span{min-height:44px;padding:4px;font-size:8.5px}
  .mu-page[data-view="A_SELECTED"] .mu-reading-evidence b{font-size:16px}
}

/* 2026-09-23 — A_ONLY / Más desafiante: misma gramática visual que Rendimiento Global. */
@media (min-width:1181px){
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:68px 28px 20px;
    gap:2px;
    padding:3px 10px 5px;
    align-content:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-main{
    grid-column:1;
    grid-row:1;
    min-width:0;
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    align-items:center;
    gap:7px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-identity{
    min-width:0;
    display:grid;
    place-items:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:18px 14px 27px;
    align-items:center;
    column-gap:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>b{
    grid-column:1/-1;
    grid-row:1;
    min-width:0;
    overflow:hidden;
    color:#f1f5f8;
    font-size:11.5px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>span{
    grid-column:1;
    grid-row:2;
    color:#a9b5c0;
    font-size:8px;
    font-weight:800;
    line-height:1;
    letter-spacing:.035em;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>strong{
    grid-column:1;
    grid-row:3;
    justify-self:start;
    font-size:24px;
    font-weight:850;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>strong.is-positive{color:var(--mu-green)}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>strong.is-even{color:#f0b733}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>strong.is-negative{color:var(--mu-red)}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>small{
    grid-column:2;
    grid-row:3;
    align-self:end;
    padding-bottom:2px;
    color:#e5edf5;
    font-size:9px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record{
    grid-column:1;
    grid-row:2;
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:center;
    gap:4px;
    margin:0;
    padding:0 12px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record div{min-width:0;text-align:center}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record dd{margin:0;font-size:11px;font-weight:800;line-height:1}
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record dt{margin-top:2px;color:#90a2b3;font-size:6.6px;line-height:1;white-space:nowrap}
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
    grid-column:1;
    grid-row:3;
    width:100%;
    height:20px;
    min-height:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:0;
    padding:0 8px;
    border:1px solid #ffffff10;
    border-radius:5px;
    color:#9babb9;
    font-size:8px;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer .bad{color:var(--mu-red);font-weight:800}

  /* Apaga la composición anterior del desafío; sólo queda el layout nuevo. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>.mu-identity,
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>b,
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div>.mu-challenge-performance{display:none}
}

/* 2026-09-23 — A_ONLY cards v3: trio aligned, no duplicated identity in Rendimiento Global. */
@media (min-width:1181px){
  /* One visual rhythm for the three cards. */
  .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{
    width:100%;
    font-size:10.5px;
    line-height:1.05;
  }

  /* Rendimiento Global: title is text-only; identity badge appears once, in the body. */
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary{
    grid-template-rows:30px 78px 18px 22px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2>.mu-identity{display:none!important}
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary>header h2{gap:0}
  .mu-page[data-view="A_SELECTED"] .mu-primary-title{display:grid;gap:0;line-height:1.02}
  .mu-page[data-view="A_SELECTED"] .mu-primary-title>span,
  .mu-page[data-view="A_SELECTED"] .mu-primary-title>b{display:block}
  .mu-page[data-view="A_SELECTED"] .mu-global-performance{
    grid-template-columns:76px minmax(0,1fr);
    gap:7px;
    padding:2px 5px 0 9px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-primary-performance>strong{font-size:23px}
  .mu-page[data-view="A_SELECTED"] .mu-primary-performance>b{margin-top:3px}
  .mu-page[data-view="A_SELECTED"] .mu-primary-record{padding:0 8px 0 2px}

  /* Balance: create real air under the title and keep rival count clearly separated. */
  .mu-page[data-view="A_SELECTED"] .mu-balance{
    grid-template-rows:30px minmax(0,1fr);
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance>div{
    grid-template-columns:92px minmax(0,1fr);
    grid-template-rows:88px 24px;
    align-content:end;
    align-items:center;
    gap:3px 12px;
    padding:8px 11px 6px;
  }
  .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{
    height:82px;
    align-self:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:4px;
    padding:2px 0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
    min-height:22px;
    display:grid;
    align-content:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance dd{font-size:14px}
  .mu-page[data-view="A_SELECTED"] .mu-balance dt{margin-top:2px;font-size:7.5px}
  .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
    align-self:end;
    padding-top:6px;
    border-top:1px solid #ffffff12;
    font-size:8.5px;
    line-height:1;
  }

  /* Más desafiante: same grammar as Rendimiento Global.
     Large tribe badge at left; rival + Performance + WR stacked at right. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge{
    grid-template-rows:30px minmax(0,1fr);
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    grid-template-columns:1fr;
    grid-template-rows:76px 28px 20px;
    gap:2px;
    padding:3px 10px 5px;
    align-content:end;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-main{
    grid-template-columns:76px minmax(0,1fr);
    gap:7px;
    align-items:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-identity{
    display:grid;
    place-items:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:16px 12px 25px 14px;
    align-content:center;
    align-items:center;
    gap:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>b{
    grid-column:1;
    grid-row:1;
    font-size:11px;
    line-height:1;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>span{
    grid-column:1;
    grid-row:2;
    align-self:end;
    color:#a9b5c0;
    font-size:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>strong{
    grid-column:1;
    grid-row:3;
    justify-self:start;
    align-self:center;
    font-size:23px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy>small{
    grid-column:1;
    grid-row:4;
    justify-self:start;
    align-self:end;
    padding:0;
    font-size:9px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record{
    padding:0 12px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
    padding:0 8px;
  }
}

/* 2026-09-23 — A_ONLY cards v4: keep all three card bodies below their headers.
   Fixes the v3 overflow where Balance and Más desafiante invaded the title row. */
@media (min-width:1181px){
  .mu-page[data-view="A_SELECTED"] .mu-primary-summary,
  .mu-page[data-view="A_SELECTED"] .mu-balance,
  .mu-page[data-view="A_SELECTED"] .mu-challenge{
    height:152px!important;
    min-height:152px!important;
    max-height:152px!important;
    overflow:hidden;
    box-sizing:border-box;
  }

  .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:32px;
    min-height:32px;
    flex:0 0 32px;
    box-sizing:border-box;
    position:relative;
    z-index:2;
  }

  /* Balance: 120px body, with a real gap below the title. */
  .mu-page[data-view="A_SELECTED"] .mu-balance{
    grid-template-rows:32px 120px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance>div{
    height:120px;
    min-height:120px;
    max-height:120px;
    box-sizing:border-box;
    grid-template-columns:94px minmax(0,1fr);
    grid-template-rows:81px 22px;
    align-content:stretch;
    align-items:center;
    gap:3px 12px;
    padding:8px 11px 6px;
    overflow:hidden;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance-ring{
    width:72px;
    height:72px;
    align-self:center;
    justify-self:center;
    margin:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance dl{
    height:74px;
    align-self:center;
    justify-content:space-between;
    gap:3px;
    padding:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance dl div{
    min-height:20px;
    margin:0;
  }
  .mu-page[data-view="A_SELECTED"] .mu-balance #balance-summary>p{
    margin:0;
    padding-top:5px;
    align-self:end;
  }

  /* Más desafiante: same 152px shell. Body no longer starts inside the title. */
  .mu-page[data-view="A_SELECTED"] .mu-challenge{
    grid-template-rows:32px 120px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge>div{
    height:120px;
    min-height:120px;
    max-height:120px;
    box-sizing:border-box;
    grid-template-columns:1fr;
    grid-template-rows:66px 24px 18px;
    align-content:stretch;
    align-items:center;
    gap:2px;
    padding:4px 10px;
    overflow:hidden;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-main{
    height:66px;
    min-height:66px;
    grid-template-columns:68px minmax(0,1fr);
    align-items:center;
    gap:8px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-identity{
    align-self:center;
    justify-self:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-copy{
    grid-template-rows:16px 11px 25px 12px;
    align-content:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record{
    height:24px;
    min-height:24px;
    padding:0 10px;
    align-items:center;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge footer{
    height:18px;
    min-height:18px;
    padding:0 7px;
  }
}

/* 2026-09-23 — A_ONLY v7: bottom breathing room without changing typography or row density. */
@media (min-width:1181px) and (max-height:800px){
  /* Keep the same visible table content; move the old internal bottom padding outside the card. */
  .mu-page[data-view="A_SELECTED"] .mu-rivals{
    height:318px;
    min-height:318px;
    max-height:318px;
    padding-bottom:0;
  }

  /* Reading ends on the same visual baseline, with a small gap above the viewport edge. */
  .mu-page[data-view="A_SELECTED"] .mu-reading{
    height:calc(100% - 8px);
    max-height:calc(100% - 8px);
    align-self:start;
  }
}


/* A_ONLY V8 — tabla de rivales más legible.
   Conserva los 16 rivales: aumenta tipografía/altura y deja scroll interno. */
@media(min-width:1181px){
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
    height:23px;
    min-height:23px;
    max-height:23px;
    flex-basis:23px;
    font-size:9px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
    --matchup-row-height:24px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{
    font-size:11px;
    font-weight:600;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell strong{
    font-size:11px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-global-evidence{
    font-size:10px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-a-sort-head i{
    font-size:10px;
  }
  .mu-page[data-view="A_SELECTED"] #matchup-list-note{
    font-size:9px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-badge{
    width:18px;
    height:18px;
    flex-basis:18px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-symbol img{
    width:10px;
    height:13px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:14px;
    height:14px;
  }
}


/* A_ONLY V9 — tabla más cómoda y tarjeta desafiante consistente */
@media(min-width:1181px){
  .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(165px,1.28fr) minmax(84px,.70fr) minmax(76px,.64fr) 62px 62px 62px 64px minmax(104px,.82fr) 50px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{
    --matchup-row-height:27px;
    font-size:10.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{
    font-size:11.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-rate-cell strong{
    font-size:11.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-global-evidence{
    font-size:10.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{
    font-size:9.2px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record{
    display:flex;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    color:#98a8b8;
    font-size:9.5px;
  }
  .mu-page[data-view="A_SELECTED"] .mu-challenge .mu-challenge-record b{
    position:static;
    display:inline;
    overflow:visible;
    font-size:10px;
    line-height:1;
  }
}

/* A_SELECTED / teléfono v10: métricas compactas y rivales como tabla horizontal. */
@media(max-width:700px){
 .mu-page[data-view="A_SELECTED"] .mu-a-view,
 .mu-page[data-view="A_SELECTED"] .mu-a-main{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .mu-page[data-view="A_SELECTED"] .mu-a-main>*{margin:0 0 9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-summary,
 .mu-page[data-view="A_SELECTED"] .mu-balance,
 .mu-page[data-view="A_SELECTED"] .mu-challenge{box-sizing:border-box!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important}
 .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{box-sizing:border-box!important;display:flex!important;height:auto!important;min-height:34px!important;padding:9px 12px!important}
 .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{display:flex!important;align-items:center!important;gap:6px!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-title{display:flex!important;flex-wrap:wrap!important;gap:4px!important;align-items:baseline!important;min-width:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-title>span{font-size:11px!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-title>b{font-size:12px!important;overflow-wrap:anywhere!important}
 .mu-page[data-view="A_SELECTED"] .mu-global-performance{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;height:auto!important;min-height:0!important;padding:8px 12px 3px!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-identity,.mu-page[data-view="A_SELECTED"] .mu-primary-identity .mu-identity{width:40px!important;height:40px!important;min-width:0!important;min-height:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-performance{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px 9px!important;min-width:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-performance>strong{font-size:26px!important;line-height:1.05!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-performance>span{font-size:10px!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-performance>b{font-size:13px!important;margin:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-record{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important;padding:7px 12px!important;height:auto!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-record>div{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important;min-width:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-record dd{font-size:17px!important;line-height:1.1!important;margin:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-record dt{font-size:9px!important;line-height:1.1!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-meta{display:flex!important;gap:10px!important;flex-wrap:wrap!important;padding:4px 12px!important;margin:0!important;font-size:11px!important}
 .mu-page[data-view="A_SELECTED"] .mu-primary-summary>footer{display:flex!important;height:auto!important;min-height:0!important;padding:6px 12px 9px!important;font-size:11px!important}
 .mu-page[data-view="A_SELECTED"] #balance-summary{box-sizing:border-box!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 10px!important;height:auto!important;min-height:0!important;padding:8px 12px!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance-ring{width:52px!important;height:52px!important;margin:0!important;grid-column:1!important;grid-row:1!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance dl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;grid-column:2!important;grid-row:1!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance dl div{display:block!important;min-width:0!important;min-height:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance dd{font-size:15px!important;line-height:1.2!important;margin:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance dd small{font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-balance dt{font-size:8px!important;line-height:1.2!important;overflow-wrap:anywhere!important}
 .mu-page[data-view="A_SELECTED"] #balance-summary>p{grid-column:1/-1!important;grid-row:2!important;margin:0!important;padding:4px 0 0!important;font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] #most-challenging{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important;align-items:center!important;height:auto!important;min-height:0!important;padding:8px 12px!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-main{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;height:auto!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-identity,.mu-page[data-view="A_SELECTED"] .mu-challenge-identity .mu-identity{width:32px!important;height:32px!important;flex:0 0 32px!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-copy{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:3px 7px!important;min-width:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-copy>b{font-size:12px!important;overflow-wrap:anywhere!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-copy>span{font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-copy>strong{font-size:19px!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-copy>small{font-size:10px!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge-record{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;padding:0!important;font-size:10px!important;white-space:nowrap!important}
 .mu-page[data-view="A_SELECTED"] .mu-challenge footer{grid-column:1/-1!important;margin:0!important;padding:0!important;font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-rivals{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-rivals>header{height:auto!important;min-height:0!important;padding:9px 12px!important}
 .mu-page[data-view="A_SELECTED"] #matchup-list-results{display:block!important;width:100%!important;height:auto!important;max-height:65dvh!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table{display:flex!important;flex-direction:column!important;width:650px!important;min-width:650px!important;max-width:none!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th,
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{box-sizing:border-box!important;display:grid!important;grid-template-columns:155px 78px 64px 39px 39px 39px 43px 118px 24px!important;gap:4px!important;width:650px!important;min-width:650px!important;max-width:none!important;padding:0 8px!important;align-items:center!important;text-align:center!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-th{position:sticky!important;top:0!important;z-index:5!important;height:34px!important;min-height:34px!important;background:#071725!important;font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tbody{display:block!important;width:650px!important;min-width:650px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr{height:39px!important;min-height:39px!important;max-height:39px!important;margin:0!important;border-radius:0!important;border-bottom:1px solid #243e54!important;background:#0b1929!important;font-size:10px!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr:nth-child(even){background:#102438!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>*{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;height:auto!important;overflow:hidden!important;white-space:nowrap!important;position:static!important;padding:0!important;margin:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr>span:first-child{justify-content:flex-start!important;gap:5px!important;text-align:left!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-tr b{font-size:10px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-a-sort-head{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;font-size:9px!important;white-space:nowrap!important}
 .mu-page[data-view="A_SELECTED"] .mu-rival-table .mu-a-sort-head span{font-size:9px!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading{box-sizing:border-box!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:12px!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading>header{margin:0!important;padding:0 0 8px!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading>section{margin:0!important;padding:10px 0!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading h3{margin:0 0 6px!important;font-size:11px!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading p{margin:0!important;font-size:11px!important;line-height:1.45!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list{display:grid!important;gap:5px!important;margin:0!important;padding:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list li{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 7px!important;min-height:27px!important;padding:3px 0!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list li>span{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list li b{font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list li strong{font-size:12px!important}
 .mu-page[data-view="A_SELECTED"] .mu-reading-list li small{grid-column:1/-1!important;margin-left:24px!important;font-size:9px!important}
}