/* /js/jogos/hsr/warps.css -- Planejador de Warps do Honkai: Star Rail (mockup aprovado 04/11/2026). Os blocos são gs-bl (cenário e feixe de luz do HSR); letra mínima 15px (regra 18). */
#hsrApp .hw-bl{display:grid;gap:14px;align-content:start}
#hsrApp .hw-bl h3{margin:0;font-size:19px}
#hsrApp .hw-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#hsrApp .hw-banner{text-align:left;background:rgba(255,255,255,.04);border:1px solid var(--gs-borda,#3a3160);border-radius:14px;padding:14px;cursor:pointer;display:grid;grid-template-rows:auto 1fr auto;gap:6px;min-height:110px;color:inherit;font:inherit;font-size:15px;position:relative;z-index:1}
#hsrApp .hw-banner b{font-size:19px}
#hsrApp .hw-banner[aria-pressed="true"]{border-color:var(--gs-ouro,#f0d080);box-shadow:0 0 0 1px var(--gs-ouro,#f0d080) inset;background:rgba(240,208,128,.08)}
#hsrApp .hw-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#hsrApp .hw-campo{display:grid;grid-template-rows:auto auto 1fr;gap:6px;position:relative;z-index:1}
#hsrApp .hw-campo > label,#hsrApp .hw-lbl{font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-mid,#a7b0bd)}
#hsrApp .hw-mm{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}
#hsrApp .hw-bt{background:rgba(255,255,255,.05);border:1px solid var(--gs-borda,#3a3160);border-radius:10px;font-size:19px;font-weight:700;cursor:pointer;min-height:46px;color:inherit}
#hsrApp .hw-mm input{background:rgba(255,255,255,.05);border:1px solid var(--gs-borda,#3a3160);border-radius:10px;text-align:center;font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;min-height:46px;width:100%;min-width:0;color:inherit}
#hsrApp .hw-fichas{display:flex;gap:8px;flex-wrap:wrap}
#hsrApp .hw-ficha{background:rgba(255,255,255,.05);border:1px solid var(--gs-borda,#3a3160);border-radius:999px;padding:8px 16px;cursor:pointer;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:inherit}
#hsrApp .hw-ficha[aria-pressed="true"]{border-color:var(--gs-ouro,#f0d080);box-shadow:0 0 0 1px var(--gs-ouro,#f0d080) inset}
#hsrApp .hw-bt:focus-visible,#hsrApp .hw-ficha:focus-visible,#hsrApp .hw-banner:focus-visible,#hsrApp .hw-mm input:focus-visible,#hsrApp .hw-gav summary:focus-visible{outline:2px solid var(--gs-ouro,#f0d080);outline-offset:2px}
#hsrApp .hw-nota{margin:0;font-size:15px;color:var(--t-mid,#a7b0bd)}
#hsrApp .hw-dica,#hsrApp .hw-disc{margin:0;font-size:15px;color:var(--t-low,#8a93a3)}
#hsrApp .hw-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;position:relative;z-index:1}
#hsrApp .hw-num{display:grid;grid-template-rows:auto auto 1fr;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--gs-borda,#3a3160);border-radius:12px;padding:14px}
#hsrApp .hw-v{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
#hsrApp .hw-r{font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-low,#8a93a3)}
#hsrApp .hw-num.ok .hw-v{color:#38d6a0}#hsrApp .hw-num.falta .hw-v{color:var(--gs-ouro,#f0d080)}
#hsrApp .hw-msg{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--gs-borda,#3a3160);background:rgba(255,255,255,.04);font-size:15px;position:relative;z-index:1}
#hsrApp .hw-msg.ok{border-color:#38d6a0}#hsrApp .hw-msg.falta{border-color:var(--gs-ouro,#f0d080)}
#hsrApp .hw-chance{display:grid;gap:8px;position:relative;z-index:1}
#hsrApp .hw-chance-t{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-low,#8a93a3)}
#hsrApp .hw-est{font-size:15px;font-weight:600;color:#b48cff;border:1px dashed #b48cff;border-radius:999px;padding:2px 10px;text-transform:none;letter-spacing:0}
#hsrApp .hw-barra{height:14px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
#hsrApp .hw-barra i{display:block;height:100%;background:linear-gradient(90deg,#b28cff,#f0d080)}
#hsrApp .hw-gav{border:1px solid var(--gs-borda,#3a3160);border-radius:12px;position:relative;z-index:1}
#hsrApp .hw-gav summary{cursor:pointer;padding:14px 16px;font-weight:700;min-height:44px;font-size:15px}
#hsrApp .hw-gav-c{padding:0 16px 16px;display:grid;gap:8px}
#hsrApp .hw-rolo{overflow-x:auto}
#hsrApp .hw-tab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
#hsrApp .hw-tab th,#hsrApp .hw-tab td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--gs-borda,#3a3160);font-size:15px}
#hsrApp .hw-tab th{font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t-low,#8a93a3)}
#hsrApp .hw-tab .n{text-align:right}
@media (max-width:800px){#hsrApp .hw-nums{grid-template-columns:1fr}}
@media (max-width:700px){#hsrApp .hw-campos,#hsrApp .hw-banners{grid-template-columns:1fr}}
#hsrApp .gs-card-arte .hw-simbolo{height:72%;width:auto;margin:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
#hsrApp .hw-bl,#hsrApp .hw-bl + .gs-gaveta{margin-bottom:16px}
#hsrApp .hw-bl{padding:18px}