:root{--blue:#2b3bd5;--yellow:#ffc71f;--pink:#ff3d8f;--green:#1fc46a;--cream:#fff3dc;--ink:#0a0a14;--white:#fff;--font-display:"Anton", Impact, "Arial Narrow Bold", sans-serif;--font-body:"Poppins", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--font-body);background:var(--blue);color:var(--white);-webkit-font-smoothing:antialiased;overflow:hidden}canvas{display:block}.overlay{text-align:center;pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:0 16px 48px;display:flex;position:absolute;inset:0}.lockup{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;--shadow:.08em;line-height:.94;animation:.9s cubic-bezier(.2,.9,.2,1.15) both rise;position:relative}.lockup__arrow{border-left:.14em solid #0000;border-right:.14em solid #0000;border-bottom:.14em solid var(--yellow);width:0;height:0;filter:drop-shadow(.03em .03em 0 var(--ink));font-size:clamp(3.4rem,9vw,7.5rem);animation:1.6s ease-in-out 1.2s infinite bounce;position:absolute;top:-.42em;left:61%}.lockup__line1,.lockup__line2{font-size:clamp(3.4rem,9vw,7.5rem)}.lockup__line2{justify-content:flex-start;align-items:flex-end;gap:.12em;display:flex}.lockup__up,.lockup__skill,.lockup__fest{text-shadow:var(--shadow) var(--shadow) 0 var(--ink)}.lockup__up{color:var(--yellow)}.lockup__skill{color:var(--cream)}.lockup__fest{color:var(--pink)}.lockup__year{font-family:var(--font-body);color:var(--cream);text-shadow:.1em .1em 0 var(--ink);padding-bottom:.1em;font-size:.3em;font-weight:500}.coming{letter-spacing:.06em;margin:clamp(14px,3vh,28px) 0 0;font-size:clamp(1.6rem,4vw,3rem);font-weight:400;animation:.9s cubic-bezier(.2,.9,.2,1.15) .15s both rise}.tagline{letter-spacing:.02em;opacity:.95;margin:8px 0 0;font-size:clamp(.9rem,1.5vw,1.25rem);font-weight:400;animation:.9s cubic-bezier(.2,.9,.2,1.15) .3s both rise}.stay{font-family:var(--font-display);letter-spacing:.01em;flex-wrap:wrap;justify-content:center;gap:.22em;margin:clamp(28px,7vh,64px) 0 0;font-size:clamp(3.6rem,10vw,8.5rem);line-height:.9;animation:1s cubic-bezier(.2,.9,.2,1.2) .5s both rise;display:flex}.stay__stay,.stay__tuned{text-shadow:.07em .07em 0 var(--ink);animation:4s ease-in-out 2s infinite wobble}.stay__stay{color:var(--white)}.stay__tuned{color:var(--pink);animation-delay:2.3s}.hazard{background:repeating-linear-gradient(-55deg, var(--yellow) 0 22px, var(--ink) 22px 44px);border-top:3px solid var(--ink);z-index:3;background-size:64px 100%;height:clamp(18px,3vh,34px);animation:1.6s linear infinite slide;position:absolute;bottom:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(28px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}3%{transform:rotate(-2.5deg)scale(1.03)}6%{transform:rotate(2deg)scale(1.03)}9%{transform:rotate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.12em)}}@keyframes slide{0%{background-position:0 0}to{background-position:64px 0}}@media (prefers-reduced-motion:reduce){.lockup,.coming,.tagline,.stay,.stay__stay,.stay__tuned,.lockup__arrow,.hazard{animation:none}}