/* === SOURCE: css/241-v5602-mybuild-layout-mode-body-visibility-style.css === */

@media(min-width:761px){
  /* My Build: keep the stats area on the LEFT and deliberately reserve the
     entire right column for future content. */
  body.build-overview-active #playerCardPanel .build-overview-grid{
    grid-template-columns:minmax(520px,1.48fr) minmax(300px,.88fr)!important;
    grid-template-areas:"stats reserved"!important;
    gap:10px!important;
    align-items:start!important;
  }
  body.build-overview-active #playerCardPanel .overview-stats-card{
    grid-area:stats!important;
    justify-self:stretch!important;
    width:auto!important;
    margin-left:0!important;
  }

  /* Exact visual language of Attribute Points Base / Match toggle. */
  #playerCardPanel .build-value-mode{
    height:32px!important;
    padding:2px!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    border:1px solid rgba(222,230,238,.13)!important;
    border-radius:10px!important;
    background:rgba(7,12,17,.24)!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important;
  }
  #playerCardPanel .build-mode-btn{
    appearance:none!important;
    height:26px!important;
    min-width:68px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#7f8a95!important;
    font:650 11.5px/1 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:color .15s ease,background .15s ease,box-shadow .15s ease!important;
  }
  #playerCardPanel .build-mode-btn:hover{
    color:#c4ccd4!important;
    background:rgba(255,255,255,.035)!important;
  }
  #playerCardPanel .build-mode-btn[data-build-mode="base"].active{
    color:#e1e6eb!important;
    background:linear-gradient(180deg,rgba(229,236,243,.13),rgba(194,205,216,.065))!important;
    box-shadow:inset 0 0 0 1px rgba(235,241,247,.10),0 1px 4px rgba(0,0,0,.18)!important;
  }
  #playerCardPanel .build-mode-btn[data-build-mode="match"].active{
    color:#dfd7b7!important;
    background:linear-gradient(180deg,rgba(205,216,227,.105),rgba(205,216,227,.040))!important;
    box-shadow:inset 0 0 0 1px rgba(225,233,241,.10),0 0 8px rgba(205,216,227,.025)!important;
  }

  /* Body visibility never erases the configured modifiers. It only marks the
     Body bonus as currently not applied. Keep the controller usable. */
  .global-archetype-overview-card .ovc-body-section.effects-paused .ovc-body-mods{
    opacity:.34!important;
    filter:saturate(.40)!important;
  }
  .global-archetype-overview-card .ovc-body-section .ovc-body-mods{
    transition:opacity .15s ease,filter .15s ease!important;
  }
  .global-archetype-overview-card .ovc-body-section.effects-paused .ovc-body-plot,
  .global-archetype-overview-card .ovc-body-section.effects-paused .ovc-body-actions,
  .global-archetype-overview-card .ovc-body-section.effects-paused .ovc-body-main{
    opacity:1!important;
    pointer-events:auto!important;
    filter:none!important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  body.build-overview-active #playerCardPanel .build-overview-grid{
    grid-template-columns:minmax(0,1fr) minmax(220px,.52fr)!important;
  }
}

@media(max-width:760px){
  body.build-overview-active #playerCardPanel .build-overview-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"stats"!important;
  }
}

/* === SOURCE: css/242-v5603-mybuild-mode-color-and-body-display-fix.css === */

/* Match the CURRENT Attribute Points toolbar colours exactly:
   Base = restrained green, Match = restrained orange. */
#playerCardPanel .build-mode-btn[data-build-mode="base"].active{
  color:#8fcfc2!important;
  border-color:rgba(91,184,165,.20)!important;
  background:linear-gradient(180deg,rgba(73,165,148,.125),rgba(73,165,148,.050))!important;
  box-shadow:
    inset 0 0 0 1px rgba(126,211,195,.055),
    0 0 9px rgba(73,165,148,.025)!important;
}
#playerCardPanel .build-mode-btn[data-build-mode="match"].active{
  color:#dda087!important;
  border-color:rgba(210,119,88,.21)!important;
  background:linear-gradient(180deg,rgba(198,104,73,.125),rgba(198,104,73,.050))!important;
  box-shadow:
    inset 0 0 0 1px rgba(231,153,126,.050),
    0 0 9px rgba(198,104,73,.025)!important;
}

/* v5.6.02 briefly dimmed the Body controller when Body was hidden in My Build.
   v5.6.03 explicitly cancels that behaviour: Body remains fully interactive. */
