/* Seeded sports-anime portraits: the face stays the same throughout a career. */
.player-portrait[data-portrait-art="sports-anime-v2"] {
  --portrait-ink: #302b2b;
  border-color: #d0c8bd;
  background: #eee9df;
  box-shadow: none;
}
.player-portrait[data-portrait-art="sports-anime-v2"]::after {
  box-shadow: inset 0 0 0 1px #ffffff6b;
}
.player-portrait[data-portrait-art] .player-portrait__arena-base { fill: #eee9df; }
.player-portrait[data-portrait-art] .player-portrait__arena-haze { fill: #faf7f0; opacity: 1; }
.player-portrait[data-portrait-art] .player-portrait__arena-panel { fill: #d77b3a; opacity: .12; }
.player-portrait[data-portrait-art] .player-portrait__arena-line { stroke: #857c6a; opacity: .23; stroke-width: .6; }
.player-portrait[data-portrait-art] .player-portrait__arena-ticks { stroke: #a95e31; stroke-width: .9; opacity: .5; }
.player-portrait[data-portrait-art] .player-portrait__fingerprint circle { fill: #bc7443; opacity: .23; }
.player-portrait[data-portrait-art] .player-portrait__skin,
.player-portrait[data-portrait-art] .player-portrait__face,
.player-portrait[data-portrait-art] .player-portrait__neck {
  stroke: var(--portrait-ink); stroke-width: .9; stroke-linejoin: round;
}
.player-portrait[data-portrait-art] .player-portrait__face-side-shadow { opacity: .59; }
.player-portrait__face-temple,
.player-portrait__ear-shadow,
.player-portrait__chin-shadow,
.player-portrait__nose-plane { fill: var(--portrait-skin-shadow); opacity: .55; }
.player-portrait[data-portrait-art] .player-portrait__face-highlight { opacity: .6; }
.player-portrait__neck-light { fill: var(--portrait-skin-highlight); opacity: .52; }
.player-portrait[data-portrait-art] .player-portrait__neck-shadow { opacity: .78; }
.player-portrait__anatomy,
.player-portrait__skin-ink,
.player-portrait__philtrum { fill: none; stroke: var(--portrait-skin-shadow); stroke-width: .75; stroke-linecap: round; }
.player-portrait[data-portrait-art] .player-portrait__detail,
.player-portrait[data-portrait-art] .player-portrait__nose,
.player-portrait[data-portrait-art] .player-portrait__nostril { stroke: var(--portrait-ink); stroke-width: .75; opacity: .8; }
.player-portrait__nose-light { fill: none; stroke: var(--portrait-skin-highlight); stroke-width: 1.3; stroke-linecap: round; }
.player-portrait[data-portrait-art] .player-portrait__cheek-soft,
.player-portrait[data-portrait-art] .player-portrait__cheek-sharp { stroke-width: .8; opacity: .5; }
.player-portrait[data-portrait-art] .player-portrait__cheek-fill { opacity: .26; }
.player-portrait[data-portrait-art] .player-portrait__cheek-hollow { opacity: .25; }
.player-portrait[data-portrait-art] .player-portrait__eye-white { fill: #fff8eb; stroke-width: .6; }
.player-portrait__eye-shadow { fill: var(--portrait-skin-shadow); opacity: .43; }
.player-portrait[data-portrait-art] .player-portrait__iris { stroke-width: .6; }
.player-portrait__iris-light { fill: none; stroke: #e0ca7d; stroke-width: .7; opacity: .8; }
.player-portrait__lash { fill: none; stroke: var(--portrait-ink); stroke-width: 1.35; stroke-linecap: square; stroke-linejoin: round; }
.player-portrait[data-portrait-art] .player-portrait__eye-lid { stroke-width: .6; opacity: .65; }
.player-portrait__brow-fill { fill: var(--portrait-hair); }
.player-portrait__brow-texture { fill: none; stroke: var(--portrait-hair-highlight); stroke-width: .55; opacity: .7; }
.player-portrait[data-portrait-art] .player-portrait__mouth-line { stroke: var(--portrait-ink); stroke-width: .8; }
.player-portrait[data-portrait-art] .player-portrait__lip { opacity: .38; }
.player-portrait[data-portrait-art] .player-portrait__facial-hair { opacity: .94; }
.player-portrait[data-portrait-art] .player-portrait__stubble { opacity: .22; }
.player-portrait[data-portrait-art] .player-portrait__hair { stroke: var(--portrait-ink); stroke-width: 1; }
.player-portrait[data-portrait-art] .player-portrait__scalp-shine { stroke-width: 1.2; opacity: .55; }
.player-portrait__character-detail { fill: var(--portrait-skin-shadow); stroke: var(--portrait-skin-shadow); stroke-width: .5; opacity: .7; }
.player-portrait__ink-hatch { fill: none; opacity: .6; }
.player-portrait[data-portrait-art] .player-portrait__age-detail { stroke: var(--portrait-skin-shadow); opacity: .65; }
.player-portrait[data-portrait-art] .player-portrait__expression-detail { fill: none; stroke: var(--portrait-skin-shadow); stroke-width: .7; opacity: .65; }
.player-portrait[data-portrait-art] .player-portrait__jersey { fill: #303236; stroke: #24262a; stroke-width: .9; }
.player-portrait[data-portrait-art][data-kit-body] .player-portrait__jersey { fill: var(--kit-body, #303236); stroke: #24262a; }
.player-portrait[data-portrait-art] .player-portrait__jersey-shadow { fill: #16191f; opacity: .28; }
.player-portrait[data-portrait-art] .player-portrait__jersey-trim { stroke: #e18b48; stroke-width: 1.8; }
.player-portrait[data-portrait-art][data-kit-body] .player-portrait__jersey-trim { stroke: var(--kit-trim, #e18b48); }
.player-portrait__fabric-light { fill: none; stroke: #fff; stroke-width: .8; opacity: .27; }
.player-portrait__fabric-line { fill: none; stroke: #15161b; stroke-width: .65; opacity: .6; }
.player-portrait[data-portrait-art] .player-portrait__jersey-number { font-size: 9px; }
@media (forced-colors: active) {
  .player-portrait[data-portrait-art] { border-color: CanvasText; }
  .player-portrait[data-portrait-art] .player-portrait__arena-base { fill: Canvas; }
}

/* Original image-generated ink work overlays each independently drawn face. */
.player-portrait__illustrated-hair { pointer-events: none; }
.player-portrait[data-portrait-hair-color="espresso"] .player-portrait__illustrated-hair { filter: sepia(.5) brightness(.9); }
.player-portrait[data-portrait-hair-color="brown"] .player-portrait__illustrated-hair { filter: sepia(.9) saturate(1.25) brightness(1.45); }
.player-portrait[data-portrait-hair-color="chestnut"] .player-portrait__illustrated-hair { filter: sepia(1) saturate(1.6) brightness(1.7) hue-rotate(347deg); }
.player-portrait[data-portrait-hair-color="auburn"] .player-portrait__illustrated-hair { filter: sepia(1) saturate(2.1) brightness(1.8) hue-rotate(329deg); }
.player-portrait[data-portrait-hair-color="golden"] .player-portrait__illustrated-hair { filter: sepia(1) saturate(1.5) brightness(3.1); }
.player-portrait[data-portrait-hair-color="silver"] .player-portrait__illustrated-hair { filter: grayscale(1) brightness(3.1) contrast(.72); }
.player-portrait[data-portrait-hair-color="white"] .player-portrait__illustrated-hair { filter: grayscale(1) brightness(4.5) contrast(.65); }

.player-portrait__beard-ink { fill: none; stroke: var(--portrait-beard); stroke-width: .55; opacity: .65; stroke-linecap: round; }
.player-portrait__beard-light { fill: none; stroke: var(--portrait-hair-highlight); stroke-width: .5; opacity: .8; }