/* Original KUGGUK colours, requested near-front angle, black canvas. */
.splash-brand{pointer-events:none;animation:splash-dismiss 2400ms both;transition:none;background:#000;overflow:hidden;isolation:isolate}
.splash-brand .splash-inner{position:relative;display:grid;place-items:center;width:min(90vw,72vh,480px);perspective:1000px;animation:none}
.splash-brand .splash-disc{position:relative;z-index:1;display:block;width:100%;height:auto;object-fit:contain;animation:disc-settle 1700ms cubic-bezier(.16,.75,.2,1) both}
.splash-energy{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen}
.splash-energy i{position:absolute;left:50%;top:62%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--bubble) 0%,transparent 70%);filter:blur(12px);opacity:0;animation:bubble-flatten 1850ms cubic-bezier(.2,.7,.2,1) both;transform-origin:center}
.splash-energy i:nth-child(1){--bubble:#ff3d93;--x:-150%;--y:-170%}
.splash-energy i:nth-child(2){--bubble:#8766ff;--x:50%;--y:-140%;animation-delay:70ms}
.splash-energy i:nth-child(3){--bubble:#21dfcb;--x:-180%;--y:10%;animation-delay:140ms}
.splash-energy i:nth-child(4){--bubble:#c7ff48;--x:90%;--y:0%;animation-delay:210ms}
@keyframes bubble-flatten{0%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}24%{opacity:.65;transform:translate(var(--x),var(--y)) scale(1.25)}65%{opacity:.4;transform:translate(-50%,70%) scale(2.8,.22)}100%{opacity:0;transform:translate(-50%,90%) scale(4,.015)}}
@keyframes disc-settle{0%{opacity:0;transform:rotateY(-24deg) rotateZ(-6deg) scale(.9);filter:blur(7px)}35%{opacity:1;filter:blur(0)}80%,100%{opacity:1;transform:rotateY(0) rotateZ(0) scale(1);filter:blur(0)}}
@keyframes splash-dismiss{0%,85%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.splash-brand[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.splash-brand{display:none}.splash-brand .splash-disc,.splash-energy i{animation:none}}