@keyframes superstar-mode-hue { to { filter: hue-rotate(360deg) saturate(1.7); } }
@keyframes superstar-mode-flash { 0%,100% { opacity:.08; transform:scale(1); } 25% { opacity:.32; transform:scale(1.04); } 50% { opacity:.12; transform:scale(1.01); } 75% { opacity:.26; transform:scale(1.07); } }
@keyframes superstar-mode-sparkle { 0%,100% { opacity:.12; background-position:0 0,40px 70px,80px 20px; } 50% { opacity:.42; background-position:30px 20px,10px 90px,120px 60px; } }
@keyframes superstar-mode-pop { 0% { opacity:0; transform:translate(-50%,-50%) perspective(700px) rotateX(-72deg) scale(.18); } 22% { opacity:1; transform:translate(-50%,-50%) perspective(700px) rotateX(8deg) scale(1.18); } 42%,58% { opacity:1; transform:translate(-50%,-50%) perspective(700px) rotateX(0) scale(1); } 100% { opacity:0; transform:translate(-50%,-50%) perspective(700px) rotateX(0) scale(.96); } }
@keyframes superstar-mode-laser { 0% { opacity:0; transform:rotate(var(--angle)) scaleX(.04); } 20% { opacity:.95; } 72% { opacity:.6; } 100% { opacity:0; transform:rotate(var(--angle)) scaleX(1.18); } }
@keyframes superstar-mode-melt { 0%,100% { transform:translate3d(-6vw,-3vh,0) rotate(-8deg) scale(1); } 33% { transform:translate3d(8vw,5vh,0) rotate(12deg) scale(1.22); } 66% { transform:translate3d(-4vw,9vh,0) rotate(-18deg) scale(.84); } }
@keyframes superstar-mode-liquid { 0%,100% { border-radius:42% 58% 63% 37% / 46% 38% 62% 54%; } 50% { border-radius:68% 32% 35% 65% / 58% 64% 36% 42%; } }
@keyframes superstar-mode-rise { 0% { opacity:0; } 100% { opacity:.6; } }
@keyframes superstar-mode-geometry { 0%,100% { transform:translate3d(-4vw,2vh,0) rotate(0) scale(.9); } 50% { transform:translate3d(6vw,-5vh,0) rotate(180deg) scale(1.08); } }
@keyframes superstar-mode-ornate { 0% { transform:rotate(0) scale(.82); } 50% { transform:rotate(-180deg) scale(1.08); } 100% { transform:rotate(-360deg) scale(.82); } }

