/* v4.1.10k3 · FC27 regular PlayStyle system */
#playstylesPanel{margin-top:2px;min-width:0}
.ps-page{display:flex;flex-direction:column;gap:14px;padding:0 2px 16px}
.ps-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:56px;padding:0 4px 2px}
.ps-page-title-line{display:flex;align-items:baseline;gap:10px;margin-top:2px}
.ps-page-title-line h2{margin:0;color:#eef2f6;font-size:24px;letter-spacing:-.025em}
.ps-page-title-line span{color:#66727d;font-size:10px;font-weight:800}
.ps-page-head p{margin:6px 0 0;color:#6f7b86;font-size:10px;line-height:1.45}
.ps-page-summary{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.ps-summary-pill{min-width:88px;padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018);text-align:right}
.ps-summary-pill span{display:block;color:#68737e;font-size:7.5px;font-weight:850;letter-spacing:.05em}
.ps-summary-pill strong{display:block;margin-top:2px;color:#dce2e7;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums}
.ps-summary-pill strong em{font-style:normal;color:#7b8792;font-size:10px}

.ps-loadout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.85fr);gap:10px}
.ps-signature-card,.ps-slots-card{border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.009) 46%,transparent 72%),rgba(12,18,24,.92);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.ps-signature-card{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:13px;padding:13px 15px}
.ps-signature-card.plus{border-color:rgba(216,184,95,.22);background:linear-gradient(145deg,rgba(216,184,95,.055),rgba(255,255,255,.012) 47%,transparent 76%),rgba(12,18,24,.94)}
.ps-signature-copy small,.ps-slots-head small{display:block;color:#6b7680;font-size:7.5px;font-weight:900;letter-spacing:.07em}
.ps-signature-copy strong{display:block;margin-top:4px;color:#dce3e8;font-size:14px;font-weight:900}
.ps-signature-card.plus .ps-signature-copy strong{color:#dfc774}
.ps-signature-copy span{display:block;margin-top:4px;color:#7e8993;font-size:8.5px;line-height:1.35}

.ps-icon-shell{position:relative;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(210,219,226,.18);border-radius:16px;background:radial-gradient(circle at 42% 32%,rgba(255,255,255,.08),transparent 46%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.ps-icon-shell.plus{border-color:rgba(216,184,95,.34);background:radial-gradient(circle at 42% 32%,rgba(232,205,117,.18),transparent 48%),linear-gradient(145deg,rgba(216,184,95,.13),rgba(216,184,95,.035));box-shadow:0 0 18px rgba(216,184,95,.08),inset 0 0 0 1px rgba(255,255,255,.025)}
.ps-icon-shell img{width:33px;height:33px;object-fit:contain;opacity:.82;filter:invert(86%) sepia(4%) saturate(260%) hue-rotate(169deg) brightness(96%)}
.ps-icon-shell.plus img{opacity:.94;filter:invert(81%) sepia(44%) saturate(555%) hue-rotate(357deg) brightness(94%)}
.ps-icon-fallback{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(220,227,233,.22);border-radius:50%;color:#bdc7d0;font-size:8px;font-weight:950;letter-spacing:.08em}
.ps-icon-shell.plus .ps-icon-fallback{color:#ddc676;border-color:rgba(216,184,95,.32)}

.ps-slots-card{padding:12px 13px}
.ps-slots-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.ps-slots-head strong{color:#d9dfe5;font-size:11px}
.ps-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ps-slot{min-width:0;min-height:66px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.014)}
.ps-slot.locked{opacity:.46}
.ps-slot.filled{border-color:rgba(205,214,222,.14);background:linear-gradient(180deg,rgba(205,214,222,.035),rgba(255,255,255,.012))}
.ps-slot .ps-icon-shell{width:38px;height:38px;border-radius:11px}
.ps-slot .ps-icon-shell img{width:24px;height:24px}
.ps-slot .ps-icon-fallback{width:23px;height:23px;font-size:6px}
.ps-slot-copy{min-width:0}
.ps-slot-copy small{display:block;color:#68737e;font-size:7px;font-weight:850}
.ps-slot-copy strong{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cdd5dc;font-size:10px}
.ps-slot-copy span{display:block;margin-top:2px;color:#6f7b85;font-size:7.5px}

.ps-library-card{border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(11,17,23,.86);overflow:hidden}
.ps-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05)}
.ps-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ps-filter-btn{height:27px;padding:0 10px;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.018);color:#7e8993;font:800 8px/1 inherit;cursor:pointer;transition:.16s ease}
.ps-filter-btn:hover{border-color:rgba(255,255,255,.12);color:#bac3cb}
.ps-filter-btn.active{border-color:rgba(204,213,221,.19);background:rgba(204,213,221,.06);color:#d8dfe5}
.ps-source-note{color:#65717b;font-size:7.5px;white-space:nowrap}
.ps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}
.ps-card{position:relative;min-width:0;display:flex;flex-direction:column;min-height:168px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.007) 58%,transparent),rgba(13,19,25,.80);transition:border-color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease}
.ps-card:hover{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.009) 58%,transparent),rgba(13,19,25,.9)}
.ps-card.unreachable{opacity:.58}
.ps-card.equipped{border-color:rgba(205,214,222,.24);box-shadow:inset 0 0 0 1px rgba(220,228,235,.03)}
.ps-card-head{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center}
.ps-card .ps-icon-shell{width:46px;height:46px;border-radius:13px}
.ps-card .ps-icon-shell img{width:29px;height:29px}
.ps-card-title{min-width:0}
.ps-card-title strong{display:block;color:#dce2e7;font-size:12px;font-weight:900;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-card-title span{display:block;margin-top:3px;color:#76818b;font-size:8px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-card-status{position:absolute;top:9px;right:9px;padding:4px 6px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(8,13,18,.72);color:#68737e;font-size:6.8px;font-weight:900}
.ps-card.equipped .ps-card-status{color:#cbd4dc;border-color:rgba(205,214,222,.16)}
.ps-card-status.pending{color:#b79f68;border-color:rgba(184,155,90,.18)}
.ps-reqs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}
.ps-req{min-width:0;padding:6px 6px 5px;border:1px solid rgba(255,255,255,.04);border-radius:8px;background:rgba(255,255,255,.012)}
.ps-req span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#74808a;font-size:7px}
.ps-req strong{display:block;margin-top:2px;color:#d0d7dd;font-size:9.5px;font-weight:900;font-variant-numeric:tabular-nums}
.ps-req strong em{font-style:normal;color:#69747e;font-size:7px;font-weight:750}
.ps-req.missing strong{color:#d0928d}
.ps-card-actions{margin-top:auto;padding-top:9px}
.ps-card-action{width:100%;min-height:31px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));color:#9da8b2;font:800 8px/1 inherit;cursor:pointer;transition:.16s ease}
.ps-card-action:not(:disabled):hover{border-color:rgba(205,214,222,.18);color:#d9e0e6;background:linear-gradient(180deg,rgba(205,214,222,.055),rgba(255,255,255,.018));transform:translateY(-1px)}
.ps-card-action.equip{color:#c7d0d8;border-color:rgba(205,214,222,.14)}
.ps-card-action.remove{color:#aeb8c1}
.ps-card-action.match{color:#b7c1ca}
.ps-card-action:disabled{cursor:default;opacity:.45}
.ps-empty-filter{grid-column:1/-1;padding:34px;text-align:center;color:#707b85;font-size:10px}

@media(max-width:1500px) and (min-width:1001px){.ps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:761px){.ps-loadout{grid-template-columns:1fr}.ps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-source-note{display:none}}
@media(max-width:760px){
  .ps-page{gap:10px;padding:0 0 14px}.ps-page-head{align-items:flex-start;min-height:auto;padding:0}.ps-page-title-line h2{font-size:20px}.ps-page-head p{font-size:9px}.ps-page-summary{display:none}
  .ps-loadout{grid-template-columns:1fr}.ps-signature-card{grid-template-columns:52px minmax(0,1fr);padding:11px 12px}.ps-icon-shell{width:46px;height:46px}.ps-slots{grid-template-columns:1fr}.ps-slot{min-height:56px}
  .ps-library-toolbar{align-items:flex-start;flex-direction:column;padding:10px}.ps-filter-row{gap:5px}.ps-source-note{white-space:normal}.ps-grid{grid-template-columns:1fr;padding:8px;gap:7px}.ps-card{min-height:156px}.ps-card-status{top:8px;right:8px}
}