/* HU-BAR shared premium opening Flash / splash screen – moving gold lights */
#huGlobalLoader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:block!important;
  overflow:hidden!important;
  background:#000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .42s ease,visibility .42s ease!important;
  isolation:isolate!important;
  touch-action:none!important;
}
#huGlobalLoader::before{
  content:"";
  position:absolute;
  inset:-2.5%;
  z-index:0;
  background-color:#000;
  background-image:url('/hu-bar-splash.webp');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  transform:scale(1.015) translate3d(0,0,0);
  transform-origin:center 46%;
  filter:saturate(1.03) brightness(.98);
  animation:huSplashHookahMove 2.15s ease-in-out infinite alternate;
  will-change:transform,filter;
}
/* soft breathing glow over the approved artwork */
#huGlobalLoader::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 47%,rgba(255,196,67,.20),transparent 31%),
    radial-gradient(ellipse at 50% 64%,rgba(255,172,38,.11),transparent 28%),
    linear-gradient(115deg,transparent 34%,rgba(255,221,130,.075) 49%,transparent 64%);
  mix-blend-mode:screen;
  opacity:.58;
  animation:huSplashGlow 1.10s ease-in-out infinite alternate;
}

/* Real moving light layers are inserted by app-loader.js. */
#huGlobalLoader .hu-splash-light-orbit,
#huGlobalLoader .hu-splash-light-orbit-2,
#huGlobalLoader .hu-splash-sparks,
#huGlobalLoader .hu-splash-smoke-shimmer{
  position:absolute;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  mix-blend-mode:screen;
  will-change:transform,opacity,filter;
}

/* Main gold ribbon: rotates around the hookah body. */
#huGlobalLoader .hu-splash-light-orbit{
  z-index:2;
  left:50%;
  top:48%;
  width:min(94vw,760px);
  height:min(72vh,900px);
  transform:translate(-50%,-50%) rotate(0deg) scale(.92);
  border-radius:50%;
  background:conic-gradient(
    from 15deg,
    transparent 0deg 34deg,
    rgba(255,172,24,0) 48deg,
    rgba(255,197,66,.22) 60deg,
    rgba(255,225,145,.92) 72deg,
    rgba(255,177,34,.28) 86deg,
    rgba(255,177,34,0) 103deg,
    transparent 120deg 214deg,
    rgba(255,184,40,0) 224deg,
    rgba(255,211,106,.68) 239deg,
    rgba(255,238,171,.95) 250deg,
    rgba(255,176,30,.16) 265deg,
    transparent 280deg 360deg
  );
  -webkit-mask-image:radial-gradient(ellipse at center,transparent 0 39%,#000 48% 57%,transparent 67%);
  mask-image:radial-gradient(ellipse at center,transparent 0 39%,#000 48% 57%,transparent 67%);
  filter:blur(5px) drop-shadow(0 0 14px rgba(255,183,45,.72));
  opacity:.83;
  animation:huGoldOrbit 2.55s linear infinite;
}

/* Secondary ribbon moves the opposite way for a layered spiral feeling. */
#huGlobalLoader .hu-splash-light-orbit-2{
  z-index:2;
  left:50%;
  top:48%;
  width:min(82vw,660px);
  height:min(63vh,780px);
  transform:translate(-50%,-50%) rotate(180deg) scale(.94);
  border-radius:50%;
  background:conic-gradient(
    from 210deg,
    transparent 0 88deg,
    rgba(255,179,35,0) 96deg,
    rgba(255,205,91,.48) 111deg,
    rgba(255,240,184,.92) 122deg,
    rgba(255,173,27,.15) 139deg,
    transparent 151deg 270deg,
    rgba(255,213,111,.52) 288deg,
    rgba(255,239,176,.85) 300deg,
    transparent 318deg 360deg
  );
  -webkit-mask-image:radial-gradient(ellipse at center,transparent 0 42%,#000 50% 56%,transparent 64%);
  mask-image:radial-gradient(ellipse at center,transparent 0 42%,#000 50% 56%,transparent 64%);
  filter:blur(7px) drop-shadow(0 0 11px rgba(255,199,72,.55));
  opacity:.55;
  animation:huGoldOrbitReverse 3.35s linear infinite;
}

/* Moving pinpoints / sparks. */
#huGlobalLoader .hu-splash-sparks{
  z-index:3;
  inset:12% 12% 21%;
  background:
    radial-gradient(circle at 20% 66%,rgba(255,233,163,.95) 0 1px,transparent 2.5px),
    radial-gradient(circle at 75% 37%,rgba(255,199,76,.92) 0 1.3px,transparent 3px),
    radial-gradient(circle at 68% 73%,rgba(255,224,143,.86) 0 1px,transparent 2.5px),
    radial-gradient(circle at 29% 39%,rgba(255,183,47,.88) 0 1.2px,transparent 2.8px),
    radial-gradient(circle at 52% 25%,rgba(255,237,175,.82) 0 1px,transparent 2.4px),
    radial-gradient(circle at 44% 80%,rgba(255,190,50,.90) 0 1.2px,transparent 2.8px),
    radial-gradient(circle at 83% 59%,rgba(255,230,153,.82) 0 1px,transparent 2.5px),
    radial-gradient(circle at 14% 51%,rgba(255,204,89,.86) 0 1px,transparent 2.6px);
  background-size:100% 100%;
  filter:drop-shadow(0 0 5px rgba(255,188,45,.95));
  opacity:.60;
  animation:huSparkDrift 1.85s ease-in-out infinite alternate;
}

/* Thin shimmer that travels upward through the smoke. */
#huGlobalLoader .hu-splash-smoke-shimmer{
  z-index:2;
  left:22%;right:22%;top:7%;height:60%;
  background:
    linear-gradient(78deg,transparent 20%,rgba(255,224,151,.06) 37%,rgba(255,239,193,.20) 50%,rgba(255,195,77,.05) 63%,transparent 80%);
  filter:blur(14px);
  opacity:.25;
  transform:translate3d(-7%,10%,0) skewX(-8deg);
  animation:huSmokeShimmer 2.6s ease-in-out infinite alternate;
}

