/* === SOURCE: css/212-v5571-archetype-header-unified.css === */

/* v5.5.71 · One archetype-header geometry everywhere, including My Build.
   Selected archetype identity becomes a vertical Chinese / English lockup. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-model-trigger,
  body.build-overview-active .global-archetype-overview-card .ovc-model-trigger{
    min-height:56px!important;
    grid-template-columns:40px minmax(0,1fr) 86px!important;
    gap:9px!important;
    margin:-2px -5px!important;
    width:calc(100% + 10px)!important;
    padding:7px 5px!important;
    border:1px solid rgba(215,224,232,.075)!important;
    border-radius:12px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.008))!important;
  }

  .global-archetype-overview-card .ovc-model-logo,
  body.build-overview-active .global-archetype-overview-card .ovc-model-logo{
    width:38px!important;
    height:38px!important;
    align-self:center!important;
  }

  .global-archetype-overview-card .ovc-model-logo img,
  body.build-overview-active .global-archetype-overview-card .ovc-model-logo img{
    width:35px!important;
    height:35px!important;
  }

  /* Selected archetype name: Chinese primary, English secondary underneath. */
  .global-archetype-overview-card .ovc-model-copy,
  body.build-overview-active .global-archetype-overview-card .ovc-model-copy{
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }

  .global-archetype-overview-card .ovc-model-copy strong,
  body.build-overview-active .global-archetype-overview-card .ovc-model-copy strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#eef2f5!important;
    font-size:20px!important;
    line-height:1.05!important;
    font-weight:840!important;
    letter-spacing:-.02em!important;
  }

  .global-archetype-overview-card .ovc-model-copy span,
  body.build-overview-active .global-archetype-overview-card .ovc-model-copy span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#707c88!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
  }

  /* My Build previously had a more specific 27px legacy override.
     Explicitly lock it to the same 36px action used everywhere else. */
  .global-archetype-overview-card .ovc-model-action,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action{
    width:86px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 9px!important;
    gap:5px!important;
    align-self:center!important;
    color:#aeb8c1!important;
    border-color:rgba(205,216,227,.17)!important;
    background:rgba(205,216,227,.035)!important;
    border-radius:10px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  .global-archetype-overview-card .ovc-model-action-label,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action-label{
    display:inline!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.01em!important;
  }

  .global-archetype-overview-card .ovc-model-action .ovc-chevron,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action .ovc-chevron{
    width:11px!important;
    height:11px!important;
    flex:0 0 11px!important;
  }
}

@media(min-width:761px) and (max-width:1050px){
  .global-archetype-overview-card .ovc-model-trigger,
  body.build-overview-active .global-archetype-overview-card .ovc-model-trigger{
    grid-template-columns:38px minmax(0,1fr) 36px!important;
  }

  .global-archetype-overview-card .ovc-model-action,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action{
    width:36px!important;
    padding:0!important;
  }

  .global-archetype-overview-card .ovc-model-action-label,
  body.build-overview-active .global-archetype-overview-card .ovc-model-action-label{
    display:none!important;
  }
}

/* === SOURCE: css/213-v5572-body-card-flip.css === */

/* v5.5.72 · Body section becomes a two-sided stage:
   front = scaled Inspiration Player card, back = body coordinate controller. */

@media(min-width:761px){
  .global-archetype-overview-card .ovc-body-section{
    perspective:1100px!important;
  }

  .global-archetype-overview-card .ovc-body-flip-stage{
    position:relative!important;
    width:100%!important;
    height:330px!important;
    margin-top:10px!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    overflow:visible!important;
    perspective:1100px!important;
  }

  .global-archetype-overview-card .ovc-body-flip-inner{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    transform-style:preserve-3d!important;
    transform:rotateY(0deg);
    transition:transform .48s cubic-bezier(.2,.72,.18,1)!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-flip-inner{
    transform:rotateY(-180deg)!important;
  }

  .global-archetype-overview-card .ovc-body-face{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transform-style:preserve-3d!important;
  }

  .global-archetype-overview-card .ovc-body-card-face{
    pointer-events:auto;
  }

  .global-archetype-overview-card .ovc-body-control-face{
    transform:rotateY(180deg)!important;
    pointer-events:none;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    pointer-events:none;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    pointer-events:auto;
  }

  /* The moved My Build portrait card keeps its original design proportions.
     The whole card is scaled as one object, so typography/icons shrink together. */
  .global-archetype-overview-card .ovc-body-card-face .overview-portrait-card{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    grid-area:auto!important;
    transform:
      translate(-50%,-50%)
      scale(var(--ovc-body-card-scale,.62))!important;
    transform-origin:50% 50%!important;
    border-radius:16px!important;
    opacity:1!important;
    box-shadow:0 16px 38px rgba(0,0,0,.30)!important;
    overflow:hidden!important;
  }

  .global-archetype-overview-card .ovc-body-card-face .overview-portrait-stage{
    min-height:390px!important;
    height:390px!important;
  }

  .global-archetype-overview-card .ovc-body-card-face .overview-portrait-footer{
    min-height:58px!important;
  }

  /* Coordinate face no longer uses the old expand/collapse height animation:
     the 3D stage owns visibility and motion now. */
  .global-archetype-overview-card .ovc-body-control-face .ovc-body-expanded{
    display:grid!important;
    width:100%!important;
    max-height:none!important;
    opacity:1!important;
    overflow:visible!important;
    margin:0!important;
    padding:12px 0 0!important;
    border-top:0!important;
    transform:none!important;
    transition:none!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    gap:12px!important;
    align-items:center!important;
  }

  .global-archetype-overview-card .ovc-body-control-face .ovc-body-plot{
    aspect-ratio:1.45 / 1!important;
  }

  /* Horizontal chevron: right = 调节, left = 收起. */
  .global-archetype-overview-card .ovc-body-toggle .ovc-chevron{
    transform:rotate(0deg)!important;
  }
  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-toggle .ovc-chevron{
    transform:rotate(180deg)!important;
  }

  /* My Build is now a two-column information page because the portrait card
     permanently lives in the persistent Body section on desktop. */
  body.build-overview-active #playerCardPanel .build-overview-grid{
    grid-template-columns:minmax(300px,.88fr) minmax(520px,1.48fr)!important;
    grid-template-areas:"profile stats"!important;
    gap:10px!important;
  }
}

/* Slightly shorter stage on compact laptop heights. */
@media(min-width:761px) and (max-height:800px){
  .global-archetype-overview-card .ovc-body-flip-stage{
    height:300px!important;
  }
}

@media(max-width:760px){
  /* Mobile keeps the original My Build portrait placement and body accordion. */
  .ovc-body-flip-stage{
    display:none!important;
  }
}