/* Hero roster and component equipment: presentation only, native actions remain intact. */
#pa-heroes .hd .shards {height:40px;padding:0 12px;background:#1c3339;border:2px solid #5d7a6b;border-radius:4px;color:#b9cfba;clip-path:none}
#pa-heroes .hd .shards b {font-weight:900;color:#ffdf80}
#pa-heroes .pa243-tabs {gap:6px;min-height:48px;margin-bottom:14px;padding-bottom:4px;border:0}
#pa-heroes .pa243-tabs button {min-height:44px;padding:8px 18px;border:2px solid #152d32;border-radius:4px;background:#46665b;color:#c8d8c5;box-shadow:inset 0 2px #8ba28a,0 3px #183238;font-weight:800;white-space:nowrap}
#pa-heroes .pa243-tabs button.on {background:#f8cc53;border-color:#94743a;color:#392f20;box-shadow:inset 0 3px #fff0b2,0 3px #76562d}
#pa-heroes .pa243-tabs button:hover {filter:brightness(1.08);color:#fff0d3}
#pa-heroes .pa243-tabs button.on:hover {color:#392f20}
#pa-heroes .pa243-body {gap:16px}
#pa-heroes .pa243-grid {gap:12px;padding:3px 8px 7px 3px;scrollbar-color:#8da58b #1f363a}
#pa-heroes .pa243-card {position:relative;height:170px;padding:24px 14px 14px;border:3px solid #193338;border-radius:5px;background:#426759;box-shadow:inset 0 3px #8ca387,inset 0 -4px #2a4a44,0 3px #142c31;clip-path:none;transition:background .12s,transform .09s}
#pa-heroes .pa243-card:hover {background:#52765f}
#pa-heroes .pa243-card.sel {background:#526e54;border-color:#f8cc53;box-shadow:inset 0 3px #9aad84,inset 0 -4px #395540,0 3px #142c31}
#pa-heroes .pa243-card.sel::after {content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:12px solid #f8cc53;border-right:12px solid transparent;pointer-events:none}
#pa-heroes .pa243-card .top {gap:10px}
#pa-heroes .pa243-card .g {width:48px;height:52px;border:2px solid #8da38a;border-radius:4px;background:#263f40;box-shadow:inset 0 3px #172f34,inset 0 -3px #526e5d;color:#fff0ce}
#pa-heroes .pa243-card .g.pa-art-slot {--art-size:40px!important;overflow:visible}
#pa-heroes .pa243-card .n {color:#fff0d3;font-weight:900;font-size:15px}
#pa-heroes .pa243-card .q {color:#d4dfb8;font-weight:700;opacity:1;letter-spacing:.2px}
#pa-heroes .pa243-card .stars {margin-top:10px;color:#ffdf7d;font-size:14px;letter-spacing:2px}
#pa-heroes .pa243-card .m {color:#c4d6bb;font-size:12px;line-height:1.6}
#pa-heroes .pa243-card .m b {color:#fff0d3;font-weight:900;font-size:18px}
#pa-heroes .pa243-card .tag {top:0;right:0;padding:2px 7px;border-radius:0 1px 0 4px;background:#f8cc53;color:#3b3422;font-weight:900}
#pa-heroes .pa243-detail {padding:20px;gap:12px;border:3px solid #183339;border-radius:5px;background:#ece6d0;color:#314b43;box-shadow:inset 0 3px #fff9e5,0 3px #142d32;scrollbar-color:#82987e #dedac4}
#pa-heroes .pa243-detail h3 {font-size:25px;font-weight:900;color:#304b43;overflow-wrap:anywhere}
#pa-heroes .pa243-detail .sub {color:#755e32!important;font-size:12px;line-height:1.6;font-weight:800;letter-spacing:.3px}
#pa-heroes .pa243-detail .kv {gap:12px 14px;padding:14px 0;border-top:2px solid #bcc5a7;border-bottom:2px solid #bcc5a7}
#pa-heroes .pa243-detail .kv .k {color:#647564;font-size:11px;font-weight:700;letter-spacing:.3px}
#pa-heroes .pa243-detail .kv .v {color:#314b43!important;font-weight:900;font-size:15px!important;overflow-wrap:anywhere}
#pa-heroes .pa243-detail .kv .v span {color:#61715e!important}
#pa-heroes .pa243-detail .kv>div:nth-child(2) .v {font-size:25px!important;color:#846126!important}
#pa-heroes .pa243-detail .kv>div:nth-child(3) .v {font-size:19px!important}
#pa-heroes .pa243-detail .cards {color:#586b5b;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
#pa-heroes .pa243-detail .cards em {color:#2f624d;font-weight:700}
#pa-heroes .pa243-detail .row {gap:8px;min-width:0}
#pa-heroes .pa243-detail .row:has(#pa-growth-donor) {padding-top:12px;border-top:2px solid #bcc5a7}
#pa-heroes #pa-growth-donor {min-height:44px;padding:9px;border:2px solid #a0b197;border-radius:4px;color:#425a4c!important;background:#fff8df!important;font-size:12px}
#pa-heroes #pa-growth-donor option {background:#fff8df;color:#425a4c}
#pa-heroes .pa243-detail .pa243-btn {min-height:44px;line-height:1.5}
#pa-heroes .pa243-detail .pa243-btn.dim {background:#d0d4bd;color:#697962;border-color:#a1b199;box-shadow:inset 0 2px #e4e7cf,0 3px #a4b09a}
#pa-heroes .pa243-foot {color:#aec7bb;border-color:#526f64;line-height:1.65}
#pa-heroes .pa243-empty {color:#c9dcc6;background:#20383d;border:2px dashed #6a8976;border-radius:5px;padding:28px 20px}

