/* /js/jogos/hsr/rastros.css -- tela Rastros do Honkai: Star Rail (mockup aprovado docs/mockups/hsr/rastros.html, 06/11/2026). Blocos gs-bl (cenário e feixe de luz do HSR);
   cartões da mesma fileira com as mesmas linhas na mesma altura (regra 25); letra mínima 15px (regra 18); feixe de luz em `.hrs-feixe` (regra 20, public/artes/feixe-onda.css). */
#hsrApp .hrs-bloco{display:grid;gap:12px;align-content:start;padding:18px}
#hsrApp .hrs-bloco > *:not(.gs-ceu){position:relative;z-index:1}
#hsrApp .hrs-bloco h3{margin:0;font-size:19px}
#hsrApp .hrs-nota{margin:0;font-size:15px;color:var(--t-mid,#a7b0bd)}
#hsrApp .hrs-estado{padding:18px}
#hsrApp .hrs-estado p{margin:0;text-align:center;color:var(--t-mid,#a7b0bd);position:relative;z-index:1}
#hsrApp .hrs-sel{display:flex;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--gs-ouro,#f0d080);border-radius:12px;background:rgba(240,208,128,.08)}
#hsrApp .hrs-sel b{display:block;font-size:20px}
#hsrApp .hrs-sel span{color:var(--t-mid,#a7b0bd)}
#hsrApp .hrs-num{font-variant-numeric:tabular-nums}
#hsrApp .hrs-rot{font:600 15px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--t-low,#8a93a3)}
#hsrApp .hrs-card,#hsrApp .hrs-rt,#hsrApp .hrs-mn,#hsrApp .hrs-tot > div{border:1px solid var(--gs-borda,#3a3160);border-radius:14px;background:rgba(0,0,0,.18)}
#hsrApp .hrs-feixe{position:relative;overflow:hidden;isolation:isolate}
#hsrApp .hrs-feixe > *{position:relative;z-index:1}

/* resumo: três cartões do mesmo tamanho */
#hsrApp .hrs-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
#hsrApp .hrs-card{padding:14px 16px;display:grid;grid-template-rows:auto auto 1fr;gap:6px;align-content:start}
#hsrApp .hrs-v{font:700 26px/1.1 'Rubik',system-ui,sans-serif}

/* Rastros principais: o nome, o texto e a Ascensão que libera, cada um no mesmo alinhamento */
#hsrApp .hrs-principais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
#hsrApp .hrs-rt{padding:16px;display:grid;grid-template-rows:auto auto 1fr;gap:8px;align-content:start}
#hsrApp .hrs-rt h4{margin:0;font-size:20px}
#hsrApp .hrs-rt p{margin:0;color:var(--t-mid,#a7b0bd);font-size:15px;line-height:1.55}
#hsrApp .hrs-no{font:600 15px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--gs-ouro,#f0d080)}

/* Rastros menores e soma: nome em cima, valor embaixo, na mesma coluna */
#hsrApp .hrs-menores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#hsrApp .hrs-mn{padding:10px 12px;display:grid;grid-template-rows:auto 1fr;gap:4px}
#hsrApp .hrs-mn span{color:var(--t-low,#8a93a3);font-size:15px}
#hsrApp .hrs-mn b,#hsrApp .hrs-tot b{font:700 18px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
#hsrApp .hrs-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#hsrApp .hrs-tot > div{padding:10px 12px;display:grid;gap:2px;border-color:var(--gs-ouro,#f0d080);background:rgba(240,208,128,.08)}
#hsrApp .hrs-tot span{color:var(--t-mid,#a7b0bd);font-size:15px}
#hsrApp .hrs-tot b{font-size:22px;color:var(--gs-ouro,#f0d080)}
@media (max-width:900px){
  #hsrApp .hrs-resumo,#hsrApp .hrs-principais{grid-template-columns:1fr}
  #hsrApp .hrs-menores,#hsrApp .hrs-tot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){#hsrApp .hrs-feixe::after{animation:none}}