/* BOAS-VINDAS AO HARDCORE (18/10, SQL 1931): src/ui/hardcore-boas-vindas.js. Mesmo esqueleto da tela de Reset
   (corpo que rola + rodapé com os botões sempre à vista, celular deitado e texto 130%), nas cores do Hardcore
   (vermelho do contorno dos monstros, rgb(235,40,60)). Nightmare laranja e Godlike vermelho, como styles/item-grau.css. */
#hardcoreBoasVindasModal.hcbv-fundo{background:radial-gradient(ellipse at 50% 30%,rgba(110,10,22,.6),rgba(5,4,6,.93) 70%)}
#hardcoreBoasVindasModal .hcbv{position:relative;display:flex;flex-direction:column;width:min(600px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
  overflow:hidden;padding:0!important;text-align:center;color:#ecd9d4;background:linear-gradient(180deg,#1d0c0e,#0e0809)!important;border:1px solid #8a2430!important;border-radius:12px;
  box-shadow:0 0 0 1px #2c1013 inset,0 20px 60px rgba(0,0,0,.65),0 0 70px rgba(235,40,60,.22)}
#hardcoreBoasVindasModal .hcbv *{box-sizing:border-box}
.hcbv-corpo{position:relative;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:22px 22px 12px;overscroll-behavior:contain}
.hcbv-rodape{flex:none;display:flex;gap:10px;padding:10px 22px 14px;border-top:1px solid #34161a;background:#0e0809}
.hcbv-x{position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:50%;border:1px solid #5a2028;background:#1a0b0d;color:#e07a84;
  font-size:20px;line-height:1;cursor:var(--cur-mao,pointer);display:grid;place-items:center;padding:0}
.hcbv-x:hover,.hcbv-x:focus-visible{color:#ffd0d4;border-color:#eb283c;outline:none}
/* brasas subindo atrás do título (só enfeite; some com "reduzir movimento") */
.hcbv-brasas{position:absolute;inset:0 0 auto 0;height:220px;pointer-events:none;overflow:hidden;opacity:.85;
  background:radial-gradient(2px 2px at 12% 80%,#ff8a5c,transparent),radial-gradient(2px 2px at 28% 60%,#ffb36b,transparent),radial-gradient(1.5px 1.5px at 44% 90%,#ff6a4a,transparent),
    radial-gradient(2px 2px at 63% 70%,#ffcf7a,transparent),radial-gradient(1.5px 1.5px at 78% 85%,#ff7a5a,transparent),radial-gradient(2px 2px at 90% 65%,#ffa060,transparent),
    radial-gradient(ellipse at 50% 0,rgba(235,40,60,.28),transparent 70%);
  background-size:100% 100%;animation:hcbvBrasas 5s linear infinite}
@keyframes hcbvBrasas{from{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 -220px,0 -180px,0 -240px,0 -200px,0 -230px,0 -190px,0 0}}
.hcbv-sobre{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;color:#ff7884;letter-spacing:3px;line-height:1.5;
  font:700 calc(11px*var(--text-scale,1)) "Cinzel",Georgia,serif;padding:0 40px}
.hcbv-sobre>span{flex:0 1 auto;min-width:0}
.hcbv-sobre:before,.hcbv-sobre:after{content:"";flex:1 1 0;max-width:46px;min-width:0;height:1px;background:linear-gradient(90deg,transparent,#eb283c)}
.hcbv-sobre:after{background:linear-gradient(270deg,transparent,#eb283c)}
.hcbv-titulo{position:relative;margin:6px 0 0;line-height:1;font:900 calc(46px*var(--text-scale,1)) "Cinzel",Georgia,serif;letter-spacing:.08em;
  filter:drop-shadow(0 2px 0 #3a060c) drop-shadow(0 0 18px rgba(235,40,60,.55))}
.hcbv-titulo>span{background:linear-gradient(100deg,#8a1020 0%,#ff4a5a 26%,#ffd6d9 42%,#ff3c4a 58%,#9a1020 80%,#ff6a74 100%);background-size:220% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hcbvBrilho 1.8s ease-out .2s 1 both}
@keyframes hcbvBrilho{from{background-position:0 0}to{background-position:100% 0}}
.hcbv-sub{position:relative;margin:10px auto 0;color:#cdb6b2;font-size:calc(13px*var(--text-scale,1));line-height:1.45;max-width:440px}
/* vitrine: a mesma peça, Nightmare e Godlike */
.hcbv-vitrine{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:16px 0 4px;flex-wrap:wrap}
.hcbv-peca{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.hcbv-peca-moldura{display:grid;place-items:center;width:82px;height:82px;border-radius:12px;background:#120a0b;border:2px solid currentColor}
.hcbv-peca-moldura img{width:68px;height:68px;object-fit:contain}
.hcbv-peca b{font:800 calc(13px*var(--text-scale,1)) "Cinzel",Georgia,serif;letter-spacing:.5px}
.hcbv-peca small{color:#b9a19d;font-size:calc(11px*var(--text-scale,1))}
.hcbv-peca.nightmare{color:rgb(255,150,40)}
.hcbv-peca.nightmare .hcbv-peca-moldura{box-shadow:0 0 14px rgba(255,150,40,.35)}
.hcbv-peca.godlike{color:#ff3c4a}
.hcbv-peca.godlike .hcbv-peca-moldura{width:96px;height:96px;box-shadow:0 0 22px rgba(235,40,60,.65),0 0 46px rgba(255,214,140,.25);animation:hcbvPulso 2.4s ease-in-out infinite}
.hcbv-peca.godlike .hcbv-peca-moldura img{width:80px;height:80px;filter:drop-shadow(0 0 8px rgba(255,90,100,.6))}
@keyframes hcbvPulso{0%,100%{box-shadow:0 0 22px rgba(235,40,60,.65),0 0 46px rgba(255,214,140,.25)}50%{box-shadow:0 0 32px rgba(255,60,80,.9),0 0 70px rgba(255,214,140,.4)}}
.hcbv-seta{color:#8a5a5a;font:700 calc(30px*var(--text-scale,1)) Georgia,serif;line-height:1}
.hcbv-godlike{position:relative;margin:12px auto 0;max-width:500px;padding:12px 14px;border-radius:10px;border:1px solid rgba(235,40,60,.55);
  background:linear-gradient(180deg,rgba(80,10,20,.55),rgba(30,8,10,.55));box-shadow:0 0 20px rgba(235,40,60,.15) inset}
.hcbv-godlike strong{display:block;color:#ffd6d9;font:800 calc(14px*var(--text-scale,1)) "Cinzel",Georgia,serif;letter-spacing:1px}
.hcbv-godlike p{margin:6px 0 0;color:#ecd9d4;font-size:calc(12.5px*var(--text-scale,1));line-height:1.5}
.hcbv-cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 2px;text-align:left}
.hcbv-cartao{display:flex;gap:8px;align-items:flex-start;min-width:0;padding:9px;border-radius:9px;border:1px solid #3a1a1e;background:#160b0d}
.hcbv-cartao.perigo{border-color:#5a1a22}
.hcbv-cartao-icone{flex:none;width:30px;height:30px;object-fit:contain}
.hcbv-cartao div{min-width:0}
.hcbv-cartao strong{display:block;color:#f4c9cd;font-size:calc(12px*var(--text-scale,1));line-height:1.3;overflow-wrap:anywhere}
.hcbv-cartao span{display:block;margin-top:3px;color:#b9a19d;font-size:calc(11px*var(--text-scale,1));line-height:1.4;overflow-wrap:anywhere}
.hcbv-depois,.hcbv-entrar{flex:1 1 0;min-width:0;min-height:44px;padding:10px 12px;border-radius:9px;cursor:var(--cur-mao,pointer);font:800 calc(13px*var(--text-scale,1)) "Cinzel",Georgia,serif;letter-spacing:1px;line-height:1.2}
.hcbv-depois{border:1px solid #4a2228;background:#160b0d;color:#cdb6b2}
.hcbv-entrar{flex-grow:1.6;border:1px solid #ff4a5a;color:#fff;background:linear-gradient(180deg,#d2283a,#8a1020);box-shadow:0 0 18px rgba(235,40,60,.4)}
.hcbv-depois:hover,.hcbv-depois:focus-visible{border-color:#8a2430;color:#fff;outline:none}
.hcbv-entrar:hover,.hcbv-entrar:focus-visible{filter:brightness(1.12);outline:none}
@media (max-width:560px){
  .hcbv-corpo{padding:18px 14px 10px}
  .hcbv-rodape{padding:8px 14px 12px}
  .hcbv-cartoes{grid-template-columns:1fr}
  .hcbv-titulo{font-size:calc(36px*var(--text-scale,1))}
  .hcbv-sobre{padding:0 36px}
}
@media (max-height:520px){
  .hcbv-titulo{font-size:calc(32px*var(--text-scale,1))}
  .hcbv-vitrine{margin-top:10px}
  .hcbv-peca-moldura{width:64px;height:64px}.hcbv-peca-moldura img{width:52px;height:52px}
  .hcbv-peca.godlike .hcbv-peca-moldura{width:74px;height:74px}.hcbv-peca.godlike .hcbv-peca-moldura img{width:62px;height:62px}
}
@media (prefers-reduced-motion:reduce){.hcbv-brasas,.hcbv-titulo>span,.hcbv-peca.godlike .hcbv-peca-moldura{animation:none}.hcbv-titulo>span{background-position:50% 0}}

/* 1931: o letreiro do meio da arena ("GODLIKE DROP"), vermelho do Hardcore com brilho dourado */
.loot-rarity-fx.godlike{border-color:#ff4a5a;
  background:linear-gradient(90deg,rgba(26,6,8,.25),rgba(110,14,26,.96),rgba(26,6,8,.25));
  box-shadow:0 0 70px rgba(235,40,60,.38),0 0 120px rgba(255,200,120,.16)}
.loot-rarity-fx.godlike.com-arte{background:linear-gradient(90deg,rgba(26,6,8,.96),rgba(110,14,26,.96),rgba(26,6,8,.96))}
.loot-rarity-fx.godlike span{color:#ffd6a0}
.loot-rarity-fx.godlike strong{
  background:linear-gradient(90deg,#ffd6d9,#ff4a5a,#ffe7a8,#ff3c4a,#ffd6d9);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(255,90,100,.45);animation:hcbvLetreiro 3s linear infinite}
@keyframes hcbvLetreiro{from{background-position:0 50%}to{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){.loot-rarity-fx.godlike strong{animation:none;background-position:20% 50%}}