#pa-components {--cmp-ink:#243e3d;--cmp-panel:#273e42;--cmp-text:#fff0d3;--cmp-muted:#b3c8bf;--cmp-gold:#f8cc53;--cmp-cyan:#accaa7}
#pa-components .pa-cmp-panel header {background:none}
#pa-components .pa-cmp-panel header small {display:none}
#pa-components .pa-cmp-content {padding-top:12px;scrollbar-color:#8da58b #1f363a;overscroll-behavior:contain}
#pa-components .pa-cmp-intro {max-width:none;margin-bottom:18px;padding:12px 14px;border:2px solid #5c7b6b;border-radius:4px;background:#20393d;color:#c9d9be;line-height:1.75}
#pa-components .pa-cmp-slots {gap:14px;align-items:stretch}
#pa-components .pa-cmp-slot {padding:18px;border:3px solid #183238;border-radius:5px;background:#ece6d0;box-shadow:inset 0 3px #fff9e5,0 3px #142b30;min-width:0}
#pa-components .pa-cmp-slot:first-child {background:#f0e7c6;border-color:#b18b39;box-shadow:inset 0 3px #fff4cd,0 3px #142b30}
#pa-components .pa-cmp-slot:first-child::after {content:none}
#pa-components .pa-cmp-panel .pa-cmp-card {color:#314b43;clip-path:none}
#pa-components .pa-cmp-slot .pa-cmp-card {gap:10px;min-height:126px}
#pa-components .pa-cmp-card small {color:#67755e;font-weight:700;font-size:11px}
#pa-components .pa-cmp-card small::before {width:7px;height:7px;margin-right:7px;border:1px solid #536a58;box-shadow:none}
#pa-components .pa-cmp-card strong {color:#314b43;font-size:19px;font-weight:900;gap:8px}
#pa-components .pa-cmp-slot:first-child strong {color:#715927;font-size:24px}
#pa-components .pa-cmp-card em {padding:3px 8px;border:2px solid #9daf90;border-radius:4px;background:#dae0c4;color:#446b4e;font-size:12px;font-weight:900;white-space:nowrap}
#pa-components .pa-cmp-card span {color:#52694f;font-size:13px;line-height:1.8}
#pa-components .pa-cmp-reforge {gap:8px;margin-top:16px;padding-top:12px;border-top:2px solid #bec7a8;min-width:0}
#pa-components .pa-cmp-reforge select {min-width:0;min-height:44px;border:2px solid #a0b197;border-radius:4px;background:#fff8df;color:#435b4b;font-size:12px}
#pa-components .pa-cmp-reforge select:hover {border-color:#65866a}
#pa-components .pa-cmp-reforge option {background:#fff8df;color:#435b4b}
#pa-components .pa-cmp-reforge button {min-height:44px;flex:0 0 64px;background:#f8cc53;color:#392f20;border-color:#94743a;box-shadow:inset 0 3px #fff0b2,0 3px #a8833b;font-size:13px;font-weight:900}
#pa-components .pa-cmp-reforge button:hover {background:#ffdd76;color:#392f20}
#pa-components .pa-cmp-slot>small {color:#67755e;font-size:11px;line-height:1.7}
#pa-components .pa-cmp-empty {min-height:150px;border:2px dashed #76937c;border-radius:4px;background:#263f41;color:#b5c9ae}
#pa-components .pa-cmp-empty b {font-weight:800;color:#d6e1c3}
#pa-components .pa-cmp-panel footer {background:#20363b;border-color:#5a7565;color:#b8cdb6;font-size:11px}
#pa-components .pa-cmp-panel #pa-component-notice:not(:empty) {background:#f8cc5314;border-left:3px solid #f8cc53;color:#ffe499}
#pa-components .pa-cmp-choices {gap:16px}
#pa-components .pa-cmp-choices .pa-cmp-card {padding:22px;gap:16px;border:3px solid #183238;border-top:5px solid #a5b48e;border-radius:5px;background:#ece6d0;box-shadow:inset 0 3px #fff9e5,0 3px #142b30;clip-path:none}
#pa-components .pa-cmp-choices .pa-cmp-card:hover {background:#f3eccf;border-color:#f8cc53;box-shadow:inset 0 3px #fff9e5,0 3px #142b30}
#pa-components .pa-cmp-choices .pa-cmp-card strong {font-size:21px}
#pa-components .pa-cmp-choices .pa-cmp-card b,
#pa-components .pa-cmp-choices [data-cmp="resolve"]::after {min-height:44px;padding:9px 12px;border:2px solid #94743a;border-radius:4px;background:#f8cc53;color:#392f20;box-shadow:inset 0 3px #fff0b2,0 3px #a8833b;font-weight:900}
#pa-components .pa-cmp-keep {min-height:44px;padding:10px 18px;line-height:1.6}

