@import "https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{color:#ececec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Space Mono,Manrope,system-ui,-apple-system,sans-serif;font-weight:500;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{overscroll-behavior:none;touch-action:manipulation;background-color:#050505;background-image:radial-gradient(circle at 50% -20%,#ff007f40 0%,#0000 50%),linear-gradient(#050505,#0a0a0c);min-height:100dvh;margin:0}body:after{content:"";opacity:.04;pointer-events:none;z-index:50;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0}button{cursor:pointer}.app-shell{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 90px);background-color:#030303;background-image:linear-gradient(#ff007f0d 1px,#0000 1px),linear-gradient(90deg,#ccff0008 1px,#0000 1px);background-size:40px 40px;transition:background-color .5s;position:relative;overflow:clip}.app-shell[data-music-on=true]{background-color:#0a0005}.app-shell:before,.app-shell:after{content:"";transform-origin:bottom;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform, opacity;width:3px;height:150vh;transition:opacity .8s ease-out;position:absolute;bottom:-10%}.app-shell:before{background:linear-gradient(#0000 20%,#ff007fcc);animation:4.2s cubic-bezier(.45,0,.55,1) infinite alternate laser-sweep-left;left:15%;box-shadow:0 0 20px 4px #ff007f66}.app-shell:after{background:linear-gradient(#0000 20%,#cf0c);animation:3.7s cubic-bezier(.45,0,.55,1) infinite alternate laser-sweep-right;right:15%;box-shadow:0 0 20px 4px #cf06}.app-shell[data-music-on=true]:before{opacity:.7}.app-shell[data-music-on=true]:after{opacity:.6}@keyframes laser-sweep-left{0%{transform:rotate(-40deg)}to{transform:rotate(50deg)}}@keyframes laser-sweep-right{0%{transform:rotate(40deg)}to{transform:rotate(-50deg)}}.backdrop-glow{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 30%,#ff007f26 0%,#0000 60%);transition:transform .5s,opacity .5s;position:absolute;inset:0}.app-shell[data-music-on=true] .backdrop-glow{background:radial-gradient(circle at 50% 40%,#ff007f40 0%,#ccff000d 40%,#0000 70%);animation:2.1s ease-in-out infinite alternate glow-breathe}@keyframes glow-breathe{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.title-card{text-align:center;z-index:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:5vh;left:0;transform:skew(-10deg)}.title-card h1{color:#fff;text-transform:uppercase;letter-spacing:-.02em;text-shadow:4px 4px #ff007f,-2px -2px #cf0;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,12vw,8rem);line-height:.85}.title-card p{color:#030303;text-transform:uppercase;letter-spacing:.3em;background:#cf0;margin:8px 0 0;padding:4px 12px;font-family:Space Mono,monospace;font-size:clamp(.75rem,2vw,1.25rem);font-weight:700;transform:translate(20px)}.experience{z-index:10;place-items:center;min-height:calc(100dvh - 120px);display:grid;position:relative}.dance-stage{place-items:center;width:min(100%,1000px);min-height:min(70dvh,700px);margin-top:10vh;display:grid;position:relative}.ground-cue{pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 48px,#cf06 48px,#cf0 50px),repeating-linear-gradient(0deg,#0000,#0000 48px,#ff007f66 48px,#ff007f 50px),#050505;border-top:2px solid #ff007f;border-bottom:4px solid #cf0;width:min(120vw,1200px);height:200px;transition:box-shadow .5s,border-color .5s;position:absolute;bottom:5%;left:50%;transform:translate(-50%)perspective(400px)rotateX(80deg);box-shadow:0 0 40px #ff007f66}.app-shell[data-music-on=true] .ground-cue{animation:.86s ease-in-out infinite alternate floor-throb}@keyframes floor-throb{0%{border-top-color:#ff007f;box-shadow:0 0 40px #ff007f80,inset 0 0 20px #ccff001a}to{border-top-color:#f39;box-shadow:0 0 70px #ff007fcc,inset 0 0 40px #cf03}}.cats-layout{justify-content:center;align-items:flex-end;width:min(100%,800px);height:320px;display:flex;position:relative}.cat-spot{width:min(40vw,220px);max-width:260px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0}.cat-spot--smooth{z-index:1;filter:contrast(1.08)brightness(.88)saturate(1.1);left:0%;transform:scale(.7)translate(0%)}.cat-spot--goofy{z-index:3;filter:contrast(1.2)drop-shadow(0 0 10px #ccff004d);left:50%;transform:translate(-50%)scale(1.1)}.cat-spot--lazy{z-index:1;filter:contrast(1.08)brightness(.9)saturate(1.05);right:0%;transform:scale(.7)translate(0%)}.cat-rig{--sway-x:0px;--bounce-y:0px;--body-lean:0deg;--body-squash:1;--body-stretch:1;--head-tilt:0deg;--head-nod:0px;--left-arm-angle:0deg;--right-arm-angle:0deg;--left-elbow-angle:0deg;--right-elbow-angle:0deg;--left-knee-angle:0deg;--right-knee-angle:0deg;--left-ear-angle:0deg;--right-ear-angle:0deg;--ear-lift:0px;--tail-swing:0deg;--bow-tilt:0deg;--bow-bounce:0px;--eye-squish:0;--blink:0;--shadow-scale:1;--shadow-opacity:.8;-webkit-user-select:none;user-select:none}.cat-svg{filter:drop-shadow(6px 6px #ff007f)drop-shadow(-4px -4px #cf0);width:100%;height:auto;transition:filter .2s cubic-bezier(.16,1,.3,1);overflow:visible}.cat-svg:hover{filter:drop-shadow(10px 10px #ff007f)drop-shadow(-6px -6px #cf0)}.cat-svg rect{rx:0!important;ry:0!important}.cat-svg .cat-tail path{stroke-linejoin:miter!important;stroke-linecap:square!important}.cat-shadow{fill:#ff007f;transform:scaleX(var(--shadow-scale)) skewX(-20deg);transform-origin:110px 244px;opacity:var(--shadow-opacity);rx:0!important;ry:0!important}.cat-rig--smooth .cat-eye{d:path("M84 108 L108 114");stroke-linecap:square}.cat-rig--goofy .cat-eye{d:path("M84 116 L108 108");stroke-linecap:square}.cat-rig--lazy .cat-eye{d:path("M84 108 L108 116");stroke-linecap:square}.control-pill{appearance:none;color:#fff;letter-spacing:.15em;text-transform:uppercase;text-shadow:1px 1px #000;background:0 0;border:1px solid #fff3;border-radius:0;padding:14px 24px;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.control-pill:before{content:"";transform-origin:bottom;z-index:-1;background:#cf0;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scaleY(0)}.control-pill:hover:before{transform:scaleY(1)}.control-pill:hover,.control-pill:focus-visible{color:#000;text-shadow:none;border-color:#cf0;outline:none}.control-pill.is-active{color:#000;text-shadow:none;border-color:#ff007f}.control-pill.is-active:before{background:#ff007f;transform:scaleY(1)}.control-pill:disabled{opacity:.3;pointer-events:none}.mobile-controls{z-index:20;padding:12px;padding-bottom:calc(env(safe-area-inset-bottom,12px) + 12px);background:#030303;border-top:1px solid #ffffff1a;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-controls .control-pill{flex:1;padding:16px 0;font-size:.8rem}.desktop-controls{display:none}@media (width>=480px){.cats-layout{width:min(100%,860px);height:380px}.cat-spot{width:min(30vw,280px)}.cat-spot--smooth{left:5%;transform:scale(.85)translate(0%)}.cat-spot--goofy{left:50%;transform:translate(-50%)scale(1.15)translateY(2%)}.cat-spot--lazy{right:5%;transform:scale(.85)translate(0%)}.ground-cue{bottom:10%}}@media (width>=900px){.app-shell{padding:80px 32px 32px}.experience{min-height:calc(100dvh - 110px)}.dance-stage{align-items:center;min-height:75dvh;margin-top:5vh}.cats-layout{width:min(100%,960px);height:460px;margin-top:0}.cat-spot{width:min(28vw,340px)}.cat-spot--smooth{left:8%;transform:scale(.9)translate(0%)}.cat-spot--goofy{z-index:10;left:50%;transform:translate(-50%)scale(1.2)translateY(5%)}.cat-spot--lazy{right:8%;transform:scale(.9)translate(0%)}.desktop-controls{top:calc(env(safe-area-inset-top,0px) + 32px);z-index:20;gap:12px;display:flex;position:fixed;right:32px}.title-card{text-align:left;align-items:flex-start;width:auto;top:6vh;left:4vw}.mobile-controls{display:none}}@media (height<=740px){.app-shell{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}.cat-spot{width:min(35vw,200px)}}@media (prefers-reduced-motion:reduce){.control-pill{transition:none}.ground-cue,.cat-svg{filter:none}}