/* === SOURCE: css/100-v421-playstyle-status-tier-warning-and-specialization-glow.css === */

/* v4.2.1 · Status belongs to the PlayStyle information bar directly above the badge rows. */
@media(min-width:1001px){
  #playstylesPanel .ps-page-k6 .ps-page-head{
    padding-right:0!important;
    min-height:46px!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-toolbar-main{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
  }
  #playstylesPanel .ps-page-k6 .ps-library-stats{
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
}

/* A silver badge can coexist with the same PlayStyle+, but that is redundant.
   Keep it legal, turn the green equipped cue into a restrained gold warning. */
#playstylesPanel .ps-page-k6 .ps-badge-tile.higher-tier-owned{
  border-color:rgba(216,184,95,.28)!important;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.equipped.higher-tier-duplicate{
  border-color:rgba(216,184,95,.52)!important;
  background:linear-gradient(145deg,rgba(92,72,27,.44),rgba(31,42,50,.96) 72%)!important;
  box-shadow:0 0 0 1px rgba(216,184,95,.08),0 7px 20px rgba(0,0,0,.22),0 0 18px rgba(216,184,95,.08)!important;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.equipped.higher-tier-duplicate .ps-equipped-check{
  background:#d6b94f!important;
  border-color:#171b1d!important;
  color:#241c08!important;
  box-shadow:0 2px 9px rgba(0,0,0,.30),0 0 10px rgba(216,184,95,.16)!important;
}
#playstylesPanel .ps-page-k6 .ps-unlocked-hint.higher-tier-warning,
#playstylesPanel .ps-page-k6 .ps-unlocked-hint.higher-tier-warning.equipped{
  border-color:rgba(216,184,95,.30)!important;
  background:linear-gradient(145deg,rgba(216,184,95,.12),rgba(105,78,24,.07))!important;
}
#playstylesPanel .ps-page-k6 .ps-unlocked-hint.higher-tier-warning strong{
  color:#e1c76d!important;
}
#playstylesPanel .ps-page-k6 .ps-unlocked-hint.higher-tier-warning span{
  color:#b9a66d!important;
}

/* Restore the v4.1.10 equipped-star top spotlight only on actual specialization/player cards.
   Later readability CSS had replaced ::before with a bottom-only wash. */
@media(min-width:1281px){
  #specializationCards .specialization-card.spec-card.state-3{
    box-shadow:
      0 20px 46px rgba(0,0,0,.30),
      0 0 0 1px rgba(216,184,95,.10),
      0 -10px 32px rgba(229,201,115,.10),
      0 0 28px rgba(216,184,95,.075)!important;
  }
  #specializationCards .specialization-card.spec-card.state-3::before{
    background:
      radial-gradient(ellipse 66% 21% at 50% 0%,rgba(255,229,147,.16),transparent 72%),
      linear-gradient(180deg,
        transparent 0,
        transparent calc(100% - 82px),
        rgba(216,184,95,.018) calc(100% - 70px),
        rgba(216,184,95,.055) calc(100% - 36px),
        rgba(216,184,95,.090) 100%)!important;
  }
}

/* === SOURCE: css/101-v432-build-overview-correct-column.css === */

/* v4.3.2 · Correct Build Overview order
   Column 1 = Build/profile + PlayStyles
   Column 2 = Match attributes (kept)
   Column 3 = new showcase card (replaces old inspiration portrait) */
body.build-overview-active .overview-portrait-card{
  display:none!important;
}
body.build-overview-active .overview-middle-column{
  grid-area:profile!important;
}
body.build-overview-active .overview-stats-card{
  display:block!important;
  grid-area:stats!important;
}
body.build-overview-active .overview-showcase-column{
  grid-area:showcase!important;
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:0!important;
  overflow:visible!important;
}
@media(min-width:1381px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(300px,.90fr) minmax(520px,1.48fr) minmax(300px,.90fr)!important;
    grid-template-areas:"profile stats showcase"!important;
    gap:14px!important;
    align-items:stretch!important;
  }
}
@media(max-width:1380px) and (min-width:1051px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(270px,.88fr) minmax(430px,1.42fr) minmax(270px,.86fr)!important;
    grid-template-areas:"profile stats showcase"!important;
    gap:12px!important;
  }
}
@media(max-width:1050px) and (min-width:761px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:minmax(245px,.90fr) minmax(360px,1.30fr) minmax(235px,.78fr)!important;
    grid-template-areas:"profile stats showcase"!important;
    gap:10px!important;
  }
}
@media(max-width:760px){
  body.build-overview-active .build-overview-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "profile"
      "stats"
      "showcase"!important;
  }
}

/* Card is centered inside the true third column. */
body.build-overview-active .fc-build-showcase-card{
  width:min(100%,350px)!important;
  margin:0 auto!important;
}
@media(max-width:1050px) and (min-width:761px){
  body.build-overview-active .fc-build-showcase-card{width:min(100%,304px)!important}
}
@media(max-width:760px){
  body.build-overview-active .fc-build-showcase-card{width:min(318px,88vw)!important}
}

/* Put the player below the card frame and blend the dark source background away.
   The masks keep the photo inside the card body while preserving the player's silhouette. */
