/* Carrousel consolidé V4 : styles limités au composant. */
body.social-home #hero-left{box-sizing:border-box;min-width:0}body.social-home #hero-left::before{inset:0;border-radius:18px}
#anomaly-carousel{display:flex;flex-direction:column;min-width:0;width:100%;height:100%}#anomaly-carousel [hidden]{display:none!important}
#anomaly-stage{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b68d53 #171717;padding:20px;box-sizing:border-box;flex:1;overflow-wrap:anywhere}
#anomaly-stage:focus-visible{outline:2px solid #e1aa54;outline-offset:-3px}
#anomaly-controls{flex:none;display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:12px 14px;background:#151312ed;border-top:1px solid #c89c4944;border-radius:0 0 18px 18px}
#anomaly-controls button{cursor:pointer;font:inherit;color:#fff}
#anomaly-carousel button:focus-visible,#anomaly-carousel a:focus-visible{outline:2px solid #ffd58a;outline-offset:3px}
#anomaly-controls .as-caption{width:100%;font-size:12px;color:#e9d9bf;margin-top:2px}
#anomaly-controls .as-home{display:inline-flex;min-height:48px;align-items:center;padding:4px 8px 4px 0;border:0;border-radius:6px;background:transparent;color:#f1dbc0;font-size:17px;font-weight:600;white-space:nowrap}
#anomaly-controls .as-home[aria-current=true]{color:#ffd58a;text-decoration:underline;text-underline-offset:6px}
#anomaly-controls .as-account{display:block;position:relative;width:48px;height:48px;flex:0 0 48px;padding:0;border:2px solid #ffffff38;border-radius:50%;background:#17151a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#anomaly-controls .as-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;box-sizing:border-box}
#anomaly-controls .as-avatar.as-fallback{object-fit:contain;padding:8px}
#anomaly-controls .as-platform{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;object-fit:contain;background:#161419;border-radius:50%;border:2px solid #161419;padding:2px;box-sizing:content-box}
#anomaly-controls .as-account[aria-current=true]{border-color:#ffd58a;box-shadow:0 0 0 3px #dca64b33,0 0 14px #dca64b55}
#anomaly-carousel .as-title{font-size:clamp(20px,2.2vw,30px);line-height:1.2;margin:0 0 15px}
#anomaly-carousel .as-text{white-space:pre-wrap;line-height:1.55;font-size:15px}
#anomaly-carousel .as-media{display:block;width:100%;max-width:100%;border:0;border-radius:8px;background:#050505;object-fit:contain}
#anomaly-carousel img.as-media,#anomaly-carousel video.as-media{max-height:55vh;height:auto}
#anomaly-carousel iframe.as-media{height:500px}#anomaly-carousel iframe.as-youtube{aspect-ratio:16/9;height:auto}
#anomaly-carousel iframe.as-tiktok{height:560px;max-width:350px;margin-inline:auto}
#anomaly-carousel .as-network{display:flex;gap:10px;align-items:center;margin-top:18px}#anomaly-carousel .as-network img{width:24px;height:24px;object-fit:contain}
#anomaly-carousel .as-album{display:grid;gap:12px}
@media(hover:hover){#anomaly-controls .as-account:hover{transform:translateY(-3px);border-color:#ffd58a}}
@media(min-width:769px){body.social-home #hero-left{top:5vh;bottom:5vh;left:3%;width:min(44vw,720px);height:auto}body.social-home #hero-left h1{font-size:clamp(24px,2.4vw,37px);line-height:1.12}body.social-home #hero-left .hero-text{line-height:1.55;font-size:15px}}
@media(max-width:768px){body.social-home #hero-left{padding:0;margin-bottom:12px;flex-shrink:0}body.social-home #hero-left::before{border-radius:0}#anomaly-carousel{height:auto}#anomaly-stage{max-height:72vh;max-height:72dvh;flex:auto;padding:20px}#anomaly-controls{border-radius:0;gap:9px;padding:12px}#anomaly-controls .as-home{font-size:15px}#anomaly-controls .as-account{width:44px;height:44px;flex-basis:44px}#anomaly-carousel iframe.as-tiktok{height:500px}body.social-home #hero-left h1{font-size:clamp(25px,7vw,34px)}}
@media(prefers-reduced-motion:reduce){#anomaly-controls .as-account{transition:none}}

/* Libelles de groupe a cote des avatars : "The Anomaly" (a gauche de ses icones)
   et "10000 Games! Challenge" (a droite de la sienne). Chaque groupe est encapsule
   pour que le libelle ne se detache jamais de ses icones en passant a la ligne. */
#anomaly-controls .as-groupwrap{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
#anomaly-controls .as-group{font-size:11px;line-height:1.2;color:#e9d9bf;opacity:.85;letter-spacing:.02em;max-width:5.4em}
#anomaly-controls .as-group-left{text-align:right}
#anomaly-controls .as-group-right{text-align:left;max-width:6.6em}
@media(max-width:768px){
  #anomaly-controls .as-groupwrap{gap:8px}
  #anomaly-controls .as-group{font-size:10px;max-width:4.9em}
  #anomaly-controls .as-group-right{max-width:6em}
}
