
@media(min-width:761px){
  #overviewBuildShowcaseCard{
    position:relative!important;
    isolation:isolate!important;
  }

  /* Legacy DOM stays alive only as a data bridge. */
  #overviewBuildShowcaseCard > :not(#fc27CardRendererRoot){
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  #fc27CardRendererRoot{
    --cr-name:#FEF7FF;
    --cr-stat-label:#E6F8FF;
    --cr-stat-value:#E6F8FF;
    --cr-ps-icon:#FEF7FF;
    --cr-ps-border:#FFFDFF;
    --cr-ps-bg:#331A44;
    --cr-logo:#E6F8FF;

    position:absolute!important;
    inset:0!important;
    z-index:50!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:none!important;
    container-type:inline-size;
    font-variant-numeric:tabular-nums lining-nums;
  }

  #fc27CardRendererRoot .cr-face{
    position:absolute;inset:0;z-index:1;width:100%;height:100%;
    object-fit:contain;pointer-events:none;
  }

  #fc27CardRendererRoot .cr-portrait-window{
    position:absolute;z-index:2;overflow:hidden;pointer-events:none;
    left:10.8%;
    top:10.2%;
    width:79.8%;
    height:55.5%;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);
  }

  #fc27CardRendererRoot .cr-portrait{
    position:absolute;
    max-width:none;
    max-height:none;
    width:auto;
    object-fit:contain;
    transform:translate(-50%,-50%);
    transform-origin:center center;
    pointer-events:none;
    opacity:1;
    filter:none;
    mix-blend-mode:normal;
  }

  #fc27CardRendererRoot .cr-name{
    position:absolute;z-index:6;
    left:50%;top:68.8%;
    width:82%;transform:translate(-50%,-50%);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    text-align:center;color:var(--cr-name);
    font-family:"STKaiti","KaiTi","Kaiti SC","Microsoft YaHei",sans-serif;
    font-size:8.9535cqw;
    line-height:1;font-weight:900;letter-spacing:.015em;
    text-shadow:0 2px 7px rgba(20,5,35,.68);
  }

  #fc27CardRendererRoot .cr-stats{
    position:absolute;z-index:6;
    left:50%;top:77.9%;
    width:74%;
    transform:translate(-50%,-50%);
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    gap:1px;text-align:center;
  }

  #fc27CardRendererRoot .cr-stat-label{
    display:block;color:var(--cr-stat-label);
    font-size:3.1395cqw;
    line-height:1;font-weight:900;letter-spacing:.025em;
    text-shadow:0 2px 6px rgba(20,5,35,.72);
  }

  #fc27CardRendererRoot .cr-stat-value{
    display:block;margin-top:5px;color:var(--cr-stat-value);
    font-size:5.6977cqw;
    line-height:1;font-weight:950;letter-spacing:-.02em;
    text-shadow:0 2px 6px rgba(20,5,35,.72);
  }

  #fc27CardRendererRoot .cr-ps-stack{
    position:absolute;z-index:7;
    left:11%;top:64.7%;
    width:0;height:0;
    overflow:visible;
    pointer-events:none;
  }

  #fc27CardRendererRoot .cr-ps{
    position:absolute;z-index:1;
    left:0;
    top:var(--cr-ps-offset,0cqw);
    width:11.6279cqw;
    height:9.7674cqw;
    transform:translate(-50%,-50%);
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.36));
    pointer-events:none;
  }
  #fc27CardRendererRoot .cr-ps-shell,
  #fc27CardRendererRoot .cr-ps-fill{
    position:absolute;inset:0;
    clip-path:polygon(24% 0,76% 0,100% 33%,50% 100%,0 33%);
  }
  #fc27CardRendererRoot .cr-ps-shell{background:var(--cr-ps-border);}
  #fc27CardRendererRoot .cr-ps-fill{inset:3px;background:var(--cr-ps-bg);}

  #fc27CardRendererRoot .cr-ps-icon{
    position:absolute;z-index:2;left:50%;top:46%;
    width:42%;height:50%;transform:translate(-50%,-50%);
    background:var(--cr-ps-icon);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain;
  }
  #fc27CardRendererRoot .cr-ps-fallback{
    position:absolute;z-index:2;inset:0;display:none;place-items:center;
    color:var(--cr-ps-icon);font-size:2.2cqw;font-weight:950;
  }

  #fc27CardRendererRoot .cr-logo{
    position:absolute;z-index:7;
    left:50%;top:86.4%;
    width:7.4419cqw;
    height:7.4419cqw;
    transform:translate(-50%,-50%);
    background:var(--cr-logo);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.45));
  }
}

@media(max-width:760px){
  #fc27CardRendererRoot{display:none!important;}
}
