/* Individual portraits retain their full composition at every breakpoint. */
.fighters-section{padding-top:78px}
.fighter-card{min-width:0}
.portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#0b1020}
.fighter-info strong{overflow-wrap:anywhere}
.fighter-card:focus-visible{outline-offset:4px;z-index:1}
.dialog-fighter .portrait{max-height:68dvh;object-fit:contain}
.roster-footer>a{display:inline-flex;align-items:center;gap:18px;color:var(--cyan);font-size:.875rem;font-weight:700}
.roster-footer>a:hover{text-decoration:underline;text-underline-offset:5px}
.creator-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px 60px;margin-top:55px;padding:40px;background:linear-gradient(120deg,#10232b99,#171425 65%,#28132688);border:1px solid #3b3549;border-top:2px solid var(--cyan)}
.creator-intro h3{font-size:clamp(1.75rem,2.5vw,2.6rem);line-height:1.25;margin-bottom:20px}
.creator-intro>p:last-child{max-width:400px;font-size:.95rem}
.creator-features{display:grid;gap:25px}
.creator-features article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:15px}
.creator-number{font:.75rem/1.7 monospace;color:var(--cyan);padding-top:2px}
.creator-features h4{font-size:1rem;line-height:1.5;margin:0 0 7px}
.creator-features p{font-size:.9rem;line-height:1.8}
.creator-features strong{color:#f1edf8;font-weight:600}
.creator-feature-heading{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:7px}
.creator-feature-heading h4{margin:0}
.creator-planned{display:inline-block;padding:2px 7px;border:1px solid #a34c78;color:#ff8fc3;font-size:.65rem;font-weight:700;letter-spacing:.08em;line-height:1.5}
.creator-closing{grid-column:1/-1;border-top:1px solid #413449;padding-top:19px;font-size:.85rem;color:#d0c5dd}
@media(max-width:800px){
  .creator-panel{grid-template-columns:1fr;gap:30px;padding:30px}
  .creator-intro>p:last-child{max-width:600px}
}
@media(max-width:520px){
  .fighters-section{padding-top:46px}
  .fighter-info{padding:16px 12px 13px}
  .fighter-info strong{font-size:1rem;min-height:2.7em}
  .fighter-role{min-height:2.8em}
  .fighter-open{font-size:.8rem}
  .dialog-fighter .portrait{max-width:320px;max-height:none}
  .creator-panel{margin-top:35px;padding:25px 20px;gap:27px}
  .creator-intro h3{font-size:1.75rem}
  .creator-features article{grid-template-columns:22px minmax(0,1fr);gap:10px}
  .creator-features h4{font-size:.95rem}
  .creator-closing{line-height:1.8}
}