*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}::selection{background-color:red;color:#000}::-moz-selection{background-color:red;color:#000}@font-face{font-family:mask;src:url(/fonts/mask.otf) format("opentype")}canvas{display:block;width:100%;height:100vh}img{display:block;width:100%;height:100%;object-fit:cover}.input-video{position:fixed;top:0;left:0;width:15rem;height:240px;transform:scaleX(-1);z-index:10}.mainScreen{width:100%;height:100vh;border:none;display:block;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none}#camera-container{position:fixed;left:1%;top:2%;width:20vw;z-index:10}#camera-container video{aspect-ratio:16/9;border-radius:6px;width:100%;object-fit:cover}#camera-container .score{display:flex;flex-direction:column;color:#fff;margin-top:2vh}#camera-container .score h2{font-family:Metal Mania,serif;font-size:clamp(1.125rem,.875rem + .5208vw,1.5rem);text-transform:uppercase;color:red;margin-bottom:2vh}#camera-container .score .score-counter{display:flex;gap:.5rem}#camera-container .score .score-counter h3,#camera-container .score .score-counter h4{font-size:clamp(1.25rem,1.0833rem + .3472vw,1.5rem);text-transform:uppercase;font-family:metal mania,serif}#input-video{width:100%;height:100%;transform:scaleX(-1);object-fit:cover}.divine,.hell-crusher{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;color:#fff;font-size:4vw;mix-blend-mode:difference;pointer-events:none;display:grid;place-content:center}.divine h1,.hell-crusher h1{opacity:0;text-shadow:0 0 10px rgba(255,255,255,.5);text-transform:uppercase;white-space:nowrap;font-family:Metal Mania,serif}.hell-crusher{top:20vh}#stats{position:fixed!important;top:0!important;right:0!important;z-index:1000}#stats canvas{width:auto!important;height:auto!important}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:100;overflow:hidden}#loading-screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#loading-screen3{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:none;opacity:0;justify-content:flex-end;align-items:center;flex-direction:column;padding-bottom:5vh}.back-btn-container{position:absolute;bottom:5vh;right:.5vw;z-index:3}.back-btn-container button{background-color:transparent;outline:none;border:none;color:#fff;font-family:Metal Mania,serif;text-transform:uppercase;font-size:clamp(1.25rem,1rem + .5208vw,1.6rem);cursor:pointer;padding:1vh 1vw;transition:color .3s ease;z-index:2}.back-btn-container button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8c1b17;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.back-btn-container button:hover:after{transform:scaleX(1);transform-origin:left}.loading-content{text-align:center;color:#fff;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-content .skull-logo{width:18%}.loading-content h3{font-size:clamp(1.5rem,1rem + 1.0417vw,2.25rem);text-transform:uppercase;font-family:Times New Roman,Times,serif;font-weight:100;margin-bottom:3vh}.loading-content svg{width:248px}.loading-content h1{font-size:clamp(2.25rem,.75rem + 3.125vw,4.5rem);font-weight:100;margin-bottom:2.2vh;letter-spacing:1px;font-family:mask;text-transform:capitalize}.index{width:100%;height:fit-content;display:flex;flex-direction:column;margin-top:5vh}.index button{background-color:transparent;outline:none;border:none;color:#fff;font-family:Metal Mania,serif;text-transform:uppercase;font-size:1.5rem;pointer-events:auto;cursor:pointer;position:relative;transition:transform .5s ease}.index button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8c1b17;width:100%;height:100%;transform:scaleY(0);z-index:-1;transition:transform .5s ease}.index button:hover:after{transform:scaleY(1)}.progress{width:100%;height:4vh;background:#fff;position:fixed;bottom:0}.progress-bar{overflow:hidden;font-family:Times New Roman,Times,serif;background-color:#8c1b17;width:100%;height:100%;clip-path:inset(0 100% 0 0)}.progress-text{position:absolute;right:1.5vw;bottom:4.5vh;font-size:clamp(1.125rem,.625rem + 1.0417vw,1.875rem);color:#fff}#loading-screen1{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;height:100vh;z-index:105;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Times New Roman,Times,serif}#loading-screen1 .screen1-text{display:flex;flex-direction:column;width:fit-content;justify-content:center;align-items:center}#loading-screen1 .screen1-text svg{width:60%;height:900px}#loading-screen2{max-width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:103;display:none}#loading-screen2 .input-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:5vh}#loading-screen2 .input-container label{font-family:Times New Roman,Times,serif;font-size:clamp(1.125rem,.875rem + .5208vw,1.5rem);text-transform:uppercase}#loading-screen2 .input-container input{margin-top:8vh;background-color:transparent;border:none;outline:none;border-bottom:2px solid white;font-family:Metal Mania,serif;font-size:clamp(1.5rem,1rem + 1.0417vw,2.25rem);text-transform:uppercase;text-align:center;color:#fff;width:70vw}#loading-screen2 .input-container input:invalid{border-bottom:2px solid red}#loading-screen2 .input-container input:focus{background-color:transparent}#loading-screen2 .input-container input:invalid+.warning-text{opacity:1;transform:translateY(0) translate(-50%)}#loading-screen2 .input-container .warning-text{position:absolute;top:calc(50% + 2vh);left:50%;transform:translateY(-10px) translate(-50%);transform-origin:left;color:red;font-family:Times New Roman,Times,serif;font-size:clamp(.875rem,.75rem + .2604vw,1rem);text-transform:uppercase;opacity:0;transition:all .3s ease;pointer-events:none}#loading-screen2 .input-container button{background-color:transparent;outline:none;border:none;position:relative;color:#fff;width:100vw;padding:.7vh 0;font-size:1.6rem;font-family:Metal Mania,serif;transition:all .3s cubic-bezier(.785,.135,.15,.86)}#loading-screen2 .input-container button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8c1b17;width:100%;height:100%;transform:scaleY(0);z-index:-1;transition:transform .5s ease}#loading-screen2 .input-container button:hover:after{transform:scaleY(1)}.elapsed-time{position:absolute;bottom:10px;left:10px;color:#fff;font-family:Metal Mania,serif}.winner{display:none;justify-content:center;align-items:center;flex-direction:column;color:red;font-family:Metal Mania,serif;width:100%;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;z-index:10;pointer-events:none}.winner h2{font-size:clamp(3rem,0rem + 6.25vw,7.5rem);opacity:0}.winner h3{font-size:clamp(2.25rem,1.25rem + 2.0833vw,3.75rem);opacity:0}.menu-right{position:absolute;top:1%;right:1%;z-index:100;display:flex;gap:2vh;align-items:center;flex-direction:row-reverse;opacity:0}.menu-right .burning-head,.menu-right .sound-wave{cursor:pointer}.menu-right .sound-wave svg{width:48px;height:48px;fill:#fff}.menu-right .sound-wave #Line_1,.menu-right .sound-wave #Line_2,.menu-right .sound-wave #Line_3,.menu-right .sound-wave #Line_4,.menu-right .sound-wave #Line_5,.menu-right .sound-wave #Line_6,.menu-right .sound-wave #Line_7,.menu-right .sound-wave #Line_8,.menu-right .sound-wave #Line_9{transform-origin:center;transition:transform .2s ease}.menu-right .sound-wave.playing #Line_1{animation:wave .8s infinite ease-in-out}.menu-right .sound-wave.playing #Line_2{animation:wave 1s infinite ease-in-out}.menu-right .sound-wave.playing #Line_3{animation:wave .6s infinite ease-in-out}.menu-right .sound-wave.playing #Line_4{animation:wave .9s infinite ease-in-out}.menu-right .sound-wave.playing #Line_5{animation:wave .7s infinite ease-in-out}.menu-right .sound-wave.playing #Line_6{animation:wave 1s infinite ease-in-out}.menu-right .sound-wave.playing #Line_7{animation:wave .6s infinite ease-in-out}.menu-right .sound-wave.playing #Line_8{animation:wave .9s infinite ease-in-out}.menu-right .sound-wave.playing #Line_9{animation:wave .8s infinite ease-in-out}.menu-right .sound-wave:not(.playing) path{transform:scaleY(.3)}.menu-text{font-kerning:none;overflow:hidden;line-height:1}.logo-bottom{position:fixed;bottom:1%;right:1%;z-index:10;display:flex;justify-content:right}.logo-bottom svg{width:100%}@keyframes wave{0%{transform:scaleY(.3)}50%{transform:scaleY(1.2)}to{transform:scaleY(.3)}}#overlay-menu{width:40vw;height:100dvh;overflow:hidden;background-color:#8f1b19;position:fixed;right:0;top:0;z-index:100;color:#fff;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;opacity:0}#overlay-menu header{display:flex;justify-content:right;padding:2vh 2vw;position:relative;z-index:2}#overlay-menu header button{outline:none;background-color:transparent;border:none;cursor:pointer;transition:transform .3s ease}#overlay-menu header button:hover{transform:rotate(90deg)}#overlay-menu header button svg{width:24px;height:24px;fill:#fff}#overlay-menu main{position:relative;z-index:1}#overlay-menu main section.intro{display:flex;flex-direction:column;justify-content:center;padding:0 4%}#overlay-menu main section.intro h1{display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;text-transform:uppercase;letter-spacing:-2px;font-size:clamp(2rem,3vw,4rem);font-weight:100;line-height:1}#overlay-menu main section.intro h1 svg{margin-top:1vh}#overlay-menu main section.intro p{font-family:Metal Mania,serif;font-size:clamp(1rem,1.2vw,1.5rem);font-weight:100;margin-top:2vh;line-height:1}#overlay-menu main section.about{margin-top:9vh;padding:0 4%;display:flex;flex-direction:column;justify-content:center;gap:2vh}#overlay-menu main section.about h2{font-family:Times New Roman,Times,serif;text-transform:uppercase;font-weight:100;line-height:1;font-size:clamp(1.5rem,2vw,3rem)}#overlay-menu main section.about p{font-family:Metal Mania,serif;font-size:clamp(1rem,1.2vw,1.5rem);font-weight:100;line-height:1}#overlay-menu main section.credits{margin-top:9vh;padding:0 4%;display:flex;flex-direction:column;justify-content:center;gap:3vh}#overlay-menu main section.credits h2{font-family:Times New Roman,Times,serif;text-transform:uppercase;font-weight:100;line-height:1;font-size:clamp(1.5rem,2vw,3rem)}#overlay-menu main section.credits ul{display:flex;flex-direction:column;list-style:none}#overlay-menu main section.credits ul li{overflow:hidden}#overlay-menu main section.credits ul li a{font-family:Metal Mania,serif;text-decoration:none;color:#fff;font-size:clamp(1rem,1.2vw,1.5rem);text-transform:uppercase;position:relative;display:inline-block;transition:color .3s ease}#overlay-menu main section.credits ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}#overlay-menu main section.credits ul li a:hover{color:#fffc}#overlay-menu main section.credits ul li a:hover:after{transform:scaleX(1);transform-origin:left}#overlay-menu footer{position:absolute;bottom:0;right:0;padding:2vh 2vw;z-index:2}#overlay-menu footer a{text-decoration:none;font-size:clamp(1rem,1.2vw,1.5rem);transition:opacity .3s ease}#overlay-menu footer a:hover{opacity:.8}#overlay-menu footer a svg path{fill:#fff}.menu-text{font-kerning:none;overflow:hidden}.menu-text .line-container{overflow:hidden}.menu-text .line{will-change:transform}.burning-head{cursor:pointer;transition:transform .3s ease}.burning-head:hover{transform:scale(1.1)}#loading-screen4{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;background:#000;justify-content:center;align-items:center;z-index:102;display:none;opacity:1;overflow:hidden}#loading-screen4 video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#loading-screen4 button{position:absolute;top:2vh;right:2vw;background-color:transparent;outline:none;border:none;color:#fff;font-family:Metal Mania,serif;text-transform:uppercase;font-size:clamp(1.25rem,1rem + .5208vw,1.6rem);cursor:pointer;padding:1vh 2vw;transition:color .3s ease;z-index:2}#loading-screen4 button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#8c1b17;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}#loading-screen4 button:hover:after{transform:scaleX(1);transform-origin:left}.page-container{position:fixed;top:0;right:0;bottom:0;left:0;max-width:100%;height:100vh;background:#000000f2;z-index:1000;overflow-y:auto;overflow-x:hidden}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2000}.loader-content{text-align:center}.loader-spinner{width:40px;height:40px;border:3px solid rgba(255,68,0,.3);border-top-color:#f40;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-error{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ff0000e6;color:#fff;padding:1rem 2rem;border-radius:8px;z-index:2001;text-align:center}.error-content{display:flex;align-items:center;gap:1rem}.error-content button{background:transparent;border:1px solid white;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease}.error-content button:hover{background:#fff;color:red}.page,.content-item{will-change:transform,opacity}@media (max-width: 768px){.error-content{flex-direction:column;gap:.5rem}}.page-error button:focus{outline:2px solid white;outline-offset:2px}@media print{#page-container{position:relative;background:#fff;color:#000}.page{overflow:visible;padding:0}.close-page{display:none}}.page-content{width:100%;overflow-x:hidden;overflow-y:auto;background-color:#000;color:#fff}.page-content .content-item{width:fit-content;position:absolute;right:2vw;top:6vh;z-index:1000}.page-content .content-item button{background-color:transparent;border:none;outline:none;cursor:pointer}.page-content video{width:100%;height:100dvh;object-fit:cover}.controls-page{width:100%;height:100vh;overflow-y:auto}.controls-page main{padding:6vh 8%}.controls-page .controls-title{width:100%;text-align:center;padding-bottom:8%;color:red}.controls-page .controls-title h1{font-size:clamp(2.5rem,5vw,5rem);font-family:Metal Mania,serif;line-height:1}.controls-page .controls-container{display:flex;flex-direction:column;align-items:center;gap:7vh}.controls-page .row{width:50%}.controls-page .row .control-icon,.controls-page .row .rule-icon{width:100%;display:flex;align-items:center;gap:2vw}.controls-page .row .control-icon svg,.controls-page .row .rule-icon svg{width:clamp(32px,5vw,48px);height:clamp(32px,5vw,48px)}.controls-page .row .control-icon h2,.controls-page .row .rule-icon h2{font-family:Metal Mania,serif;font-size:clamp(1.5rem,1rem + 1.0417vw,2.25rem);color:red}.controls-page .row p{margin-top:2vh;font-family:Times New Roman,Times,serif;text-transform:uppercase;text-align:justify;font-weight:100;font-size:clamp(1rem,.6667rem + .6944vw,1.5rem);line-height:1.2}.controls-page .row ul{list-style:none;font-family:Times New Roman,Times,serif;text-transform:uppercase;text-align:justify;font-weight:100;font-size:clamp(1rem,1.5vw,1.5rem)}@media (max-width: 768px){.input-video{width:10rem;height:160px}#camera-container{width:10rem;height:160px;left:4%}.loading-content .skull-logo{width:50%}#loading-screen1 .screen1-text{width:100%}#loading-screen1 .screen1-text svg{width:110%}#overlay-menu{width:100vw}#overlay-menu main section.intro,#overlay-menu main section.about,#overlay-menu main section.credits{padding:0 8%}#overlay-menu main section.intro h1,#overlay-menu main section.about h1,#overlay-menu main section.credits h1{font-size:clamp(1.8rem,5vw,2.5rem)}#overlay-menu main section.intro h2,#overlay-menu main section.about h2,#overlay-menu main section.credits h2{font-size:clamp(1.5rem,4vw,2rem)}#overlay-menu main section.intro p,#overlay-menu main section.intro ul li a,#overlay-menu main section.about p,#overlay-menu main section.about ul li a,#overlay-menu main section.credits p,#overlay-menu main section.credits ul li a{font-size:clamp(.9rem,3vw,1.2rem)}#overlay-menu main section.about,#overlay-menu main section.credits{margin-top:5vh}#overlay-menu main section.intro h1 svg{width:50%}#overlay-menu main section.intro p{margin-top:2.5vh}#overlay-menu footer{padding:10% 8%}.controls-page .content-item{right:5vw;top:2%}.controls-page .controls-title{padding-bottom:10%;text-align:left}.controls-page .controls-container{align-items:flex-start}.controls-page .row{width:90%}}