.magic-depth{position:absolute;inset:0;pointer-events:none;translate:calc(var(--pointer-x,0px)*var(--magic-depth)) calc(var(--pointer-y,0px)*var(--magic-depth))}
.magic-flash{position:absolute;display:block;width:var(--magic-size);height:var(--magic-size);opacity:0;background:radial-gradient(circle,#fffdf0 0 4%,#fff0ac 8%,#ffd36890 18%,#f6b73c22 42%,transparent 70%);animation:magicBloom var(--magic-period) ease-in-out var(--magic-delay) infinite;transform:translate(-50%,-50%) scale(.3);pointer-events:none}
.magic-flash::before,.magic-flash::after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(transparent,#fff8cf,white,#fff8cf,transparent);border-radius:50%;transform:translate(-50%,-50%)}
.magic-flash::before{width:2px;height:100%}.magic-flash::after{width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff8cf,white,#fff8cf,transparent)}
@keyframes magicBloom{0%,8%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3)}2%{opacity:.65;transform:translate(-50%,-50%) scale(.8)}3.2%{opacity:1;transform:translate(-50%,-50%) scale(1.6)}5%{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}7%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
.loading .magic-flash,.magic-paused .magic-flash{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.magic-depth{display:none}}

/* Continuous, staggered twinkles and warm lantern glints. Only opacity and transforms animate. */
@keyframes magicBloom{0%,100%{opacity:.08;transform:translate(-50%,-50%) scale(.35)}18%{opacity:.35;transform:translate(-50%,-50%) scale(.8)}32%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}48%{opacity:.18;transform:translate(-50%,-50%) scale(.6)}68%{opacity:.75;transform:translate(-50%,-50%) scale(1.15)}85%{opacity:.12;transform:translate(-50%,-50%) scale(.45)}}
.magic-lantern{--magic-size:58px!important;background:radial-gradient(circle,#fffbe9 0 3%,#ffe6a5b0 12%,#ffb73d55 32%,transparent 70%)}
.magic-lantern::before{height:70%;width:2px}.magic-lantern::after{width:70%;height:2px}
@media(max-width:680px){.magic-lantern{--magic-size:34px!important}}