#huGlobalLoader.hu-loader-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@keyframes huSplashHookahMove{
  0%{transform:scale(1.01) translate3d(0,3px,0);filter:saturate(1.01) brightness(.96)}
  48%{transform:scale(1.025) translate3d(0,-2px,0);filter:saturate(1.07) brightness(1.035)}
  100%{transform:scale(1.018) translate3d(0,-5px,0);filter:saturate(1.03) brightness(.99)}
}
@keyframes huSplashGlow{
  from{opacity:.31;transform:scale(1)}
  to{opacity:.76;transform:scale(1.022)}
}
@keyframes huGoldOrbit{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(.90);opacity:.42}
  20%{opacity:.92}
  55%{opacity:.68}
  100%{transform:translate(-50%,-50%) rotate(360deg) scale(.96);opacity:.46}
}
@keyframes huGoldOrbitReverse{
  0%{transform:translate(-50%,-50%) rotate(360deg) scale(.97);opacity:.35}
  45%{opacity:.72}
  100%{transform:translate(-50%,-50%) rotate(0deg) scale(.91);opacity:.38}
}
@keyframes huSparkDrift{
  0%{transform:translate3d(-5px,8px,0) scale(.96);opacity:.32;filter:drop-shadow(0 0 3px rgba(255,188,45,.8))}
  50%{opacity:.82}
  100%{transform:translate3d(8px,-13px,0) scale(1.04);opacity:.58;filter:drop-shadow(0 0 8px rgba(255,215,110,1))}
}
@keyframes huSmokeShimmer{
  0%{transform:translate3d(-9%,14%,0) skewX(-11deg) scale(.94);opacity:.10}
  100%{transform:translate3d(9%,-9%,0) skewX(9deg) scale(1.08);opacity:.38}
}
@media (orientation:landscape){
  #huGlobalLoader::before{background-size:contain;inset:-1%}
  #huGlobalLoader .hu-splash-light-orbit{width:min(62vw,720px);height:100vh}
  #huGlobalLoader .hu-splash-light-orbit-2{width:min(52vw,620px);height:88vh}
}
@media (prefers-reduced-motion:reduce){
  #huGlobalLoader::before,#huGlobalLoader::after,
  #huGlobalLoader .hu-splash-light-orbit,
  #huGlobalLoader .hu-splash-light-orbit-2,
  #huGlobalLoader .hu-splash-sparks,
  #huGlobalLoader .hu-splash-smoke-shimmer{animation:none!important}
}