/* Un décor animé vivant, sans stocker d'images dans l'application. */
.hero-art{isolation:isolate}.hero-characters{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:34px;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 85%,transparent 100%)}.hero-character{position:absolute;width:180px;height:300px;overflow:hidden;border-radius:96px 96px 25px 25px;opacity:.68;filter:saturate(1.12) contrast(1.08);box-shadow:0 24px 45px #07020fc2;transform:rotate(var(--tilt));border:1px solid #ffffff2e}.hero-character:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#170b2fed 100%),linear-gradient(90deg,#240e4d5e,transparent 54%)}.hero-character img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-character span{position:absolute;z-index:1;bottom:16px;left:14px;right:12px;color:#fff;font:700 .72rem Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000}.hero-character:nth-child(1){left:2%;bottom:15px;--tilt:-10deg}.hero-character:nth-child(2){left:27%;top:7px;--tilt:4deg;opacity:.49}.hero-character:nth-child(3){right:24%;bottom:1px;--tilt:-3deg}.hero-character:nth-child(4){right:1%;top:16px;--tilt:9deg;opacity:.52}.hero-art .spotlight{z-index:3;background:linear-gradient(145deg,#6b4ec2dd,#2d204cdb 55%,#fd6d9ccb);backdrop-filter:blur(3px)}.hero-art .hero-card{z-index:4}.season-button{background:#a488ff22;border-color:#d4caff;color:#f6f2ff}.results-actions{flex-wrap:wrap;justify-content:flex-end}@media(max-width:850px){.hero-character{width:142px;height:240px}.hero-character:nth-child(2),.hero-character:nth-child(4){display:none}}@media(max-width:520px){.hero-characters{border-radius:24px}.hero-character{width:120px;height:205px}.hero-character:nth-child(1){left:2%;bottom:7px}.hero-character:nth-child(3){right:3%;bottom:0}.results-actions{justify-content:flex-start;margin-top:14px}.source-button{font-size:.7rem;padding:9px 10px}}

/* Le visuel principal devient une galerie lisible de personnages, sans éléments par-dessus. */
.hero-art{height:430px;padding:12px;background:linear-gradient(135deg,#362263,#160d2f 58%,#572046);border:1px solid #ffffff18;border-radius:34px;box-shadow:inset 0 0 52px #9c6fff21}.hero-characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;position:relative;inset:auto;z-index:3;height:100%;padding:0;overflow:visible;border-radius:23px;mask-image:none}.hero-character,.hero-character:nth-child(n){position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;margin:0;opacity:1;transform:none;filter:saturate(1.08) contrast(1.04);border-radius:18px;box-shadow:0 12px 25px #090313a8}.hero-character:after{background:linear-gradient(180deg,transparent 35%,#170b2fa8 100%)}.hero-character span{bottom:11px;left:11px;font-size:.66rem}.hero-art .spotlight,.hero-art .hero-card{display:none}.hero-art .orb{z-index:1;opacity:.22}.hero-art .orb-a{right:-40px;top:-30px}.hero-art .orb-b{left:-55px;bottom:-45px}@media(max-width:850px){.hero-art{height:350px;max-width:520px}}@media(max-width:520px){.hero-art{height:330px;padding:9px;border-radius:25px}.hero-characters{gap:7px;border-radius:17px}.hero-character,.hero-character:nth-child(n){display:block;border-radius:13px}.hero-character span{bottom:8px;left:8px;font-size:.56rem;letter-spacing:.055em}}