/* /js/jogos/hsr/reliquias.css -- tela Relíquias e conjuntos do Honkai: Star Rail. Blocos gs-bl (cenário e feixe de luz do HSR); letra mínima 15px (regra 18); cartões alinhados por subgrade (regra 25). */
#hsrApp .hr-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:980px){#hsrApp .hr-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#hsrApp .hr-lista{grid-template-columns:1fr}}
#hsrApp .hr-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;gap:8px;align-content:start;min-width:0;cursor:pointer;padding:14px}
#hsrApp .hr-card:hover{border-color:var(--gs-ouro,#f0d080)}
#hsrApp .hr-topo{display:flex;gap:12px;align-items:center;min-width:0;position:relative;z-index:1}
#hsrApp .hr-card h4{margin:0;font-size:17px;line-height:1.2;text-wrap:balance}
#hsrApp .hr-ic{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--gs-borda,#3a3160)}
#hsrApp .hr-ic img{width:48px;height:48px;object-fit:contain}
#hsrApp .hr-tag{justify-self:start;font:600 15px 'IBM Plex Mono',monospace;color:var(--gs-ouro,#f0d080);border:1px solid var(--gs-ouro,#f0d080);border-radius:6px;padding:1px 8px;white-space:nowrap;position:relative;z-index:1}
#hsrApp .hr-bonus{margin:0;font-size:15px;color:var(--t-mid,#a7b0bd);position:relative;z-index:1}
#hsrApp .hr-bonus b{color:var(--t-hi,#f0f3f8);font-family:'IBM Plex Mono',monospace;font-weight:600;margin-right:4px}
#hsrApp .hr-qtd{font-variant-numeric:tabular-nums;color:var(--t-low,#8a93a3);margin-left:4px}
#hsrApp .hr-estado{padding:18px}
#hsrApp .hr-estado p{margin:0;text-align:center;color:var(--t-mid,#a7b0bd);position:relative;z-index:1}
#hsrApp .hr-jan-top .hr-ic{width:72px;height:72px}
#hsrApp .hr-jan-top .hr-ic img{width:64px;height:64px}
#hsrApp .hr-bl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--gs-borda,#3a3160);border-radius:12px;background:rgba(0,0,0,.2)}
#hsrApp .hr-bl p{margin:0}
#hsrApp .hr-p{font:600 15px 'IBM Plex Mono',monospace;color:var(--gs-ouro,#f0d080);border:1px solid var(--gs-ouro,#f0d080);border-radius:6px;padding:2px 10px;text-align:center;white-space:nowrap}
@media (max-width:560px){#hsrApp .hr-bl{grid-template-columns:1fr}#hsrApp .hr-p{justify-self:start}}
#hsrApp .hr-pecas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:560px){#hsrApp .hr-pecas{grid-template-columns:1fr}}
#hsrApp .hr-peca{display:flex;gap:10px;align-items:center;min-width:0;padding:8px 10px;border:1px solid var(--gs-borda,#3a3160);border-radius:12px;background:rgba(0,0,0,.2)}
#hsrApp .hr-peca .hr-ic{width:48px;height:48px}
#hsrApp .hr-peca .hr-ic img{width:40px;height:40px}
#hsrApp .hr-peca span:last-child{min-width:0;overflow-wrap:anywhere}
#hsrApp .hr-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;margin-bottom:6px}
#hsrApp .hr-quem{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
#hsrApp .hr-quem li{display:inline-flex;gap:8px;align-items:center;font-size:15px}
#hsrApp .hr-quem-b{font:600 15px inherit;font-family:inherit;min-height:44px;padding:4px 14px;border-radius:10px;border:1px solid var(--gs-borda,#2a3a52);background:rgba(0,0,0,.2);color:var(--t-hi,#f0f3f8);cursor:pointer}