@font-face{font-family:Lilita;src:url('assets/lilita-one.ttf') format('truetype');font-display:swap}@font-face{font-family:WetPaint;src:url('assets/rubik-wet-paint.ttf') format('truetype');font-display:swap}
:root{--blue:#29edff;--lime:#dcff00;--pink:#ff45b5;--beat:0;--mx:0px;--my:0px}
html{overflow-x:clip}body{background:#030714}.button{background:var(--lime);border-color:var(--lime);font-family:Lilita,Arial,sans-serif;font-size:23px;box-shadow:5px 6px 0 var(--pink);border-radius:32px}.button:hover{background:#edff84;box-shadow:9px 10px 0 var(--pink);transform:translateY(-5px) rotate(-3deg)}.button.outline{color:var(--pink);border:2px solid var(--pink);box-shadow:3px 3px 0 var(--blue);font-family:Lilita,Arial,sans-serif}.button.outline:hover{background:var(--pink);color:#050914}.button svg{stroke-width:2.3}
#chaos-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.rave-grid{position:absolute;inset:-70%;background-image:linear-gradient(#29edff18 1px,transparent 1px),linear-gradient(90deg,#ff45b514 1px,transparent 1px);background-size:75px 75px;transform:perspective(700px) rotateX(65deg) rotateZ(-15deg);opacity:.7}.vortex{position:absolute;width:110vmax;height:110vmax;left:-50vmax;top:-60vmax;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 24deg,#29edff0b 24deg 31deg,transparent 31deg 48deg,#ff45b50a 48deg 55deg);mask-image:radial-gradient(black,transparent 66%)}.vortex-two{left:20vw;top:15vh;opacity:.6;transform:rotate(100deg)}#website{position:relative;z-index:2}.entry-gate{background:#050914a8;isolation:isolate}.gate-city{opacity:1;width:74%;mask-image:linear-gradient(90deg,transparent,black 28%)}.gate-brand,.brand{font-family:WetPaint,Impact,sans-serif;letter-spacing:-1px;color:#fff}.gate-brand span,.brand span{color:var(--lime)}.gate-copy h1{font-family:Lilita,Arial,sans-serif;text-shadow:4px 7px 0 var(--pink),7px 10px 0 #00181c,-2px -2px 0 #050914;letter-spacing:-.045em;font-weight:400;line-height:.92}.gate-copy h1 span{color:var(--blue)}.gate-copy>p{color:#fff;text-shadow:0 2px 7px #000}.entry-gate .gate-enter{background:var(--lime);color:#050914;border:3px solid var(--lime);box-shadow:8px 8px 0 var(--pink),-4px -4px 0 var(--blue);border-radius:18px;font-family:Lilita,Arial,sans-serif}.entry-gate .gate-flag{width:clamp(250px,33vw,540px);opacity:1;mask-image:radial-gradient(ellipse,black 58%,transparent 74%)}.funding-stamp{background:var(--pink);color:#050914;border:3px solid var(--lime);font-family:WetPaint,Impact,sans-serif;font-weight:400;box-shadow:8px 8px 0 var(--blue);border-radius:6px;font-size:27px}.gate-top{background:var(--lime);font-family:Lilita,Arial,sans-serif;font-weight:400;transform:rotate(-1deg)}.gate-bottom{background:var(--pink);color:#050914;font-family:WetPaint,Impact,sans-serif;font-weight:400;transform:rotate(2deg)}
.header{background:#050914db;border-bottom:2px solid #29edff66;z-index:30}.header nav{color:#fff}.hero{min-height:clamp(660px,48vw,760px);padding-block:66px;isolation:isolate}.hero-city{width:78%;object-position:60% center;mask-image:linear-gradient(90deg,transparent,black 24%)}.hero-copy{z-index:4}.hero h2{font-family:Lilita,Arial,sans-serif;font-weight:400;letter-spacing:-.05em;line-height:.9;text-shadow:4px 6px 0 var(--pink),7px 9px 0 var(--blue),-2px -2px 0 #050914;font-size:clamp(76px,7.5vw,116px);transform:rotate(-4deg);transform-origin:left center}.hero h2 .blue{color:#fff}.hero-copy>p{display:table;font-size:18px;margin-top:32px;color:#fff;padding:9px 14px;background:#050914d9;border-left:4px solid var(--blue);text-shadow:0 2px 4px #000}.hero .button{font-size:21px;padding:18px 25px;gap:20px;margin-top:28px;position:relative;z-index:5}.hero .worse-button{margin-left:12px;background:#050914;color:var(--pink);border:3px solid var(--pink);box-shadow:3px 3px 0 var(--blue);padding:15px 20px;font-size:19px}.hero-copy .crew-note{font-size:14px;padding:5px 12px;border-left:0;margin-top:24px}
.orbital-machine{position:absolute;right:0;top:0;width:68%;height:100%;z-index:2;pointer-events:none;transform:rotate(-8deg)}.orbital-machine i{position:absolute;inset:4%;border:4px solid var(--lime);border-radius:50%;box-shadow:0 0 15px #dcff0033;transform:rotateY(45deg) rotateX(30deg)}.orbital-machine i:nth-child(2){inset:15% -10%;border-color:var(--blue);transform:rotateZ(25deg) rotateX(50deg)}.orbital-machine i:nth-child(3){inset:5% 10%;border-color:var(--pink);transform:rotateY(60deg) rotateZ(-40deg)}.orbital-machine i:nth-child(4){inset:35% -15%;border-width:2px;border-color:var(--blue);transform:rotateZ(-20deg)}.funding-ticker{position:relative;z-index:3;margin:-80px -5% 0 20%;transform:rotate(-11deg);background:var(--pink);color:#050914;border:0;font-family:WetPaint,Impact,sans-serif;font-size:clamp(22px,2.8vw,42px);padding:17px 0;box-shadow:0 9px 0 #050914;pointer-events:none}.funding-ticker .ticker-track{animation-duration:15s}
.section{position:relative}.lore{padding-top:125px;grid-template-columns:1fr 1.25fr;gap:48px}.lore-copy{order:2}.lore-flag{order:1;max-width:560px;width:110%;justify-self:start;mix-blend-mode:normal;mask-image:radial-gradient(ellipse,black 56%,transparent 77%);transform:rotate(-8deg)}.lore h2,.quotes h2,.anthem h2,.testimonials h2,.thanks h2{font-family:Lilita,Arial,sans-serif;font-weight:400;letter-spacing:-.04em;line-height:.98;text-shadow:3px 5px 0 var(--pink),5px 7px 0 var(--blue)}.lore h2{font-size:clamp(48px,5vw,74px);transform:rotate(-4deg)}.lore-copy>p{color:#fff;font-size:20px;background:#050914d9;padding:14px}.bonjour{font-family:WetPaint,Impact,sans-serif;color:var(--blue);font-weight:400;transform:rotate(-5deg);font-size:32px}.bonjour cite{font-family:Arial,sans-serif;color:#fff}.quotes{border-top:6px dashed var(--lime);padding-top:40px}.quotes h2{font-size:52px}.quote-columns{gap:18px}.quote-columns blockquote,.quote-columns blockquote+blockquote{font-family:WetPaint,Impact,sans-serif;font-weight:400;color:var(--pink);background:#0b1024ee;padding:25px 22px;border:3px solid #29edff66;border-radius:5px;transform:rotate(-4deg);font-size:38px;box-shadow:8px 8px 0 #ff45b544;letter-spacing:-1px}.quote-columns blockquote:nth-child(2){color:var(--blue);transform:rotate(3deg);border-color:#ff45b566;box-shadow:8px 8px 0 #29edff44}.quote-columns blockquote:nth-child(3){color:var(--lime);transform:rotate(-2deg);border-color:#dcff0066;box-shadow:8px 8px 0 #dcff0033}.quote-columns cite{font-family:Arial,sans-serif;color:#fff;font-size:16px}
.praise-ticker,.end-ticker{font-family:WetPaint,Impact,sans-serif;background:var(--lime);font-weight:400;transform:rotate(3deg);font-size:clamp(26px,3.8vw,58px);padding:22px 0;border-top:4px solid var(--pink);border-bottom:4px solid var(--blue)}.end-ticker{background:var(--pink);transform:rotate(-3deg);color:#050914}.anthem{padding-top:90px}.anthem h2{transform:rotate(-5deg);font-size:clamp(48px,5vw,76px)}.section-intro{color:#fff;background:#050914d9;display:table;padding:9px 13px}.music-player{border:3px solid var(--lime);background:#050914f2;box-shadow:0 0 0 5px #dcff0019,8px 8px 0 #ff45b577,0 0 30px #dcff0033;border-radius:16px}.play-button{background:var(--lime);color:#050914;box-shadow:0 0 18px #dcff0066}.play-button:hover{background:var(--pink)}.track-name strong{font-family:Lilita,Arial,sans-serif;font-size:27px;font-weight:400}.track-name span{color:var(--blue);font-size:15px}.seek{appearance:none;background:linear-gradient(90deg,var(--lime) var(--progress,0%),#364766 var(--progress,0%));height:8px;border:0;border-radius:8px;outline-offset:8px}.seek::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #dcff0088}.seek::-moz-range-thumb{border:0;width:18px;height:18px;background:var(--lime);border-radius:50%}.download{color:var(--lime)}.queue-cues{display:flex;align-items:center;gap:16px;margin-top:25px;flex-wrap:wrap}.queue-cue{border:2px solid var(--pink);color:var(--pink);background:#050914;font-family:Lilita,Arial,sans-serif;font-size:19px;padding:12px 22px;border-radius:28px;cursor:pointer;min-height:48px}.queue-cue span{margin-right:10px}.queue-cue.is-current{color:#050914;background:var(--lime);border-color:var(--lime);box-shadow:3px 4px 0 var(--pink)}.queue-cues>svg{color:var(--blue)}.queue-note{margin-top:15px;color:var(--muted);font-size:15px}.bass-meter{display:flex;align-items:flex-end;gap:4px;height:45px;margin-top:25px;padding:0 4px;overflow:hidden}.bass-meter i{flex:1;height:100%;background:var(--blue);border-top:4px solid var(--pink);transform:scaleY(.08);transform-origin:bottom;will-change:transform;border-radius:4px 4px 0 0}.bass-meter i:nth-child(3n){background:var(--lime)}.bass-meter i:nth-child(3n+1){background:var(--pink)}.lyric-columns{background:#050914c9;padding:22px}.lyric-columns h3{font-family:Lilita,Arial,sans-serif;color:var(--lime);font-weight:400}.lyric-columns p{color:#f0ecff}
.testimonials{border-top:6px dashed var(--pink)}.testimonials h2{font-size:clamp(46px,4.8vw,74px);transform:rotate(-3deg)}.parody-disclosure{color:#fff;border-left:5px solid var(--lime);font-size:18px;max-width:850px}.testimony{border-top:2px solid #29edff66;background:#050914e6;padding:28px 20px;margin-top:12px;border-radius:12px;border-left:5px solid var(--pink);border-right:2px solid #29edff55;column-gap:24px}.testimony:nth-child(2){border-left-color:var(--lime)}.testimony:nth-child(3){border-left-color:var(--blue)}.memo-play{border:2px solid var(--blue);color:var(--blue)}.memo-play[aria-pressed=true]{background:var(--pink);color:#050914;border-color:var(--pink)}.testimony h3{font-family:Lilita,Arial,sans-serif;font-size:28px;font-weight:400;letter-spacing:0}.testimony p{color:var(--blue)}.memo-label{color:var(--lime);font-size:15px}.memo-state{color:#fff}.parody-footnote{padding:13px;background:#050914e6;color:#d4daed}.thanks h2{font-size:clamp(55px,6vw,100px);transform:rotate(-4deg)}.thanks h2 .blue{color:var(--blue);font-size:1.4em}.thanks>p{background:#050914c9;padding:10px;display:table;margin-inline:auto;color:#fff}.thanks .button{font-family:Lilita,Arial,sans-serif;background:var(--lime);border-color:var(--lime);border-radius:30px;box-shadow:8px 8px 0 var(--pink)}footer{background:#050914c9;padding-top:30px}.sound-dock{z-index:50;background:#050914f5;box-shadow:4px 4px 0 var(--pink);border:2px solid var(--blue);border-radius:30px;padding:9px 13px;flex-wrap:wrap}.sound-dock button{background:var(--blue);border-radius:50%}.sound-dock .motion-toggle{width:auto;height:auto;padding:9px 14px;border-radius:25px;border:1px solid var(--blue);background:transparent;color:#fff;font-size:12px;min-height:36px;white-space:nowrap}.sound-dock .motion-toggle:hover{background:var(--lime);color:#050914}.volume-label input{accent-color:var(--blue)}
.flying-stamp,.flying-flag{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--turn));pointer-events:none;will-change:transform;opacity:.4}.flying-stamp{font-family:WetPaint,Impact,sans-serif;color:var(--color);font-size:clamp(18px,3vw,42px);white-space:nowrap;text-shadow:2px 2px 0 #050914;max-width:50vw}.flying-flag{width:clamp(100px,18vw,240px);mask-image:radial-gradient(ellipse,black 48%,transparent 72%);opacity:.26}#chaos-fx{position:fixed;inset:0;pointer-events:none;z-index:11;overflow:hidden;contain:strict}.dimension-splash{position:absolute;top:30%;left:5%;width:90%;text-align:center;font-family:Lilita,Arial,sans-serif;font-size:clamp(50px,10vw,170px);color:var(--lime);line-height:.9;text-shadow:5px 8px 0 var(--pink),9px 12px 0 var(--blue),0 0 24px #050914;letter-spacing:-.035em;will-change:transform,opacity}.shockwave{position:absolute;left:50%;top:50%;width:70vw;height:70vw;border:9px double var(--blue);border-radius:50%;opacity:0;box-shadow:0 0 30px #29edff33;will-change:transform,opacity}.flag-comet{position:absolute;top:0;width:clamp(100px,19vw,300px);mask-image:radial-gradient(ellipse,black 40%,transparent 70%);will-change:transform,opacity}.cursor-star{position:absolute;will-change:transform,opacity}.cursor-star svg{width:35px;height:35px}.big-praise{font-family:Lilita,Arial,sans-serif;color:var(--pink);text-shadow:6px 8px 0 var(--lime),11px 13px 0 var(--blue)}
.chaos-on .vortex{animation:vortex-turn 32s linear infinite}.chaos-on .vortex-two{animation-direction:reverse;animation-duration:23s}.chaos-on .rave-grid{animation:grid-drift 15s ease-in-out infinite alternate}.chaos-on .flying-stamp,.chaos-on .flying-flag{animation:nonsense-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}.chaos-on .gate-brand{animation:brand-bend 6s ease-in-out infinite}.chaos-on .gate-flag{animation:flag-somersault 14s ease-in-out infinite}.chaos-on .gate-city,.chaos-on .hero-city{animation:city-warp 13s ease-in-out infinite;transform-origin:70% 50%;will-change:transform}.chaos-on .hero h2 span{animation:elastic-headline 5s ease-in-out infinite;transform-origin:left center;will-change:transform}.chaos-on .hero h2 span:nth-child(2){animation-delay:-1.5s}.chaos-on .hero h2 span:nth-child(3){animation-delay:-3s}.chaos-on .orbital-machine i{animation:orbital-spin 12s linear infinite}.chaos-on .orbital-machine i:nth-child(2){animation-direction:reverse;animation-duration:9s}.chaos-on .orbital-machine i:nth-child(3){animation-duration:18s}.chaos-on .orbital-machine i:nth-child(4){animation-direction:reverse;animation-duration:16s}.chaos-on .lore-flag{animation:lore-flag-melt 11s ease-in-out infinite}.chaos-on .bonjour{animation:stamp-squash 8s ease-in-out infinite}.chaos-on .praise-ticker,.chaos-on .end-ticker{animation:ribbon-bend 7s ease-in-out infinite alternate}.chaos-on .music-player{box-shadow:0 0 0 calc(5px + var(--beat)*7px) #dcff0022,8px 8px 0 #ff45b577,0 0 calc(20px + var(--beat)*35px) #dcff0055}.chaos-overdrive .hero-city,.chaos-overdrive .gate-city{animation-duration:5s;filter:saturate(1.7)}.chaos-overdrive .flying-stamp,.chaos-overdrive .flying-flag{animation-duration:5s;opacity:.6}.chaos-overdrive .orbital-machine i{animation-duration:5s}.chaos-overdrive .hero h2 span{animation-duration:2.8s}.chaos-overdrive .ticker-track{animation-duration:8s}.chaos-calm #chaos-stage,.chaos-calm #chaos-fx{display:none}.chaos-calm .ticker-track,.chaos-calm .gate-brand,.chaos-calm .gate-flag,.chaos-calm .hero-city,.chaos-calm .lore-flag,.chaos-calm .bonjour,.chaos-calm .funding-stamp,.chaos-calm .big-praise{animation:none!important}.chaos-calm .orbital-machine i,.chaos-calm .hero h2 span{animation:none!important}.chaos-calm .praise-ticker,.chaos-calm .end-ticker{animation:none!important}
@keyframes vortex-turn{to{transform:rotate(360deg) scale(1.2)}}@keyframes grid-drift{to{transform:perspective(700px) rotateX(55deg) rotateZ(25deg) translate3d(100px,-200px,0)}}@keyframes nonsense-drift{0%{transform:translate3d(-40px,-60px,0) rotate(var(--turn)) scale(.65)}35%{transform:translate3d(100px,130px,0) rotate(25deg) scale(1.15)}70%{transform:translate3d(-120px,45px,0) rotate(-35deg) scale(.8)}100%{transform:translate3d(80px,-90px,0) rotate(65deg) scale(1.4)}}@keyframes brand-bend{0%,100%{transform:rotate(-3deg) skewY(-2deg)}50%{transform:rotate(3deg) skewY(2deg) scale(1.06)}}@keyframes city-warp{0%,100%{transform:translate(var(--mx),var(--my)) rotate(-3deg) scale(1.08);filter:saturate(1.2)}35%{transform:translate(var(--mx),var(--my)) rotate(5deg) scale(1.17) skewX(-5deg);filter:saturate(1.6) hue-rotate(15deg)}65%{transform:translate(var(--mx),var(--my)) rotate(-4deg) scale(1.1) skewX(5deg);filter:saturate(1.5) hue-rotate(-20deg)}}@keyframes elastic-headline{0%,100%{transform:translateX(6px) scale(1,1) skewX(0)}25%{transform:translateX(20px) scale(1.04,.9) skewX(-5deg)}50%{transform:translateX(8px) scale(.94,1.12) skewX(4deg)}75%{transform:translateX(24px) scale(1.02,.98) skewX(-2deg)}}@keyframes orbital-spin{0%{transform:rotateZ(0deg) rotateY(60deg) rotateX(30deg)}50%{transform:rotateZ(180deg) rotateY(25deg) rotateX(60deg)}100%{transform:rotateZ(360deg) rotateY(60deg) rotateX(30deg)}}@keyframes flag-somersault{0%,100%{transform:rotate(-8deg) scale(.8)}25%{transform:rotate(12deg) scale(1.06) translateY(-50px)}50%{transform:rotate(175deg) scale(.6)}75%{transform:rotate(350deg) scale(1.05) translateY(25px)}}@keyframes lore-flag-melt{0%,100%{transform:rotate(-9deg) scale(1)}35%{transform:rotate(8deg) scale(.88,1.08)}70%{transform:rotate(-13deg) scale(1.02,.92)}}@keyframes stamp-squash{50%{transform:rotate(7deg) scale(1.04,.88)}}@keyframes ribbon-bend{0%{transform:rotate(-3deg) skewX(6deg)}100%{transform:rotate(3deg) skewX(-6deg)}}
@media(max-width:1100px){.hero-copy{width:65%}.hero h2{font-size:clamp(67px,7.8vw,90px)}.hero .button{font-size:18px}.hero .worse-button{margin-left:0;margin-right:20px}.quote-columns blockquote,.quote-columns blockquote+blockquote{font-size:30px;padding:24px 16px}.track-name strong{font-size:23px}.sound-dock{gap:9px}.funding-ticker{margin-top:-35px}}
@media(max-width:760px){.gate-copy h1{font-size:clamp(56px,14vw,79px)}.gate-brand{font-size:30px;top:63px}.gate-copy{top:43%}.entry-gate .gate-flag{width:215px;bottom:72px;right:-25px;opacity:.8}.funding-stamp{font-size:17px;right:23px;top:120px}.entry-gate .gate-enter{padding-block:21px;font-size:23px}.gate-copy .gate-note{font-size:14px;max-width:260px}.gate-bottom{font-size:32px}.hero{min-height:870px;padding:58px 24px 370px}.hero-copy{width:100%}.hero h2{font-size:clamp(42px,13.5vw,70px);transform:rotate(-3deg);text-shadow:2px 3px 0 var(--pink),4px 5px 0 var(--blue);line-height:.98}.hero h2 span{white-space:nowrap}.hero-copy>p{font-size:17px;margin-top:25px;padding:8px 10px;max-width:100%}.hero .button{font-size:17px;padding:17px 18px;gap:12px;margin-top:22px}.hero .worse-button{font-size:17px;padding:15px 20px;margin-left:0;margin-top:19px}.hero-city{width:100%;height:440px;mask-image:linear-gradient(180deg,transparent,black 25%);object-position:center 62%}.orbital-machine{width:100%;height:440px;top:auto;bottom:0;opacity:.8}.orbital-machine i{border-width:2px}.funding-ticker{margin:-35px -7% 0 8%;font-size:22px;transform:rotate(-6deg);padding:16px 0}.lore{grid-template-columns:1fr;gap:30px;padding-top:85px}.lore-copy{order:1}.lore-flag{order:2;width:96%;justify-self:center;max-width:420px}.lore h2{font-size:48px}.lore-copy>p{font-size:17px;padding:13px}.bonjour{font-size:28px}.quote-columns{grid-template-columns:minmax(0,1fr);gap:25px}.quote-columns blockquote,.quote-columns blockquote+blockquote{font-size:30px;padding:24px 20px;border:2px solid #29edff66}.quotes h2{font-size:37px}.anthem h2{font-size:48px}.section-intro{font-size:18px}.music-player{padding:18px;gap:16px 12px}.track-name strong{font-size:21px}.track-name span{font-size:12px}.queue-cues{gap:14px}.queue-cue{font-size:17px;padding:11px 17px}.queue-cues>svg{display:none}.queue-note{font-size:13px;line-height:1.5}.lyric-columns{padding:18px}.lyric-columns h3{font-size:28px}.lyric-columns p{font-size:17px}.testimonials h2{font-size:44px}.parody-disclosure{font-size:16px}.testimony{grid-template-columns:40px minmax(0,1fr);gap:15px;padding:23px 13px}.testimony h3{font-size:23px}.memo-play{width:40px;height:40px}.memo-label{font-size:13px}.thanks h2{font-size:44px}.thanks h2 .blue{font-size:1.25em}.thanks>p{font-size:18px}.sound-dock{right:10px;bottom:10px;max-width:calc(100% - 20px);border-radius:25px;padding:8px 10px;gap:8px}.sound-dock .motion-toggle{font-size:11px;padding:8px 10px}.volume-label input{width:45px}.flying-stamp{font-size:22px;opacity:.26}.flying-flag{width:140px;opacity:.18}.dimension-splash{font-size:clamp(48px,14vw,80px);top:35%}.chaos-on .hero h2 span{animation-name:elastic-mobile}.chaos-overdrive .hero h2 span{animation-duration:3s}.gate-copy .gate-fine{font-size:12px}.bass-meter{height:34px;gap:3px}}
@media(max-width:360px){.gate-copy h1{font-size:50px}.entry-gate .gate-copy .gate-enter{font-size:21px;padding-inline:20px}.hero h2{font-size:41px}.hero .button{font-size:16px}.testimonials h2{font-size:39px}.sound-dock{font-size:11px;gap:6px}.sound-dock .motion-toggle{font-size:10px;padding:8px}.volume-label input{width:35px}.track-name strong{font-size:20px}}
@keyframes elastic-mobile{0%,100%{transform:translateX(2px) scale(.97,1)}50%{transform:translateX(5px) scale(.92,1.05)}}
@media(prefers-reduced-motion:reduce){#chaos-stage,#chaos-fx{display:none}.orbital-machine i,.hero h2 span,.gate-brand{animation:none!important}.bass-meter i{transform:scaleY(.1)!important}}