
/* v5.4.9 · Archetype Overview: true overlay archetype drawer, corrected body axes,
   non-selectable body plot, and ordinary PlayStyle placeholders that occupy the
   same lane positions as equipped badges. */
@media(min-width:761px){
  /* 1) Model selector is now a floating drawer. It overlays the modules below
     instead of increasing the height of the left rail. */
  .global-archetype-overview-card .ovc-model-section{
    position:relative!important;
    z-index:180!important;
    overflow:visible!important;
  }
  .global-archetype-overview-card .ovc-model-menu{
    position:absolute!important;
    z-index:220!important;
    left:0!important;
    right:0!important;
    top:calc(100% + 5px)!important;
    width:auto!important;
    box-sizing:border-box!important;
    display:block!important;
    max-height:min(610px,calc(100vh - 118px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding:6px!important;
    border:1px solid rgba(216,184,95,.18)!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(12,18,24,.955),rgba(7,12,17,.935))!important;
    -webkit-backdrop-filter:blur(15px) saturate(112%)!important;
    backdrop-filter:blur(15px) saturate(112%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-7px) scale(.985)!important;
    transform-origin:50% 0!important;
    transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s!important;
  }
  .global-archetype-overview-card .ovc-model-menu.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
  }
  .global-archetype-overview-card .ovc-model-menu::-webkit-scrollbar{width:5px!important;display:block!important}
  .global-archetype-overview-card .ovc-model-menu::-webkit-scrollbar-thumb{background:rgba(216,184,95,.16);border-radius:999px}
  .global-archetype-overview-card .ovc-model-group:first-child .ovc-model-group-label{padding-top:1px!important}

  /* 2) Body coordinates: real X/Y guide lines and endpoint labels. */
  .global-archetype-overview-card .ovc-body-plot{
    position:relative!important;
    overflow:hidden!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-touch-callout:none!important;
    touch-action:none!important;
  }
  .global-archetype-overview-card .ovc-body-plot *,
  .global-archetype-overview-card .ovc-body-plot::before,
  .global-archetype-overview-card .ovc-body-plot::after{
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .global-archetype-overview-card .ovc-body-plot::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:4.5%!important;
    top:6%!important;
    bottom:7%!important;
    width:1px!important;
    height:auto!important;
    border:0!important;
    background:linear-gradient(180deg,rgba(216,184,95,.72),rgba(216,184,95,.18))!important;
    pointer-events:none!important;
  }
  .global-archetype-overview-card .ovc-body-plot::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:4.5%!important;
    right:3%!important;
    bottom:7%!important;
    width:auto!important;
    height:1px!important;
    border:0!important;
    background:linear-gradient(90deg,rgba(105,205,147,.22),rgba(105,205,147,.72))!important;
    pointer-events:none!important;
  }
  .global-archetype-overview-card .ovc-body-axis-name{
    position:absolute!important;
    z-index:2!important;
    display:block!important;
    margin:0!important;
    padding:2px 4px!important;
    border-radius:5px!important;
    background:rgba(7,12,17,.58)!important;
    line-height:1!important;
    font-size:6.5px!important;
    font-weight:850!important;
    letter-spacing:.04em!important;
    pointer-events:none!important;
    white-space:nowrap!important;
  }
  .global-archetype-overview-card .ovc-body-axis-name.y{
    left:3px!important;
    top:50%!important;
    bottom:auto!important;
    right:auto!important;
    color:#d6b85f!important;
    transform:translateY(-50%) rotate(-90deg)!important;
    transform-origin:50% 50%!important;
  }
  .global-archetype-overview-card .ovc-body-axis-name.x{
    left:52%!important;
    bottom:8.5%!important;
    top:auto!important;
    right:auto!important;
    color:#71c894!important;
    transform:translate(-50%,-4px)!important;
  }
  .global-archetype-overview-card .ovc-body-axis{
    position:absolute!important;
    z-index:2!important;
    display:block!important;
    margin:0!important;
    padding:2px 3px!important;
    border-radius:4px!important;
    background:rgba(7,12,17,.64)!important;
    font-size:6.5px!important;
    line-height:1!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  /* height maximum/minimum live at the two ends of the Y axis */
  .global-archetype-overview-card .ovc-body-axis.top{
    left:6.5%!important;
    top:4px!important;
    right:auto!important;
    bottom:auto!important;
    color:#d8bd69!important;
    transform:none!important;
  }
  .global-archetype-overview-card .ovc-body-axis.bottom{
    left:6.5%!important;
    bottom:9%!important;
    right:auto!important;
    top:auto!important;
    color:#a99150!important;
    transform:translateY(-2px)!important;
  }
  /* weight minimum/maximum live at the two ends of the X axis */
  .global-archetype-overview-card .ovc-body-axis.left{
    left:4.5%!important;
    bottom:2px!important;
    right:auto!important;
    top:auto!important;
    color:#71c894!important;
    transform:translateX(-4%)!important;
  }
  .global-archetype-overview-card .ovc-body-axis.right{
    right:3%!important;
    bottom:2px!important;
    left:auto!important;
    top:auto!important;
    color:#71c894!important;
    transform:none!important;
  }
  .global-archetype-overview-card .ovc-body-dot{z-index:4!important;user-select:none!important;-webkit-user-select:none!important}

  /* 3) Three ordinary PlayStyle positions form one fixed lane. An empty/locked
     placeholder takes exactly the same outer slot width as an equipped badge. */
  .global-archetype-overview-card .ovc-ps-track{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    margin-left:0!important;
  }
  .global-archetype-overview-card .ovc-ps-track>.ovc-ps-slot{
    width:31px!important;
    height:31px!important;
    flex:0 0 31px!important;
    margin:0!important;
    padding:0!important;
  }
  .global-archetype-overview-card .ovc-ps-track>.ovc-ps-slot .overview-badge-shell{
    width:31px!important;
    height:31px!important;
  }
  .global-archetype-overview-card .ovc-ps-slot.empty .ovc-ps-slot-shell,
  .global-archetype-overview-card .ovc-ps-slot.locked .ovc-ps-slot-shell{
    width:20px!important;
    height:20px!important;
    border-radius:3px!important;
  }
  .global-archetype-overview-card .ovc-ps-slot-lock{width:10px!important;height:10px!important}
}