.global-archetype-overview-card .ovc-body-section.effects-paused .ovc-body-mods,
.global-archetype-overview-card .ovc-body-section .ovc-body-mods{
  opacity:1!important;
  filter:none!important;
}
.global-archetype-overview-card .ovc-body-section.effects-paused,
.global-archetype-overview-card .ovc-body-section.effects-paused *{
  pointer-events:auto!important;
}

/* === SOURCE: css/243-v5605-high-similarity-v1-style.css === */

.ut-high-breakdown{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.045);
}
.ut-high-breakdown span{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:18px;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:999px;
  background:rgba(255,255,255,.018);
  color:#74808b;
  font-size:7.5px;
  font-weight:720;
  line-height:1;
}
.ut-high-breakdown b{
  color:#b8c2ca;
  font-size:8px;
}
.ut-high-breakdown .is-penalty{
  color:#c98176;
  border-color:rgba(200,104,91,.12);
  background:rgba(200,104,91,.035);
}
.ut-high-breakdown .is-bonus{
  color:#87b99f;
  border-color:rgba(91,173,128,.12);
  background:rgba(91,173,128,.035);
}

/* === SOURCE: css/244-v5606-basic-similarity-v1-style.css === */

.ut-high-breakdown .is-star{
  color:#dfbf72;
  border-color:rgba(218,180,83,.16);
  background:rgba(218,180,83,.045);
}
.ut-basic-breakdown span{
  padding-left:5px;
  padding-right:5px;
}

/* === SOURCE: css/245-v5607-basic-similarity-star-tune-style.css === */

.ut-high-breakdown .is-archetype{
  color:#9eb4c7;
  border-color:rgba(135,163,187,.14);
  background:rgba(135,163,187,.035);
}

/* === SOURCE: css/246-v5609-similarity-top-silhouette-style.css === */

.ut-compact-player.is-top{
  grid-template-columns:28px minmax(0,1fr) 104px;
}
.ut-ea-card-preview{
  width:104px;
  align-self:center;
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.ut-ea-card-link{
  position:relative;
  width:96px;
  height:112px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border:1px solid rgba(219,184,95,.16);
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  background:
    radial-gradient(circle at 50% 34%,rgba(220,185,95,.10),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(219,184,95,.025) 58%,rgba(9,11,14,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 24px rgba(0,0,0,.13);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.ut-ea-card-link:hover{
  transform:translateY(-2px);
  border-color:rgba(219,184,95,.30);
  background:
    radial-gradient(circle at 50% 34%,rgba(220,185,95,.15),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.038),rgba(219,184,95,.038) 58%,rgba(9,11,14,.10));
}
.ut-ea-silhouette{
  position:absolute;
  left:8px;
  right:8px;
  top:5px;
  height:93px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:.70;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.24));
}
.ut-ea-silhouette svg{
  width:75px;
  height:91px;
  overflow:visible;
}
.ut-ea-silhouette circle,
.ut-ea-silhouette path{
  fill:rgba(190,198,203,.17);
  stroke:rgba(224,229,232,.10);
  stroke-width:1.3;
}
.ut-ea-card-overlay{
  position:relative;
  z-index:2;
  width:100%;
  min-height:30px;
  padding:5px 6px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  background:linear-gradient(180deg,transparent,rgba(7,9,12,.86) 38%,rgba(7,9,12,.96));
  text-align:center;
}
.ut-ea-card-overlay b{
  color:#cfb36e;
  font-size:7.2px;
  font-weight:850;
  letter-spacing:.09em;
}
.ut-ea-card-overlay small{
  color:#8e9aa4;
  font-size:7px;
  font-weight:700;
}
.ut-ea-card-caption{
  color:#6f7b85;
  font-size:6.8px;
  font-weight:800;
  letter-spacing:.10em;
}
@media(max-width:560px){
  .ut-compact-player.is-top{
    grid-template-columns:28px minmax(0,1fr) 82px;
  }
  .ut-ea-card-preview{width:82px}
  .ut-ea-card-link{
    width:76px;
    height:92px;
    border-radius:12px;
  }
  .ut-ea-silhouette{
    left:5px;
    right:5px;
    top:4px;
    height:75px;
  }
  .ut-ea-silhouette svg{
    width:60px;
    height:73px;
  }
  .ut-ea-card-overlay{
    min-height:26px;
    padding:4px 4px 5px;
  }
}

/* === SOURCE: css/247-v5618-build-card-badge-centerline-fix.css === */

/* v5.6.18 · final-position override: the later clean-badge layer had reset the build-card badge to left:0.
   Move the visible badge center right so it aligns with the intended card-side vertical guide. */
body.build-overview-active .fc-build-card-plus{
  left:4.0%!important;
}
@media(max-width:1180px){
  body.build-overview-active .fc-build-card-plus{left:4.0%!important;}
}