.corner-gif{position:fixed;left:0;bottom:0;width:48px;height:48px;opacity:.25;border:1px solid #000;pointer-events:all;object-fit:cover;image-rendering:pixelated;transition:all .25s ease}.corner-gif:hover{opacity:.5;width:100dvw;height:100dvh}@font-face{font-family:Flavors;src:url(../Flavors-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;font-family:Flavors,cursive;text-transform:uppercase;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}img{pointer-events:none;-webkit-user-drag:none}html{background:transparent;overflow:hidden;animation:hue-cycle 12s linear infinite}@keyframes hue-cycle{0%{filter:saturate(1) hue-rotate(0deg)}50%{filter:saturate(2) hue-rotate(30deg)}to{filter:saturate(1) hue-rotate(0deg)}}html:before{content:"";position:fixed;top:50%;left:50%;width:300vmax;aspect-ratio:1 / 1;background:repeating-conic-gradient(#c1121f 0deg 14deg,#fdf0d5 14deg 28deg);animation:sunburst-spin 10s linear infinite;z-index:-1}html:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}body{padding:0;margin:0;width:100dvw;height:100dvh;overflow:hidden;filter:url(#ca);background:transparent}.bg-text{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;font-size:20px;line-height:1.1;color:#ff00ea;opacity:.18;word-break:break-word;text-align:justify;padding:20px;font-family:Flavors,cursive;text-transform:uppercase;max-height:calc(100dvh - 60px)}.falling-tick{position:fixed;top:0;pointer-events:none;z-index:100;image-rendering:pixelated;animation:fall-down linear forwards}@keyframes fall-down{0%{transform:translateY(-24px) rotate(0);scale:1;opacity:.85}50%{scale:.85}to{transform:translateY(100dvh) rotate(720deg);scale:1;opacity:.4}}.canvas{position:fixed;top:50%;left:50%;width:800px;height:800px;transform-origin:center center;transform:translate(-50%,-50%);border:1px solid #000;overflow:hidden;z-index:5}.bg{position:absolute;inset:0;background:url(../c.png) center / cover no-repeat;z-index:0;image-rendering:pixelated}.scene{position:absolute;width:800px;height:800px}.frame{position:absolute;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;opacity:.92}.frame:before{content:"";position:absolute;top:50%;left:50%;width:300%;aspect-ratio:1 / 1;background:repeating-conic-gradient(#c1121f 0deg 14deg,#ff9afa 14deg 28deg);animation:sunburst-spin 10s linear infinite;z-index:0}@keyframes sunburst-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;position:relative;z-index:1}.frame-a{aspect-ratio:4 / 5;border:1px solid #000;box-shadow:0 20px 60px #0000008c;z-index:2;transition:opacity 2s ease,box-shadow 2s ease,transform 2s ease}.frame-b{aspect-ratio:4 / 5;border:1px solid #000;box-shadow:0 20px 60px #00000080;z-index:3;transition:opacity 2s ease,box-shadow 2s ease,transform 2s ease}.frame-a:hover{transform:scale(1.02);box-shadow:0 30px 80px #000000b3;opacity:.8;mix-blend-mode:difference}.frame-b:hover{transform:scale(1.02);box-shadow:0 30px 80px #000000a6;opacity:.75;mix-blend-mode:color-dodge}.frame-d{aspect-ratio:1 / 1;border:1px solid #000;box-shadow:0 8px 24px #00000073;z-index:4;transition:opacity 2s ease,box-shadow 2s ease,transform 2s ease}.frame-d:hover{transform:scale(1.05);box-shadow:0 12px 32px #000000a6;opacity:.6;mix-blend-mode:difference;filter:invert(1)}.blood-word{position:absolute;font-size:25px;color:#7e041e91;pointer-events:none;z-index:15;opacity:1;transition:opacity var(--fade, .8s) ease;white-space:nowrap;text-shadow:2px 2px 0 #000}@keyframes glitch-fx{0%{filter:none}15%{filter:url(#glitch) hue-rotate(90deg) brightness(2)}30%{filter:none}50%{filter:url(#glitch) saturate(6) hue-rotate(-60deg) contrast(3)}65%{filter:none}80%{filter:url(#glitch) hue-rotate(200deg) invert(.2) brightness(.6)}95%{filter:none}to{filter:none}}.canvas.is-glitching{animation:glitch-fx .4s linear forwards}.title{position:absolute;right:108px;top:45px;transform:none;font-size:55px;font-weight:400;line-height:1.6;letter-spacing:.04em;color:#ff00f2;text-align:right;mix-blend-mode:normal;z-index:100;white-space:nowrap;pointer-events:none;text-shadow:4px 4px 4px black}.bars{position:absolute;top:0;right:20px;height:100%;display:flex;flex-direction:row;align-items:flex-end;z-index:10;pointer-events:none}.bar{position:relative;width:28px;height:100%;border-left:1px solid #000;border-right:1px solid #000;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#00f4}.bar__fill{position:absolute;bottom:0;left:0;width:100%;height:50%;background:#f01;opacity:.72;transition:height 2s cubic-bezier(.4,0,.2,1);z-index:0}.bar span{position:relative;z-index:1;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:16px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;color:#000;mix-blend-mode:multiply}.bars .bar--a{border:2px solid #000;height:25%}.bars .bar--b{border:2px solid #000;height:70%}.posterize-2{filter:url(#posterize-2)}.posterize-4{filter:url(#posterize-4)}.posterize-6{filter:url(#posterize-6)}.posterize-8{filter:url(#posterize-8)}.splash{position:fixed;top:0;right:0;pointer-events:none;image-rendering:pixelated;display:block;width:400px;object-fit:cover;object-position:top right;opacity:.2}.intro{position:fixed;inset:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity 5.5s ease .5s}.intro.fade-out{opacity:0;pointer-events:none}.intro-btn{background:transparent;border:2px solid #fdf0d5;color:#fdf0d5;font-size:40px;padding:20px 60px;cursor:pointer;letter-spacing:.1em;min-width:255px;transition:color 2.25s ease,border-color 2.25s ease}.intro-btn:hover{color:#c1121f;border-color:#c1121f}html,body,*{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><polygon points="2,2 14,8 2,14" fill="%23ff00ea" stroke="white" stroke-width="1.5"/></svg>') 2 2,auto}
