/* TCGStoreCR.fun V18 - Pantalla de carga global PC + móvil */
html.tcg-page-loading,
html.tcg-page-loading body{overflow:hidden;}
html.tcg-page-loading::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:
    radial-gradient(circle at 15% 15%, rgba(217,22,86,.36), transparent 34%),
    radial-gradient(circle at 85% 10%, rgba(56,189,248,.28), transparent 32%),
    radial-gradient(circle at 55% 95%, rgba(250,204,21,.18), transparent 36%),
    linear-gradient(180deg, rgba(3,7,18,.98), rgba(7,14,31,.98));
  backdrop-filter: blur(7px);
}
html.tcg-page-loading::after{
  content:"Cargando TCGStoreCR.fun…";
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2147483001;
  width:min(88vw,440px);
  min-height:148px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:82px 22px 24px;
  text-align:center;
  color:#fff;
  font:900 clamp(1.05rem,3.2vw,1.35rem)/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:.01em;
  background:
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(8,13,27,.96));
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  box-shadow:0 28px 90px rgba(0,0,0,.54), 0 0 0 1px rgba(250,204,21,.12) inset;
}
.tcg-loader-v18{
  position:fixed;
  inset:0;
  z-index:2147483002;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:
    radial-gradient(circle at 15% 15%, rgba(217,22,86,.36), transparent 34%),
    radial-gradient(circle at 85% 10%, rgba(56,189,248,.28), transparent 32%),
    radial-gradient(circle at 55% 95%, rgba(250,204,21,.18), transparent 36%),
    linear-gradient(180deg, rgba(3,7,18,.98), rgba(7,14,31,.98));
  backdrop-filter: blur(7px);
  transition:opacity .28s ease, visibility .28s ease;
}
.tcg-loader-v18.is-hiding{opacity:0;visibility:hidden;pointer-events:none;}
.tcg-loader-v18__card{
  width:min(92vw,460px);
  border-radius:30px;
  padding:26px 22px 22px;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg, rgba(15,23,42,.97), rgba(8,13,27,.97));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 28px 90px rgba(0,0,0,.54), 0 0 0 1px rgba(250,204,21,.12) inset;
}
.tcg-loader-v18__logo{
  width:112px;
  height:68px;
  object-fit:contain;
  margin:0 auto 12px;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));
}
.tcg-loader-v18__spinner{
  width:58px;
  height:58px;
  margin:6px auto 15px;
  border-radius:50%;
  border:5px solid rgba(255,255,255,.16);
  border-top-color:#facc15;
  border-right-color:#38bdf8;
  animation:tcgLoaderSpin .8s linear infinite;
}
.tcg-loader-v18__title{
  margin:0;
  font-size:clamp(1.35rem,4vw,1.9rem);
  line-height:1.1;
  letter-spacing:-.035em;
}
.tcg-loader-v18__title strong{color:#facc15;}
.tcg-loader-v18__text{
  margin:9px auto 0;
  max-width:34rem;
  color:#cbd5e1;
  line-height:1.45;
  font-size:clamp(.95rem,3vw,1.05rem);
}
.tcg-loader-v18__bar{
  width:100%;
  height:8px;
  overflow:hidden;
  margin:18px auto 0;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.tcg-loader-v18__bar span{
  display:block;
  width:46%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#d91656,#facc15,#38bdf8);
  animation:tcgLoaderBar 1.35s ease-in-out infinite;
}
@keyframes tcgLoaderSpin{to{transform:rotate(360deg)}}
@keyframes tcgLoaderBar{0%{transform:translateX(-115%)}55%{transform:translateX(80%)}100%{transform:translateX(225%)}}
@media (max-width:640px){
  .tcg-loader-v18{padding:14px;align-items:flex-start;padding-top:22vh;}
  .tcg-loader-v18__card{border-radius:24px;padding:22px 16px 18px;}
  .tcg-loader-v18__logo{width:96px;height:58px;}
  .tcg-loader-v18__spinner{width:50px;height:50px;border-width:4px;}
}
@media (prefers-reduced-motion:reduce){
  .tcg-loader-v18__spinner,.tcg-loader-v18__bar span{animation:none;}
}