@media(max-width:1100px) {
  #pa-heroes .pa243-body {gap:14px}
  #pa-heroes .pa243-card {padding:23px 12px 12px}
  #pa-heroes .pa243-card .g {width:44px;height:48px}
  #pa-heroes .pa243-card .g.pa-art-slot {--art-size:36px!important}
  #pa-heroes .pa243-card .n {font-size:14px}
}
@media(max-height:500px) and (min-width:601px) {
  #pa-heroes .pa243-tabs {margin-bottom:8px}
  #pa-heroes .pa243-tabs button {padding:6px 14px}
  #pa-heroes .pa243-card {height:148px;min-height:148px;padding-top:21px}
  #pa-heroes .pa243-card .g {width:38px;height:44px}
  #pa-heroes .pa243-card .g.pa-art-slot {--art-size:32px!important}
  #pa-heroes .pa243-card .stars {margin-top:5px}
  #pa-heroes .pa243-detail {padding:14px}
  #pa-components .pa-cmp-content {padding-top:8px}
  #pa-components .pa-cmp-intro {margin-bottom:12px;padding:9px 12px}
}
@media(max-width:600px) {
  #pa-heroes .pa243-tabs {gap:4px;margin-bottom:10px;min-height:48px}
  #pa-heroes .pa243-tabs button {flex:1;padding:7px 8px;font-size:12px;min-height:44px}
  #pa-heroes .hd .shards {height:38px;padding:0 8px;gap:5px}
  #pa-heroes .hd .shards span {font-size:10px}
  #pa-heroes .pa243-body {gap:12px}
  #pa-heroes .pa243-grid {height:161px;max-height:none;grid-auto-columns:180px;grid-template-rows:150px;padding:2px 3px 9px;gap:9px}
  #pa-heroes .pa243-card {height:150px;padding:22px 11px 11px}
  #pa-heroes .pa243-card .g {width:42px;height:46px}
  #pa-heroes .pa243-card .top {gap:8px}
  #pa-heroes .pa243-card .n {max-width:100px;font-size:14px}
  #pa-heroes .pa243-card .q {font-size:9px}
  #pa-heroes .pa243-card .stars {margin-top:6px;font-size:12px}
  #pa-heroes .pa243-card .m {font-size:11px}
  #pa-heroes .pa243-detail {padding:17px 14px;border:3px solid #183339}
  #pa-heroes .pa243-detail h3 {font-size:22px}
  #pa-heroes .pa243-detail .kv {gap:12px}
  #pa-heroes .pa243-detail .pa243-btn {padding:9px 10px}
  #pa-components .pa-cmp-content {padding-top:10px}
  #pa-components .pa-cmp-intro {padding:10px 12px;font-size:12px;margin-bottom:14px}
  #pa-components .pa-cmp-slots,#pa-components .pa-cmp-choices {gap:12px}
  #pa-components .pa-cmp-slot {padding:16px}
  #pa-components .pa-cmp-empty {min-height:100px;padding:16px}
  #pa-components .pa-cmp-slot .pa-cmp-card {min-height:0}
  #pa-components .pa-cmp-card strong {font-size:18px}
  #pa-components .pa-cmp-slot:first-child strong {font-size:21px}
  #pa-components .pa-cmp-choices .pa-cmp-card {padding:18px;gap:14px}
  #pa-components .pa-cmp-choices .pa-cmp-card strong {font-size:20px}
}
#pa-components .pa-cmp-choices [data-cmp="resolve"]::after {grid-column:1/-1}