body[data-superstar="1"] [style*="background-image"] { animation: superstar-mode-hue 4.5s linear infinite; filter:saturate(1.55) hue-rotate(22deg) blur(1px); transform-origin:center; }
body[data-superstar="1"]::before, body[data-superstar="1"]::after { content:""; position:fixed; inset:-12%; pointer-events:none; z-index:120; }
body[data-superstar="1"]::before { background:radial-gradient(circle at 18% 24%,#ff2e8b 0 2px,transparent 3px),radial-gradient(circle at 76% 32%,#00d0ff 0 2px,transparent 3px),radial-gradient(circle at 42% 74%,#c8ff2e 0 2px,transparent 3px),radial-gradient(circle at 88% 82%,#a94cff 0 2px,transparent 3px); background-size:140px 140px,190px 190px,220px 220px,170px 170px; mix-blend-mode:screen; animation:superstar-mode-sparkle .8s steps(2,end) infinite; }
body[data-superstar="1"]::after { background:linear-gradient(115deg,transparent 22%,rgba(255,61,190,.28) 43%,transparent 52%),linear-gradient(245deg,transparent 30%,rgba(34,224,255,.26) 48%,transparent 58%),linear-gradient(90deg,rgba(255,46,139,.22),rgba(0,208,255,.18),rgba(200,255,46,.18),rgba(169,76,255,.22)); mix-blend-mode:hue; animation:superstar-mode-flash 1.1s ease-in-out infinite,superstar-mode-hue 1.2s linear infinite; }
[data-superstar-melt="1"], [data-superstar-pattern="1"], [data-superstar-lasers="1"], [data-superstar-burst="1"] { pointer-events:none; }
[data-superstar-melt="1"] { position:fixed; inset:-12%; z-index:118; overflow:hidden; opacity:0; mix-blend-mode:screen; filter:blur(26px) saturate(1.8); animation:superstar-mode-rise 4s ease-out both; }
[data-superstar-melt="1"] span { position:absolute; display:block; width:42vw; height:42vw; min-width:260px; min-height:260px; border-radius:50%; animation:superstar-mode-melt 5.5s ease-in-out infinite,superstar-mode-liquid 2.8s ease-in-out infinite; }
[data-superstar-melt="1"] span:nth-child(1){top:-12%;left:-8%;background:radial-gradient(circle,rgba(255,46,139,.75),rgba(169,76,255,.32) 48%,transparent 72%)}
[data-superstar-melt="1"] span:nth-child(2){top:8%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(0,208,255,.72),rgba(43,245,160,.28) 48%,transparent 74%);animation-delay:-1.6s,-.8s}
[data-superstar-melt="1"] span:nth-child(3){bottom:-18%;left:18%;width:48vw;height:40vw;background:radial-gradient(circle,rgba(200,255,46,.58),rgba(255,154,46,.3) 48%,transparent 75%);animation-delay:-3.1s,-1.3s}
[data-superstar-melt="1"] span:nth-child(4){right:22%;bottom:-14%;width:34vw;height:34vw;background:radial-gradient(circle,rgba(232,50,255,.58),rgba(255,61,190,.24) 50%,transparent 74%);animation-delay:-2.2s,-.4s}
[data-superstar-pattern="1"] { position:fixed; inset:-10%; z-index:119; overflow:hidden; opacity:0; mix-blend-mode:screen; filter:saturate(1.7) contrast(1.12); animation:superstar-mode-rise 4s ease-out forwards; }
[data-superstar-pattern="1"] span { position:absolute; display:block; width:46vw; aspect-ratio:1; clip-path:polygon(50% 0,58% 28%,70% 5%,70% 31%,94% 14%,76% 39%,100% 36%,78% 50%,100% 64%,76% 61%,94% 86%,70% 69%,70% 95%,58% 72%,50% 100%,42% 72%,30% 95%,30% 69%,6% 86%,24% 61%,0 64%,22% 50%,0 36%,24% 39%,6% 14%,30% 31%,30% 5%,42% 28%); background:repeating-conic-gradient(from 12deg,rgba(255,46,139,.55) 0 5deg,transparent 5deg 17deg),repeating-radial-gradient(circle,transparent 0 7%,rgba(0,208,255,.38) 7.5% 8%,transparent 8.5% 14%),radial-gradient(circle,transparent 0 22%,rgba(0,208,255,.52) 22.5% 23.5%,transparent 24% 38%,rgba(200,255,46,.46) 38.5% 39.5%,transparent 40% 54%,rgba(169,76,255,.56) 54.5% 55.5%,transparent 56%); filter:drop-shadow(0 0 18px rgba(255,46,139,.65)) drop-shadow(0 0 28px rgba(0,208,255,.5)); mask-image:radial-gradient(circle,#000 0 58%,transparent 78%); animation:superstar-mode-geometry 8s ease-in-out infinite,superstar-mode-ornate 16s linear infinite; }
[data-superstar-pattern="1"] span::before,[data-superstar-pattern="1"] span::after { content:""; position:absolute; display:block; pointer-events:none; }
[data-superstar-pattern="1"] span::before { inset:14%; border:2px solid rgba(255,255,255,.42); clip-path:polygon(50% 0,61% 34%,96% 20%,70% 50%,96% 80%,61% 66%,50% 100%,39% 66%,4% 80%,30% 50%,4% 20%,39% 34%); background:repeating-conic-gradient(rgba(255,255,255,.28) 0 2deg,transparent 2deg 15deg); box-shadow:0 0 18px rgba(255,255,255,.45),inset 0 0 18px rgba(0,208,255,.55); animation:superstar-mode-ornate 9s linear infinite; }
[data-superstar-pattern="1"] span::after { inset:28%; border:1px solid rgba(255,255,255,.7); border-radius:50%; background:radial-gradient(circle,#fff 0 1.5%,transparent 2.5% 17%,rgba(255,61,190,.45) 18% 19%,transparent 20% 31%,rgba(0,208,255,.52) 32% 33%,transparent 34% 46%,rgba(200,255,46,.48) 47% 48%,transparent 49%),repeating-conic-gradient(rgba(255,255,255,.4) 0 1deg,transparent 1deg 30deg); box-shadow:0 0 22px rgba(255,255,255,.55),0 0 42px rgba(169,76,255,.6); animation:superstar-mode-ornate 6s linear infinite reverse; }
[data-superstar-pattern="1"] span:nth-child(1){top:-12%;left:-10%}[data-superstar-pattern="1"] span:nth-child(2){top:22%;right:-14%;width:38vw;animation-delay:-2.5s,-4s}[data-superstar-pattern="1"] span:nth-child(3){bottom:-20%;left:28%;width:52vw;animation-delay:-4.2s,-8s}
[data-superstar-lasers="1"] { position:fixed; inset:0; z-index:125; overflow:hidden; }
[data-superstar-lasers="1"] span { position:absolute; width:62vw; height:3px; transform-origin:0 50%; border-radius:999px; background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,46,139,.9) 28%,rgba(0,208,255,.7) 62%,transparent); box-shadow:0 0 8px #fff,0 0 22px #ff3dbe,0 0 34px #00d0ff; animation:superstar-mode-laser 1.35s cubic-bezier(.2,.7,.2,1) infinite; }
[data-superstar-lasers="1"] span:nth-child(1){top:18%;left:0;--angle:9deg}[data-superstar-lasers="1"] span:nth-child(2){top:34%;left:0;--angle:-7deg}[data-superstar-lasers="1"] span:nth-child(3){top:56%;left:0;--angle:6deg}[data-superstar-lasers="1"] span:nth-child(4){top:76%;left:0;--angle:-10deg}[data-superstar-lasers="1"] span:nth-child(5){top:22%;left:100%;--angle:171deg}[data-superstar-lasers="1"] span:nth-child(6){top:42%;left:100%;--angle:187deg}[data-superstar-lasers="1"] span:nth-child(7){top:64%;left:100%;--angle:174deg}[data-superstar-lasers="1"] span:nth-child(8){top:86%;left:100%;--angle:191deg}
[data-superstar-lasers="1"] span:nth-child(2n){animation-delay:-.45s;background:linear-gradient(90deg,#fff,rgba(200,255,46,.9) 28%,rgba(169,76,255,.7) 62%,transparent)}[data-superstar-lasers="1"] span:nth-child(3n){animation-delay:-.82s}
[data-superstar-burst="1"] { position:fixed; top:50%; left:50%; z-index:135; color:#fff; font:400 clamp(36px,7vw,100px)/.9 'Bungee','Syne',sans-serif; letter-spacing:.06em; text-align:center; white-space:nowrap; -webkit-text-stroke:1px rgba(255,255,255,.78); text-shadow:0 3px #ff2e8b,0 6px #a94cff,0 9px #00d0ff,0 0 18px #fff,0 0 42px #ff3dbe,0 0 70px #00d0ff; animation:superstar-mode-pop 3.2s cubic-bezier(.16,.8,.22,1) both; }
[data-superstar-melt][data-superstar-fading="1"],[data-superstar-pattern][data-superstar-fading="1"],[data-superstar-lasers][data-superstar-fading="1"],[data-superstar-burst][data-superstar-fading="1"] { opacity:0 !important; transition:opacity 2.125s ease !important; }
body[data-superstar-fading="1"]::before,body[data-superstar-fading="1"]::after { opacity:0 !important; transition:opacity 2.125s ease; }
@media (prefers-reduced-motion: reduce) { body[data-superstar="1"]::before,body[data-superstar="1"]::after,[data-superstar-melt],[data-superstar-pattern],[data-superstar-lasers],[data-superstar-burst] { animation:none !important; } [data-superstar-lasers],[data-superstar-melt],[data-superstar-pattern] { display:none; } }