:root{--black:#000;--bone:#ece6d6;--blood:#a10a16;--gore:#4a0d12;--steel:#8a8d91;--logo:"Metal Mania", "Impact", fantasy;--flyer:"Anton", "Impact", "Arial Narrow", sans-serif;--grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.2 -0.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--torn:polygon(0% 4%, 6% 0%, 14% 3%, 22% 0%, 31% 2%, 40% 0%, 52% 3%, 61% 0%, 70% 2%, 79% 0%, 88% 3%, 100% 0%, 99% 20%, 100% 41%, 98% 60%, 100% 80%, 99% 100%, 90% 97%, 80% 100%, 69% 97%, 58% 100%, 47% 98%, 36% 100%, 25% 97%, 14% 100%, 5% 97%, 0% 100%, 1% 78%, 0% 55%, 2% 33%, 0% 15%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--flyer);color:var(--bone);background:radial-gradient(ellipse 85% 65% at 50% 30%, var(--gore) 0%, var(--black) 72%) fixed, var(--black);overflow-x:hidden}body:after{content:"";z-index:2000;background-image:var(--grain-light);opacity:.13;pointer-events:none;animation:.5s steps(4,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-4%)}75%{transform:translate(-1%,3%)}}button{font:inherit}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:48px 16px;display:flex;position:relative;overflow:hidden}.home{animation:90ms linear .25s 15 rumble}@keyframes rumble{0%,to{transform:translate(0)}30%{transform:translate(-4px,3px)}65%{transform:translate(4px,-2px)}}.title{--shadow:drop-shadow(0 0 1px var(--black)) drop-shadow(5px 5px 0 var(--blood)) drop-shadow(0 12px 30px #a10a1699);font-family:var(--logo);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;filter:var(--shadow);margin:0;font-size:clamp(3.4rem,12.5vw,10.5rem);font-weight:400;line-height:1;animation:.8s ease-in-out 1.8s infinite headbang,5s step-end 3s infinite glitch}@media (width<=600px){.title{font-size:21vw;line-height:.95}}.title-word{white-space:nowrap}.title-letter{background:linear-gradient(180deg, #fff 0%, var(--bone) 38%, var(--steel) 50%, var(--bone) 60%, #fff 100%);color:#0000;animation:.35s cubic-bezier(.2,.9,.3,1.3) both slam;animation-delay:calc(.2s + var(--i) * 90ms);-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes slam{0%{opacity:0;filter:blur(8px);transform:scale(3.5)rotate(-12deg)}60%{opacity:1;filter:blur();transform:scale(.9)}to{opacity:1;transform:none}}@keyframes headbang{0%,50%,to{transform:none}15%{transform:translateY(.05em)skew(-4deg)scaleY(.94)}65%{transform:translateY(.05em)skew(4deg)scaleY(.94)}}@keyframes glitch{0%,92%,98%,to{filter:var(--shadow)}93%{filter:drop-shadow(-7px 0 #f03)drop-shadow(7px 0 #00e5ff)}95%{filter:drop-shadow(6px -2px #f03)drop-shadow(-6px 2px #00e5ff)}96.5%{filter:drop-shadow(-3px 1px #f03)drop-shadow(3px 0 #00e5ff)blur(1px)}}.subtitle{letter-spacing:.03em;text-align:center;opacity:0;margin:28px 0 44px;font-size:clamp(1.15rem,3.6vw,1.6rem);animation:.4s steps(3,end) 1.7s forwards appear}@keyframes appear{to{opacity:1}}.buttons{opacity:0;flex-wrap:wrap;justify-content:center;gap:32px;width:100%;max-width:920px;animation:.4s steps(3,end) 1.9s forwards appear;display:flex}.big-btn{max-width:420px;color:var(--black);transform:rotate(var(--tilt));flex:300px;text-decoration:none;transition:transform .12s}.btn-poza{--tilt:-2deg}.btn-sanatate{--tilt:1.5deg;animation:3.2s 3.5s infinite twitch}.paper{background:var(--grain-dark), var(--bone);min-height:170px;clip-path:var(--torn);text-align:center;justify-content:center;align-items:center;padding:32px 36px;font-size:clamp(1.6rem,4.4vw,2.2rem);line-height:1.1;transition:background-color .1s,color .1s;display:flex}.big-btn:hover{transform:rotate(0)scale(1.04)}.big-btn:hover .paper{background:var(--grain-dark), var(--blood);color:var(--bone)}.big-btn:active{transform:scale(.96)}.big-btn:focus-visible{outline:3px dashed var(--bone);outline-offset:8px}@keyframes twitch{0%,86%,to{rotate:0deg;scale:1}88%{rotate:4deg;scale:1.05}90%{rotate:-4deg;scale:1.05}92%{rotate:2deg;scale:1.02}}.screen{background:var(--black);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:16px;display:flex;position:fixed;inset:0}.screen-text{letter-spacing:.04em;margin:0;font-size:clamp(1.3rem,4.5vw,1.8rem)}.flicker{animation:2.2s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}41%{opacity:.25}43%{opacity:1}77%{opacity:.5}78%{opacity:1}}.bar{background:var(--gore);width:min(340px,72vw);height:6px}.bar span{background:var(--bone);width:0;height:100%;animation:fill var(--dur) cubic-bezier(.1, .6, .3, 1) forwards;display:block}@keyframes fill{to{width:88%}}.ghost-btn{border:2px solid var(--bone);color:var(--bone);letter-spacing:.04em;cursor:pointer;pointer-events:auto;background:0 0;padding:12px 26px;font-size:1.25rem;transition:background-color .1s,color .1s}.ghost-btn:hover{background:var(--bone);color:var(--black)}.ghost-btn:active{transform:scale(.96)}.ghost-btn:focus-visible{outline:3px dashed var(--bone);outline-offset:5px}.scare{z-index:1000;background:var(--black);position:fixed;inset:0;overflow:hidden}.scare-face{object-fit:contain;filter:contrast(1.25)brightness(1.15)saturate(1.3);width:100%;height:100%;animation:.1s ease-out both scare-in,70ms linear .1s infinite scare-shake;display:block}.scare-face.face-fallback{filter:none;font-size:70vmin}@keyframes scare-in{0%{transform:scale(.15)}to{transform:scale(1.25)}}@keyframes scare-shake{0%,to{transform:scale(1.25)translate(0)}25%{transform:scale(1.27)translate(-12px,8px)rotate(-1deg)}50%{transform:scale(1.25)translate(10px,-10px)}75%{transform:scale(1.28)translate(-8px,-6px)rotate(1deg)}}.scare-flash{background:var(--blood);mix-blend-mode:multiply;opacity:0;animation:1.9s step-end forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}8%{opacity:0}40%{opacity:.7}48%,to{opacity:0}}.back-btn{z-index:20;background:var(--grain-dark), var(--bone);clip-path:var(--torn);color:var(--black);padding:10px 22px 12px;font-size:1.2rem;text-decoration:none;position:fixed;top:16px;left:16px}.back-btn:hover{background:var(--grain-dark), var(--blood);color:var(--bone)}.back-btn:focus-visible{outline:3px dashed var(--bone);outline-offset:4px}.stage{z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.poster{aspect-ratio:3/4;background:var(--blood);cursor:pointer;pointer-events:auto;width:min(64vw,360px);min-height:0;box-shadow:0 0 0 7px var(--bone), 0 24px 70px #a10a1680;border:none;padding:0;animation:.8s ease-in-out infinite poster-bang;position:relative;overflow:hidden}.poster:focus-visible{outline:3px dashed var(--bone);outline-offset:14px}.poster.hit{animation:75ms linear 6 hit}.poster-face{object-fit:cover;filter:grayscale()contrast(1.8)brightness(1.08);mix-blend-mode:multiply;width:100%;height:100%;display:block}.poster-face.face-fallback{mix-blend-mode:normal;filter:none;font-size:11rem}@keyframes poster-bang{0%,50%,to{transform:rotate(-2deg)}15%{transform:rotate(-3deg)translateY(10px)scaleY(.97)}65%{transform:rotate(-1deg)translateY(10px)scaleY(.97)}}@keyframes hit{0%,to{transform:rotate(-2deg)scale(1.05)}33%{transform:rotate(-5deg)translate(-10px,6px)scale(1.07)}66%{transform:rotate(2deg)translate(10px,-6px)scale(1.07)}}.blegh{font-family:var(--logo);color:var(--bone);-webkit-text-stroke:2px var(--black);white-space:nowrap;pointer-events:none;font-size:clamp(3rem,14vw,6rem);animation:.7s ease-out forwards blegh;position:absolute;top:50%;left:50%}@keyframes blegh{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(-14deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-80%)scale(1.4)rotate(-6deg)}}.caption{background:var(--blood);color:var(--bone);font-family:var(--logo);text-align:center;margin:44px 0 0;padding:10px 24px 14px;font-size:clamp(1.4rem,5.5vw,2.3rem);line-height:1.1;animation:.25s cubic-bezier(.2,.9,.3,1.3) caption-slam;transform:rotate(-3deg)}@keyframes caption-slam{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}.hint{letter-spacing:.03em;color:var(--steel);text-align:center;margin:22px 0 18px;font-size:1.05rem}.clone-x{z-index:5;width:var(--s);pointer-events:none;height:100dvh;animation:bounce-x var(--dx) linear infinite alternate;animation-delay:var(--delay);position:fixed;top:0;left:0}.clone-y{width:var(--s);height:var(--s);cursor:pointer;pointer-events:auto;animation:bounce-y var(--dy) linear infinite alternate;animation-delay:var(--delay);background:0 0;border:none;padding:0;position:absolute;top:0;left:0}@keyframes bounce-x{0%{transform:translate(0)}to{transform:translateX(calc(100vw - var(--s)))}}@keyframes bounce-y{0%{transform:translateY(0)}to{transform:translateY(calc(100dvh - var(--s)))}}.clone-face{object-fit:contain;filter:grayscale()contrast(1.3)sepia()hue-rotate(-50deg)saturate(5)brightness(1.15)drop-shadow(0 0 3px #ece6d6e6);width:100%;height:100%;transform:scaleX(var(--flip));animation:2.6s linear infinite clone-spin;display:block}.clone-face.face-fallback{font-size:calc(var(--s) * .7);background:var(--black);filter:none}@keyframes clone-spin{to{rotate:360deg}}.scare-face.face-fallback,.poster-face.face-fallback,.clone-face.face-fallback{justify-content:center;align-items:center;line-height:1;display:flex}@media (prefers-reduced-motion:reduce){body:after,.home,.title,.title-letter,.btn-sanatate,.flicker,.poster,.scare-face,.clone-face{animation:none!important}.clone-x,.clone-y{animation-play-state:paused}}