/* /js/jogos/hsr/materiais.css -- tela Materiais de evolução do Honkai: Star Rail. Blocos gs-bl (cenário e feixe de luz do HSR); letra mínima 15px (regra 18); linhas e colunas alinhadas (regra 25). */
#hsrApp .hmt-bloco{display:grid;gap:12px;align-content:start;padding:18px}
#hsrApp .hmt-bloco > *:not(.gs-ceu){position:relative;z-index:1}
#hsrApp .hmt-bloco h3{margin:0;font-size:19px}
#hsrApp .hmt-nota{margin:0;font-size:15px;color:var(--t-mid,#a7b0bd)}
#hsrApp .hmt-estado{padding:18px}
#hsrApp .hmt-estado p{margin:0;text-align:center;color:var(--t-mid,#a7b0bd);position:relative;z-index:1}
#hsrApp .hmt-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 .hmt-sel b{display:block;font-size:20px}
#hsrApp .hmt-sel span{color:var(--t-mid,#a7b0bd)}
#hsrApp .gs-p.on{outline:2px solid var(--gs-ouro,#f0d080)}
#hsrApp .hmt-evo{display:grid;gap:10px}
#hsrApp .hmt-lin{display:grid;grid-template-columns:minmax(0,1fr) 190px 190px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--gs-borda,#3a3160);border-radius:12px;background:rgba(0,0,0,.18)}
#hsrApp .hmt-cab{border:0;background:none;padding:0 12px;color:var(--t-low,#8a93a3);font:600 15px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
#hsrApp .hmt-nm{min-width:0}
#hsrApp .hmt-nm b{display:block}
#hsrApp .hmt-nm small{font-size:15px;color:var(--t-low,#8a93a3)}
#hsrApp .hmt-step{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;border:1px solid var(--gs-borda,#3a3160);border-radius:10px;background:rgba(255,255,255,.04);overflow:hidden}
#hsrApp .hmt-step button{background:none;border:0;min-height:44px;font-size:20px;color:inherit;cursor:pointer}
#hsrApp .hmt-step button:hover{background:rgba(240,208,128,.12)}
#hsrApp .hmt-step output{text-align:center;font:600 16px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
@media (max-width:760px){
  #hsrApp .hmt-lin{grid-template-columns:1fr 1fr}
  #hsrApp .hmt-lin .hmt-nm{grid-column:1/-1}
  #hsrApp .hmt-cab{display:none}
  #hsrApp .hmt-col::before{content:attr(data-r);display:block;font-size:15px;color:var(--t-low,#8a93a3);margin-bottom:4px}
}
#hsrApp .hmt-tg{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--gs-borda,#3a3160);border-radius:12px;background:rgba(0,0,0,.18);cursor:pointer;min-height:48px}
#hsrApp .hmt-tg input{width:22px;height:22px;accent-color:var(--gs-ouro,#f0d080)}
#hsrApp .hmt-tg small{display:block;font-size:15px;color:var(--t-low,#8a93a3)}
#hsrApp .hmt-res{display:grid;gap:8px}
#hsrApp .hmt-mat{border:1px solid var(--gs-borda,#3a3160);border-radius:12px;background:rgba(0,0,0,.18)}
#hsrApp .hmt-mat > summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px minmax(0,1fr) 120px 28px;gap:12px;align-items:center;padding:8px 12px;min-height:60px}
#hsrApp .hmt-mat > summary::-webkit-details-marker{display:none}
#hsrApp .hmt-mat > summary::after{content:"+";font-size:22px;color:var(--gs-ouro,#f0d080);text-align:right}
#hsrApp .hmt-mat[open] > summary::after{content:"−"}
#hsrApp .hmt-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--gs-borda,#3a3160)}
#hsrApp .hmt-ic img{width:40px;height:40px;object-fit:contain}
#hsrApp .hmt-q{text-align:right;font:700 18px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
#hsrApp .hmt-onde{padding:0 14px 14px 72px;display:grid;gap:6px;color:var(--t-mid,#a7b0bd)}
#hsrApp .hmt-onde h4{margin:0;font:700 15px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--t-low,#8a93a3)}
#hsrApp .hmt-onde ul{margin:0;padding-left:20px;display:grid;gap:2px}
@media (max-width:560px){#hsrApp .hmt-onde{padding-left:14px}#hsrApp .hmt-mat > summary{grid-template-columns:48px minmax(0,1fr) auto 24px}}
#hsrApp .hmt-pend{display:inline-block;font:600 15px 'IBM Plex Mono',monospace;color:var(--gs-ceu,#b28cff);border:1px dashed var(--gs-ceu,#b28cff);border-radius:999px;padding:2px 10px}