html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#000;font-family:Impact,Haettenschweiler,Arial Black,sans-serif}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;isolation:isolate}.fullscreen-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;object-fit:fill;animation:background-chaos 3.2s infinite steps(2,end);filter:saturate(1.8) contrast(1.25)}.rgb-scan{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 2px,transparent 2px,transparent 6px),linear-gradient(90deg,#ff00002e,#00ff5a1a,#0050ff2e);mix-blend-mode:screen;animation:scan-slide .45s infinite linear,hue-spin 1.3s infinite linear}.flash{position:absolute;z-index:3;width:34vmin;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 10%,#00ff66 11% 18%,#ff00ff 19% 28%,transparent 29%);mix-blend-mode:screen;opacity:.8}.flash-one{left:6vw;top:8vh;animation:pop-spin 1.1s infinite ease-in-out}.flash-two{right:8vw;bottom:10vh;animation:pop-spin .85s infinite ease-in-out reverse}.hype-image{position:absolute;z-index:4;width:min(28vw,330px);height:min(28vw,330px);object-fit:fill;border:6px solid #fff;box-shadow:0 0 0 5px #f0f,0 0 34px #0f6}.hype-image-left{left:4vw;bottom:5vh;animation:sticker-fly-left 1.8s infinite cubic-bezier(.3,1.6,.4,1)}.hype-image-right{right:4vw;top:8vh;animation:sticker-fly-right 1.45s infinite cubic-bezier(.3,1.6,.4,1)}.target{position:absolute;z-index:5;width:130px;aspect-ratio:1;border:8px solid #ff002b;border-radius:50%;box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 15px #ff002b,0 0 22px #fff;pointer-events:none}.target:before,.target:after{content:"";position:absolute;background:#ff002b}.target:before{width:150%;height:7px;left:-25%;top:calc(50% - 3.5px)}.target:after{width:7px;height:150%;left:calc(50% - 3.5px);top:-25%}.target-one{left:48vw;top:42vh;animation:target-jump 1s infinite steps(1,end)}.target-two{left:22vw;top:22vh;transform:scale(.72);animation:target-jump 1.35s infinite steps(1,end) reverse}.sticker{position:absolute;z-index:6;padding:.04em .16em;color:#fff;font-size:clamp(30px,7vw,104px);line-height:.9;text-transform:uppercase;text-shadow:5px 5px 0 #000,-3px -3px 0 #ff00ff,3px -3px 0 #00ff66,0 0 20px #fff;pointer-events:none;animation:text-slam 1.2s infinite steps(2,end)}.sticker-1{left:6vw;top:4vh;color:#0f6}.sticker-2{right:10vw;top:28vh;color:#ff0;animation-delay:-.2s}.sticker-3{left:25vw;bottom:8vh;color:#00e5ff;animation-delay:-.4s}.sticker-4{right:4vw;bottom:6vh;color:#ff35c8;animation-delay:-.6s}.sticker-5{left:42vw;top:8vh;color:#fff;animation-delay:-.8s}.sticker-6{left:10vw;top:52vh;color:#ff8c00;animation-delay:-1s}.sticker-7{right:36vw;bottom:24vh;color:#ff002b;animation-delay:-1.2s}.sticker-8{left:58vw;top:58vh;color:#39ff14;animation-delay:-1.4s}.rainbow-bar{position:absolute;left:-20vw;bottom:0;z-index:7;width:140vw;height:9vh;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);mix-blend-mode:screen;opacity:.78;animation:rainbow-slide .7s infinite linear}@keyframes background-chaos{0%{transform:scale(1) skew(0);filter:saturate(1.8) contrast(1.25) hue-rotate(0deg)}35%{transform:scale(1.06) skew(1deg)}70%{transform:scale(1.02) skew(-1deg);filter:saturate(2.4) contrast(1.45) hue-rotate(35deg)}to{transform:scale(1) skew(0)}}@keyframes scan-slide{to{transform:translateY(12px)}}@keyframes hue-spin{to{filter:hue-rotate(360deg)}}@keyframes pop-spin{0%,to{transform:scale(.2) rotate(0);opacity:0}40%{transform:scale(1.1) rotate(180deg);opacity:.9}70%{transform:scale(.7) rotate(270deg);opacity:.45}}@keyframes sticker-fly-left{0%,to{transform:translate(-4vw,8vh) rotate(-18deg) scale(.85)}50%{transform:translate(7vw,-7vh) rotate(16deg) scale(1.2)}}@keyframes sticker-fly-right{0%,to{transform:translate(4vw,-4vh) rotate(20deg) scale(.8)}50%{transform:translate(-8vw,8vh) rotate(-22deg) scale(1.15)}}@keyframes target-jump{0%{transform:translate(0) scale(1)}25%{transform:translate(22vw,-12vh) scale(.7)}50%{transform:translate(-18vw,19vh) scale(1.1)}75%{transform:translate(10vw,13vh) scale(.9)}}@keyframes text-slam{0%,to{transform:rotate(-8deg) scale(.9)}50%{transform:rotate(7deg) scale(1.18)}}@keyframes rainbow-slide{to{transform:translate(20vw)}}
