/* === SOURCE: css/276-v587-portrait-polish-style.css === */

@media(min-width:761px){
  /* 1) Subtle vintage treatment. Intentionally restrained so face detail stays clean. */
  #fc27CardRendererRoot .cr-portrait{
    filter:
      saturate(.955)
      contrast(.985)
      brightness(.998)
      sepia(.035)!important;
  }

  /* Keep the existing calibrated portrait geometry unchanged; only soften its visual exit. */
  #fc27CardRendererRoot .cr-portrait-window{
    -webkit-mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 74%,
      rgba(0,0,0,.98) 79%,
      rgba(0,0,0,.80) 86%,
      rgba(0,0,0,.42) 93%,
      transparent 100%
    )!important;
    mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 74%,
      rgba(0,0,0,.98) 79%,
      rgba(0,0,0,.80) 86%,
      rgba(0,0,0,.42) 93%,
      transparent 100%
    )!important;
  }

  /* 2) Fine print-like grain over the portrait only. */
  #fc27CardRendererRoot .cr-portrait-window::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    opacity:.032;
    mix-blend-mode:soft-light;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.78'/%3E%3C/svg%3E");
    background-size:82px 82px;
  }

  /* 3) Soft shadow / atmospheric blend at the cut line. */
  #fc27CardRendererRoot .cr-portrait-window::after{
    content:"";
    position:absolute;
    left:-4%;
    right:-4%;
    bottom:-1%;
    height:28%;
    z-index:5;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 50% 92%, rgba(0,0,0,.24) 0%, rgba(0,0,0,.13) 34%, rgba(0,0,0,0) 72%),
      linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.055) 48%, rgba(0,0,0,.18) 100%);
    filter:blur(4px);
    opacity:.82;
  }
}

/* === SOURCE: css/277-v5812-overview-signature-switch-style.css === */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-playstyle-section{
    position:relative!important;
    overflow:visible!important;
  }

  .global-archetype-overview-card .ovc-ps-badge.pc-signature-switchable{
    cursor:pointer!important;
    overflow:visible!important;
  }

  .global-archetype-overview-card .pc-signature-switch-mark{
    position:absolute!important;
    right:-2px!important;
    top:-2px!important;
    z-index:9!important;
    width:13px!important;
    height:13px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(238,205,102,.48)!important;
    border-radius:50%!important;
    background:#11171d!important;
    color:#e3c66d!important;
    box-shadow:0 2px 7px rgba(0,0,0,.36)!important;
    font:900 8px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    letter-spacing:-1px!important;
    pointer-events:none!important;
  }

  .global-archetype-overview-card .ovc-ps-badge.pc-signature-switchable:hover .pc-signature-switch-mark{
    border-color:rgba(238,205,102,.78)!important;
    background:#171e24!important;
    color:#f0d47d!important;
  }

  .global-archetype-overview-card .pc-signature-picker{
    position:absolute!important;
    z-index:160!important;
    left:auto!important;
    right:0!important;
    top:41px!important;
    width:min(318px,calc(100% - 66px))!important;
    padding:9px!important;
    border:1px solid rgba(255,255,255,.095)!important;
    border-radius:11px!important;
    background:rgba(12,17,22,.975)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-4px)!important;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
  }

  .global-archetype-overview-card .pc-signature-picker.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .global-archetype-overview-card .pc-signature-picker-head{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:1px 2px 7px!important;
  }

  .global-archetype-overview-card .pc-signature-picker-head strong{
    color:#dbe1e6!important;
    font-size:9px!important;
    font-weight:850!important;
  }

  .global-archetype-overview-card .pc-signature-picker-head span{
    color:#65717b!important;
    font-size:7px!important;
    font-weight:650!important;
  }

  .global-archetype-overview-card .pc-signature-choices{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }

  .global-archetype-overview-card .pc-signature-choice{
    min-width:0!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 13px!important;
    align-items:center!important;
    gap:6px!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.018)!important;
    color:#8d98a1!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:border-color .14s ease,background .14s ease!important;
  }

  .global-archetype-overview-card .pc-signature-choice:hover{
    border-color:rgba(216,184,95,.24)!important;
    background:rgba(216,184,95,.045)!important;
  }

  .global-archetype-overview-card .pc-signature-choice.active{
    border-color:rgba(216,184,95,.34)!important;
    background:rgba(216,184,95,.075)!important;
  }

  .global-archetype-overview-card .pc-signature-choice-badge{
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }

  .global-archetype-overview-card .pc-signature-choice-badge .overview-badge-shell{
    --badge-h:28px;
    --badge-w:33px;
    --icon-box:15px;
    --gold-lift:1.45px;
    width:34px!important;
    height:34px!important;
  }

  .global-archetype-overview-card .pc-signature-choice-badge.silver .overview-badge-shell{
    --badge-h:28px;
    --badge-w:28px;
    --gold-lift:0px;
  }

  .global-archetype-overview-card .pc-signature-choice-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
  }

  .global-archetype-overview-card .pc-signature-choice-copy small{
    color:#6f7b85!important;
    font-size:6.5px!important;
    font-weight:760!important;
  }

  .global-archetype-overview-card .pc-signature-choice-copy strong{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#d7dde2!important;
    font-size:8px!important;
    font-weight:860!important;
  }

  .global-archetype-overview-card .pc-signature-choice.active .pc-signature-choice-copy strong{
    color:#e3ca78!important;
  }

  .global-archetype-overview-card .pc-signature-choice-check{
    color:#d9bd67!important;
    font-size:9px!important;
    font-style:normal!important;
    font-weight:900!important;
    opacity:0!important;
  }

  .global-archetype-overview-card .pc-signature-choice.active .pc-signature-choice-check{
    opacity:1!important;
  }
}

@media(max-width:760px){
  .pc-signature-picker,.pc-signature-switch-mark{display:none!important;}
}