/* v5.5.93
   Make externally provided PlayStyles visible before the user opens the detail panel.
   The tile gets a restrained amber state + a small source flag (AMP / 设施 / 原). */

#playstylesPanel .ps-page-k6 .ps-badge-tile.external-provided{
  border-color:rgba(214,171,96,.34)!important;
  background:
    linear-gradient(180deg,rgba(214,171,96,.045),rgba(214,171,96,0) 56%),
    linear-gradient(145deg,#233244,#182634 72%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(214,171,96,.07),
    0 0 0 1px rgba(214,171,96,.06),
    0 8px 18px rgba(0,0,0,.16)!important;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.external-provided .ps-icon-shell::before{
  box-shadow:
    0 0 0 1px rgba(237,199,111,.18),
    0 0 12px rgba(201,150,57,.07),
    0 2px 8px rgba(0,0,0,.16)!important;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.external-provided .ps-icon-shell img{
  opacity:.96!important;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.external-provided.selected{
  border-color:rgba(220,187,105,.64)!important;
  box-shadow:
    0 0 0 2px rgba(184,142,61,.12),
    0 10px 24px rgba(0,0,0,.26)!important;
}
#playstylesPanel .ps-page-k6 .ps-source-flag{
  position:absolute;
  right:5px;
  top:5px;
  z-index:4;
  min-width:16px;
  height:14px;
  padding:0 4px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(235,197,109,.42);
  background:rgba(29,24,18,.96);
  color:#eed495;
  box-shadow:0 2px 8px rgba(0,0,0,.26);
  font-size:8px;
  font-weight:900;
  letter-spacing:.02em;
  line-height:1;
  pointer-events:none;
}
#playstylesPanel .ps-page-k6 .ps-badge-tile.external-provided.equipped .ps-source-flag{
  background:rgba(35,30,21,.98);
}
@media (max-width:1280px){
  #playstylesPanel .ps-page-k6 .ps-source-flag{
    right:4px;
    top:4px;
    min-width:15px;
    height:13px;
    padding:0 3px;
    font-size:7px;
  }
}