/* Non-interactive hero name badges. Image alt text remains the accessible character name. */
.hero{padding-bottom:36px}
.hero-character-label{position:absolute;z-index:8;bottom:-30px;display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 10px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#153d76;font-size:11px;font-weight:900;letter-spacing:.01em;line-height:1;white-space:nowrap;box-shadow:0 5px 13px rgba(16,70,143,.2),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(7px);transform:translateX(-50%)}
.hero-character-label--seya{left:20%;background:linear-gradient(135deg,rgba(233,222,255,.97),rgba(190,249,249,.97));border-color:rgba(113,52,211,.26);color:#5530b0}
.hero-character-label--pip{left:43%;background:linear-gradient(135deg,rgba(230,215,255,.97),rgba(192,249,250,.97));border-color:rgba(108,35,219,.24);color:#6034b6}
.hero-character-label--theo{left:65%;background:linear-gradient(135deg,rgba(229,255,181,.97),rgba(255,238,162,.97));border-color:rgba(44,164,83,.26);color:#287746}
.hero-character-label--lulu{left:89%;background:linear-gradient(135deg,rgba(255,215,229,.97),rgba(255,211,194,.97));border-color:rgba(239,83,139,.27);color:#b33467}
@media(max-width:900px){.hero-character-label{font-size:10px;min-width:48px;height:23px;padding:0 8px}.hero-character-label--seya{left:20%}.hero-character-label--pip{left:43%}.hero-character-label--theo{left:65%}.hero-character-label--lulu{left:89%}}
@media(max-width:620px){.hero{padding-bottom:34px}.hero-characters{overflow:visible}.hero-character-label{bottom:-28px;min-width:44px;height:22px;padding:0 7px;font-size:10px;box-shadow:0 4px 10px rgba(16,70,143,.18)}.hero-character-label--seya{left:20%}.hero-character-label--pip{left:43%}.hero-character-label--theo{left:65%}.hero-character-label--lulu{left:88%}}