body.build-overview-active .fc-build-card-frame{
  z-index:3!important;
}
body.build-overview-active .fc-build-card-player-stage{
  z-index:2!important;
  left:11.2%!important;
  right:10.4%!important;
  top:9.8%!important;
  height:57.5%!important;
  overflow:hidden!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)!important;
}
body.build-overview-active .fc-build-card-player{
  left:50%!important;
  top:0!important;
  inset:auto!important;
  width:102%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  transform:translateX(-50%) scale(1.015)!important;
  transform-origin:50% 36%!important;
  mix-blend-mode:screen!important;
  filter:saturate(.92) contrast(1.08) brightness(.98) drop-shadow(0 8px 14px rgba(0,0,0,.24))!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 74%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 74%,transparent 100%)!important;
}
body.build-overview-active .fc-build-card-player-fade{
  background:
    radial-gradient(circle at 50% 18%,rgba(235,197,90,.14),transparent 35%),
    linear-gradient(180deg,rgba(7,8,10,.02) 0%,transparent 54%,rgba(7,8,10,.34) 73%,rgba(7,8,10,.94) 100%),
    linear-gradient(90deg,rgba(7,8,10,.18),transparent 15%,transparent 85%,rgba(7,8,10,.18))!important;
}

/* Use the same PlayStyle+ visual language used elsewhere on the site:
   diamond + gold fill, with the original badge icon untouched. */
body.build-overview-active .fc-build-card-plus{
  z-index:6!important;
  left:6.1%!important;
  top:49.0%!important;
  width:53px!important;
  height:53px!important;
  transform:rotate(45deg)!important;
  border:1px solid rgba(249,226,142,.72)!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#f0d886,#b58d31)!important;
  box-shadow:0 0 11px rgba(216,184,95,.16),0 2px 7px rgba(0,0,0,.20)!important;
}
body.build-overview-active .fc-build-card-plus::before{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border:1px solid rgba(255,245,200,.46)!important;
  border-radius:0!important;
}
body.build-overview-active .fc-build-card-plus-inner{
  inset:0!important;
  transform:rotate(-45deg)!important;
}
body.build-overview-active .fc-build-card-plus img{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  filter:none!important;
}
body.build-overview-active .fc-build-card-plus.is-silver{
  border-color:rgba(255,255,255,.48)!important;
  background:#e3e7ea!important;
  box-shadow:0 2px 7px rgba(0,0,0,.18)!important;
}

/* === SOURCE: css/102-v433-player-layer-fix.css === */

/* v4.3.3 · black/gold card artwork is an opaque base, so the player must sit above it. */
body.build-overview-active .fc-build-card-frame{
  z-index:1!important;
}
body.build-overview-active .fc-build-card-player-stage{
  z-index:3!important;
  left:11.8%!important;
  right:10.9%!important;
  top:10.6%!important;
  height:55.8%!important;
  overflow:hidden!important;
  clip-path:polygon(5% 4%,18% 0,32% 0,39% 5%,46% 2%,50% 0,54% 2%,61% 5%,68% 0,82% 0,95% 4%,100% 11%,100% 100%,0 100%,0 11%);
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.build-overview-active .fc-build-card-player{
  z-index:1!important;
  opacity:.98!important;
  mix-blend-mode:normal!important;
  width:104%!important;
  height:104%!important;
  object-fit:cover!important;
  object-position:center 16%!important;
  transform:translateX(-50%) scale(1.02)!important;
  filter:saturate(.94) contrast(1.055) brightness(.98) drop-shadow(0 8px 16px rgba(0,0,0,.30))!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.92) 78%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.92) 78%,transparent 100%)!important;
}
body.build-overview-active .fc-build-card-player-fade{
  z-index:2!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(235,197,90,.10),transparent 37%),
    linear-gradient(180deg,transparent 0%,transparent 60%,rgba(7,8,10,.28) 77%,rgba(7,8,10,.92) 100%),
    linear-gradient(90deg,rgba(7,8,10,.12),transparent 12%,transparent 88%,rgba(7,8,10,.12))!important;
}
/* Card information remains over the portrait. */
body.build-overview-active .fc-build-card-level-lockup,
body.build-overview-active .fc-build-card-plus,
body.build-overview-active .fc-build-card-identity,
body.build-overview-active .fc-build-card-face-stats{
  z-index:6!important;
}

/* === SOURCE: css/103-v435-player-cutout-hair-preserve.css === */

/* v4.3.5 · slightly larger card subject with conservative dark-hair preservation. */
body.build-overview-active .fc-build-card-player-stage{
  left:10.7%!important;
  right:9.9%!important;
  top:8.8%!important;
  height:59.2%!important;
  overflow:hidden!important;
  clip-path:polygon(5% 5%,18% 0,32% 0,39% 5%,46% 2%,50% 0,54% 2%,61% 5%,68% 0,82% 0,95% 5%,100% 12%,100% 100%,0 100%,0 12%)!important;
}
body.build-overview-active .fc-build-card-player{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:1.5%!important;
  width:auto!important;
  height:86.1%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:saturate(.96) contrast(1.04) brightness(.99) drop-shadow(0 10px 16px rgba(0,0,0,.32))!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 86%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 78%,rgba(0,0,0,.92) 86%,transparent 100%)!important;
}
body.build-overview-active .fc-build-card-player-fade{
  background:
    radial-gradient(circle at 50% 21%,rgba(236,199,96,.08),transparent 38%),
    linear-gradient(180deg,transparent 0%,transparent 68%,rgba(7,8,10,.18) 82%,rgba(7,8,10,.74) 100%)!important;
}