.hero-perk{box-sizing:border-box;display:grid;gap:5px;width:100%;min-width:0;flex-shrink:0;padding:12px 14px;border:1px solid #98e1d938;border-left:3px solid var(--hero-color,#98e1d9);border-radius:12px;background:linear-gradient(120deg,#98e1d90d,#09141cb3);text-align:left;overflow-wrap:anywhere}
.hero-perk-label{display:block;color:#98e1d9;font-size:9px;font-weight:700;letter-spacing:1.4px;line-height:1.4;text-transform:uppercase}
.hero-perk-name{display:block;font-size:13px;line-height:1.3;color:#f4faf9}
.hero-perk-desc{display:block;color:#c5d1da;font-size:12px;line-height:1.5}
.hero-perk-details{box-sizing:border-box;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hero-perk-fighter{gap:3px;padding:9px 12px}
@media(max-width:600px){.hero-perk{gap:4px;padding:9px 10px;border-radius:10px}.hero-perk-label{font-size:8px;letter-spacing:1px}.hero-perk-name{font-size:12px}.hero-perk-desc{font-size:11px;line-height:1.45}.hero-perk-fighter{padding:8px 10px}}
@media(max-height:500px){.hero-perk{gap:3px;padding:7px 9px}.hero-perk-label{font-size:8px;letter-spacing:1px}.hero-perk-name{font-size:11px}.hero-perk-desc{font-size:10px;line-height:1.4}.hero-perk-fighter{padding:7px 10px}}

.hero-perk-hud{display:block!important;color:#9edbc8!important;font-size:9px!important;line-height:1.2;letter-spacing:0!important;white-space:normal}.practice-copy .hero-perk{margin:10px 0}.card-inspection .hero-perk{margin:12px 0;text-align:left}

.modal.card-inspection:has(>.hero-perk){display:flex;flex-direction:column;align-items:stretch;gap:0}.modal.card-inspection:has(>.hero-perk)>.card-showcase,.modal.card-inspection:has(>.hero-perk)>.hero-perk{flex-shrink:0}.modal.card-inspection:has(>.hero-perk)>.end-turn{position:static;flex-shrink:0;align-self:center;width:auto;max-width:100%;margin:12px auto 0;min-height:44px}


@media(max-height:480px) and (min-width:600px){.modal.card-inspection:has(>.hero-perk){display:grid;grid-template-columns:minmax(0,155px) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:6px 18px}.modal.card-inspection:has(>.hero-perk)>.card-showcase{display:contents}.modal.card-inspection:has(>.hero-perk) .showcase-stage{grid-column:1;grid-row:1/5;width:145px;max-width:100%;align-self:center}.modal.card-inspection:has(>.hero-perk) .showcase-tools{grid-column:2;grid-row:1;flex-direction:row;flex-wrap:wrap}.modal.card-inspection:has(>.hero-perk) .showcase-caption{grid-column:2;grid-row:2}.modal.card-inspection:has(>.hero-perk)>.hero-perk{grid-column:2;grid-row:3;margin:0;align-self:start}.modal.card-inspection:has(>.hero-perk)>.end-turn{grid-column:2;grid-row:4;margin:0;justify-self:center}}


.modal.card-inspection:has(>.hero-perk)>.modal-close{position:absolute;right:8px;top:8px;left:auto;bottom:auto;margin:0;z-index:7}


.practice-copy:has(>.hero-perk){min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start}