/* Weekly Draw — continuous spectral light, 2026-10-09.
   Scoped exception to the normally interaction-only HIMMA motion language.
   Decorative only; reduced-motion visitors see a stationary composition. */
.weekly-draw-page .wd-spectral-aisle{
  width:100vw;
  max-width:none;
  height:clamp(170px,20vw,250px);
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow:hidden;
  -webkit-mask-image:none;
  mask-image:none;
  isolation:isolate;
  pointer-events:none;
}
.weekly-draw-page .wd-spectral-aisle::before{
  inset:0;
  border-radius:0;
  background:
    radial-gradient(ellipse 30% 23% at 28% 48%,rgba(0,214,255,.32),transparent 100%),
    radial-gradient(ellipse 25% 25% at 72% 50%,rgba(110,75,255,.26),transparent 100%);
  filter:blur(30px);
  opacity:1;
  transform:none;
  animation:wd-light-halo 7s ease-in-out infinite alternate;
}
.weekly-draw-page .wd-spectral-aisle::after{
  left:0;right:auto;top:52%;width:200vw;height:3px;
  background:linear-gradient(90deg,transparent 0%,#22caff 14%,#d9ffff 25%,#45d7ff 34%,#7e70ff 42%,transparent 50%);
  background-size:50% 100%;
  background-repeat:repeat-x;
  box-shadow:0 0 8px 2px rgba(64,213,255,.9),0 0 26px 9px rgba(14,159,255,.43),0 0 55px 22px rgba(65,81,255,.19);
  filter:none;opacity:.96;transform:none;
  animation:wd-light-cross 13s linear infinite;
}
.weekly-draw-page .wd-spectral-line{
  left:0;width:200vw;height:2px;
  transform:none;transform-origin:center;
  opacity:1;filter:drop-shadow(0 0 5px rgba(117,230,255,.95)) drop-shadow(0 0 14px rgba(45,174,255,.7));
  animation:wd-light-cross 13s linear infinite!important;
}
.weekly-draw-page .wd-spectral-line::after{
  background:linear-gradient(90deg,transparent,#edffff 25%,rgba(179,222,255,.72) 38%,transparent 50%);
  background-size:50% 100%;background-repeat:repeat-x;
}
.weekly-draw-page .wd-spectral-line-a{
  top:37%;
  background:linear-gradient(90deg,transparent 0%,rgba(34,198,255,.4) 9%,#55caff 19%,#d8fbff 27%,#9272ff 41%,transparent 50%);
  background-size:50% 100%;background-repeat:repeat-x;
  animation-duration:15s!important;
}
.weekly-draw-page .wd-spectral-line-b{
  top:56%;height:3px;
  background:linear-gradient(90deg,transparent 0%,rgba(19,175,255,.5) 8%,#57eaff 20%,#e6ffff 27%,#4ea8ff 39%,transparent 50%);
  background-size:50% 100%;background-repeat:repeat-x;
  animation-duration:13s!important;
}
.weekly-draw-page .wd-spectral-line-c{
  top:72%;
  background:linear-gradient(90deg,transparent 0%,rgba(34,143,255,.35) 11%,#34d0ff 22%,#a4f5ff 31%,#8d7aff 41%,transparent 50%);
  background-size:50% 100%;background-repeat:repeat-x;
  animation-duration:17s!important;
}
.weekly-draw-page .wd-spectral-orb{filter:blur(46px);opacity:.52}
.weekly-draw-page .wd-spectral-orb-a{left:25%;background:rgba(0,200,255,.57)}
.weekly-draw-page .wd-spectral-orb-b{right:15%;background:rgba(132,76,255,.54)}
@keyframes wd-light-cross{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wd-light-halo{from{opacity:.62}to{opacity:1}}
@media(max-width:670px){
  .weekly-draw-page .wd-spectral-aisle{height:170px}
  .weekly-draw-page .wd-spectral-line{width:200vw;left:0}
}
@media(prefers-reduced-motion:reduce){
  .weekly-draw-page .wd-spectral-aisle::before,
  .weekly-draw-page .wd-spectral-aisle::after,
  .weekly-draw-page .wd-spectral-line{animation:none!important}
}

/* Lower page-breaker: reverse the colour choreography, not the travel.
   Both bands still move right-to-left using wd-light-cross. */
.weekly-draw-page .wd-spectral-aisle-reverse::before{
  background:
    radial-gradient(ellipse 30% 23% at 72% 48%,rgba(0,214,255,.32),transparent 100%),
    radial-gradient(ellipse 25% 25% at 28% 50%,rgba(110,75,255,.26),transparent 100%);
}
.weekly-draw-page .wd-spectral-aisle-reverse::after{
  background:linear-gradient(90deg,transparent 0%,#7e70ff 14%,#45d7ff 25%,#d9ffff 34%,#22caff 42%,transparent 50%);
  background-size:50% 100%;
  background-repeat:repeat-x;
}
.weekly-draw-page .wd-spectral-aisle-reverse .wd-spectral-line-a{
  background:linear-gradient(90deg,transparent 0%,#9272ff 9%,#d8fbff 23%,#55caff 34%,rgba(34,198,255,.4) 41%,transparent 50%);
  background-size:50% 100%;
  background-repeat:repeat-x;
}
.weekly-draw-page .wd-spectral-aisle-reverse .wd-spectral-line-b{
  background:linear-gradient(90deg,transparent 0%,#4ea8ff 9%,#e6ffff 22%,#57eaff 34%,rgba(19,175,255,.5) 41%,transparent 50%);
  background-size:50% 100%;
  background-repeat:repeat-x;
}
.weekly-draw-page .wd-spectral-aisle-reverse .wd-spectral-line-c{
  background:linear-gradient(90deg,transparent 0%,#8d7aff 9%,#a4f5ff 21%,#34d0ff 33%,rgba(34,143,255,.35) 41%,transparent 50%);
  background-size:50% 100%;
  background-repeat:repeat-x;
}
.weekly-draw-page .wd-spectral-aisle-reverse .wd-spectral-orb-a{
  left:65%;
  background:rgba(0,200,255,.57);
}
.weekly-draw-page .wd-spectral-aisle-reverse .wd-spectral-orb-b{
  right:65%;
  background:rgba(132,76,255,.54);
}