/* /js/jogos/hsr/hsr-visual.css -- Honkai: Star Rail no visual do Naruto (12/10/2026). As peças de layout são as do Genshin
   (/js/jogos/genshin/genshin-visual.css, classes gs-*); aqui só o que é do HSR: cores (roxo e dourado do Expresso Astral),
   fundo dos blocos, cores dos 7 Elementos e o rastro do trem no cenário (regra 11). Letra mínima 15px (regra 18). */
#hsrApp.gs-app{--gs-ouro:#f0d080;--gs-ceu:#b28cff;--gs-borda:#3a3160}
#hsrApp .gs-bl{background:radial-gradient(ellipse at 85% 0%,rgba(178,140,255,.16),transparent 60%),linear-gradient(170deg,#1a1533,var(--s-850,#0f131c) 70%)}
#hsrApp .gs-faixa-arte,#hsrApp .gs-card-arte{background:radial-gradient(circle at 50% 120%,rgba(178,140,255,.38),transparent 65%),linear-gradient(180deg,#241c46,#100d22)}
/* faixa: 4 retratos redondos lado a lado, o do meio maior */
#hsrApp .hs-faixa-arte{display:flex;align-items:center;justify-content:center;gap:3%;padding:0 4%}
#hsrApp .hs-faixa-arte img{position:static;width:20%;min-width:0;opacity:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
#hsrApp .hs-faixa-arte img:nth-child(2){width:25%}
#hsrApp .gs-card-arte .gs-card-ico{height:72%}

/* cores dos Elementos (anel do retrato e bolinha do chip) */
.hs-el-Physical{--gs-el:#c8ccd4}.hs-el-Fire{--gs-el:#ff6a3d}.hs-el-Ice{--gs-el:#7fd3ff}.hs-el-Thunder{--gs-el:#c27bff}
.hs-el-Wind{--gs-el:#5fe0a8}.hs-el-Quantum{--gs-el:#7b6cff}.hs-el-Imaginary{--gs-el:#f2d35c}

/* janelinha: Cones de Luz 5★ do Caminho */
#hsrApp .hs-cones-mini img{width:44px;height:44px;border-radius:8px}
#hsrApp .gs-jan-linha b{font-size:15px}

/* rastro do Expresso Astral correndo no trilho */
.gs-ceu .hs-rastro{animation:hs-rastro 4s linear infinite}
.gs-ceu .hs-rastro:nth-of-type(2){animation-delay:-1.6s}
@keyframes hs-rastro{0%{transform:translateX(160px);opacity:0}15%{opacity:1}100%{transform:translateX(-1000px);opacity:0}}
@media (prefers-reduced-motion:reduce){.gs-ceu .hs-rastro{animation:none}}
#hsrApp .gs-jan-linha:has(.hs-cones-mini){grid-template-columns:1fr}