#pa-heroes{position:fixed;inset:0;z-index:72;display:flex;align-items:center;justify-content:center;background:rgba(5,4,10,.84);--panel:rgba(6,7,14,.95);--gold:#ffd15c;--gold2:#fff2bf;--cyan:#7cffd5;--purple:#b98cff;--pink:#ff6f8f;--text:#f8e7c8;--muted:#9aa5b7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:var(--text);-webkit-user-select:none;user-select:none}
#pa-heroes[hidden]{display:none!important}
.pa243-panel{width:min(1080px,95vw);height:min(660px,90vh);display:flex;flex-direction:column;padding:18px 22px 14px;--acc:var(--gold)}
.pa243-panel .hd{display:flex;align-items:center;gap:12px;padding-bottom:10px}
.pa243-panel .hd h2{margin:0;font-size:22px;font-weight:900;letter-spacing:4px}
.pa243-panel .hd small{font-size:10px;letter-spacing:3px;color:var(--gold);font-weight:700}
.pa243-panel .hd .shards{margin-left:auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;font-size:12px;font-weight:700;--acc:var(--cyan)}
.pa243-panel .hd .shards b{color:#fff;font-weight:900}
.pa243-panel .hd .x{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:900;--acc:rgba(154,165,183,.42)}
.pa243-tabs{display:flex;gap:8px;padding-bottom:10px}
.pa243-tabs button{height:30px;padding:0 14px;font-size:12px;font-weight:900;letter-spacing:1px;color:var(--muted);--acc:rgba(154,165,183,.3)}
.pa243-tabs button.on{color:var(--gold2);--acc:var(--gold)}
.pa243-body{flex:1;display:grid;grid-template-columns:1fr 320px;gap:14px;min-height:0}
.pa243-grid{overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;align-content:start;padding:4px;scrollbar-width:thin}
.pa243-card{height:118px;display:flex;flex-direction:column;padding:10px 10px 8px;--acc:var(--q,#9aa5b7);transition:transform .12s;text-align:left}
.pa243-card:hover{transform:translateY(-3px)}
.pa243-card.sel::before{background:rgba(22,14,10,.98)}
.pa243-card .top{display:flex;align-items:center;gap:8px}
.pa243-card .g{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;background:#0b0a12;box-shadow:inset 0 0 0 2px var(--q,#9aa5b7);transform:rotate(45deg)}
.pa243-card .g span{transform:rotate(-45deg);color:var(--wc,#fff)}
.pa243-card .n{font-size:12px;font-weight:900;color:#fff;line-height:14px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa243-card .q{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--q,#9aa5b7)}
.pa243-card .m{margin-top:auto;font-size:10px;color:var(--muted);line-height:14px}
.pa243-card .m b{color:var(--gold2);font-weight:900}
.pa243-card .stars{font-size:10px;color:var(--gold);letter-spacing:1px}
.pa243-card .tag{position:absolute;right:8px;top:8px;font-size:8px;font-weight:900;letter-spacing:1px;padding:2px 5px;color:#05040a;background:var(--q,#9aa5b7)}
.pa243-detail{padding:14px;--acc:var(--purple);display:flex;flex-direction:column;gap:8px;overflow:auto;scrollbar-width:thin}
.pa243-detail h3{margin:0;font-size:16px;font-weight:900;color:#fff}
.pa243-detail .sub{font-size:10px;letter-spacing:1px;font-weight:700}
.pa243-detail .kv{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pa243-detail .kv div{padding:6px 8px;background:rgba(4,6,13,.86);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pa243-detail .kv .k{font-size:9px;color:var(--muted);letter-spacing:1px}
.pa243-detail .kv .v{font-size:13px;font-weight:900;color:#fff}
.pa243-detail .cards{font-size:10px;color:var(--muted);line-height:15px}
.pa243-detail .cards em{font-style:normal;color:var(--text)}
.pa243-detail .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.pa243-btn{height:30px;padding:0 10px;font-size:10px;font-weight:900;letter-spacing:1px;--acc:rgba(124,255,213,.55);color:var(--cyan);display:inline-flex;align-items:center}
.pa243-btn.gold{--acc:var(--gold);color:var(--gold2)}
.pa243-btn.dim{--acc:rgba(154,165,183,.3);color:var(--muted)}
.pa243-btn.danger{--acc:var(--pink);color:#ffd0dc}
.pa243-empty{grid-column:1/-1;padding:30px;text-align:center;font-size:12px;color:var(--muted);line-height:18px}
.pa243-foot{padding-top:10px;font-size:10px;color:var(--muted);letter-spacing:1px;text-align:center}
@media (max-width:900px){.pa243-body{grid-template-columns:1fr}.pa243-detail{display:none}}