:root{--accent-color: #f21dfb;--secondary-accent-color: #d804e1;--accent-shadow: #da04e14a;--main-background: #1c0e36;--secondary-background: #31185F;--predator: #cb2e36;--prey: #5e92c9;--critical: #ff0007;--criticalFilter: #ff000832;--main-inner-gradient: linear-gradient(to right, var(--accent-color), var(--secondary-accent-color)) padding-box;--main-border-gradient: linear-gradient(to right, var(--secondary-accent-color), var(--accent-color)) border-box;--main-progress-color: #da04e131;--secondary-progress-color: #f41dfb2a;--border-progress-color: #da04e182;--progress-shadow: #da04e11e}@font-face{font-family:Roboto;src:url(/assets/Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf),url(/assets/Roboto-Italic-VariableFont_wdth_wght-CtZJC3o8.ttf)}@font-face{font-family:Bungee;src:url(/assets/Bungee-Regular-wByiOgEG.ttf)}.lil-gui,#wacHud,#cameraHud{display:none!important}html,body{margin:0}body{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;font-family:Roboto;background:linear-gradient(to bottom,var(--main-background),var(--secondary-background));background-attachment:fixed;overflow:hidden}button{cursor:pointer;font-size:xx-large}h1{font-family:Bungee}h2{font-family:Bungee;font-size:xx-large}#menu{width:90vw;height:98vh;margin:0;padding:1vh 5vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#logo{width:50vw;height:10vh;font-size:2em;text-wrap:wrap;text-align:center;line-height:.6;color:#7642e5;text-shadow:-1.5px 1.5px #fe05fe,1.5px -1.5px #19fdfb}#logo:first-line{font-size:2em}#predatorTitle{color:var(--predator)}#preyTitle{color:var(--prey)}#animalChoiceSection{display:flex;flex-direction:row;width:100%;height:80vh;margin:2vh 0;gap:4vw}.animalChoice{flex-grow:1;width:10vw;display:flex;flex-direction:column;border:4px solid rgba(255,255,255,.145);border-radius:10px}.animalChoice h2{text-align:center}.animalList{flex-grow:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:auto}.animalChoice img{align-self:center;height:15%}.animalChoice .playerFreeText{position:absolute;top:50%;width:30vw;color:#fff;text-align:center;animation:1.5s ease-in-out 0s infinite alternate playerlessSection}@keyframes playerlessSection{0%{scale:1}to{scale:1.25}}.hideStats .player{display:flex;flex-direction:column!important;width:100px!important;height:125px!important}body:not(.hideStats) .animalList .player{display:grid}.animalList .player{grid-template-columns:30% 70%;grid-template-rows:60% 40%;width:275px;height:150px;margin:5px;background-color:#ffffff09;border:2px solid rgba(255,255,255,.145);border-radius:10px;transition:all .2s}.animalList .player:hover{scale:1.1;background-color:#fff1}.player{position:relative}.player>*:first-child{height:90%;padding:5px 0}.hideStats .stats{display:none!important}.player>.stats{grid-column:2;grid-row-start:1;grid-row-end:3;display:flex;flex-direction:column;row-gap:2%;align-content:stretch;align-items:stretch;margin:5%;padding:0}.player>.stats>p{padding:0;margin:5% 0 0;color:#fff;font-family:Bungee;font-size:.75em}.player>.stats>div{position:relative;padding:0;margin:0;height:100%;background-color:#ffffff0f;border:2px solid rgba(177,177,177,.259);border-radius:10px;overflow:hidden}.stats figure{position:absolute;padding:0;margin:0;content:"";width:calc(var(--value) / var(--max) * 100%);height:100%;background:var(--main-inner-gradient);animation:1s statFilling}@keyframes statFilling{0%{width:0}to{width:calc(var(--value) / var(--max) * 100%)}}.hideStats .controllerIcon{height:50%!important;width:auto!important}.player>.controllerIcon{width:60%;height:auto;margin:auto;padding-bottom:5px}#deletePlayer{position:absolute;top:5px;right:5px;width:.75em;height:.75em;padding:0;margin:0;background-color:var(--accent-color);border:2px solid var(--secondary-accent-color);border-radius:25%;opacity:0;transition:.2s all}#deletePlayer:after{content:"⨯";position:absolute;top:0;left:0;width:100%;height:100%;font-size:.75em;line-height:.6em;color:var(--secondary-background)}.player:hover #deletePlayer{opacity:1}#deletePlayer:hover{filter:brightness(1.075);scale:1.075}#deletePlayer:active{filter:brightness(.975);scale:.975}.hidden{display:none!important}#langSelect{position:absolute;right:10px;top:10px;padding:0;width:50px;display:flex;flex-direction:column;background-color:inherit;color:#fff;border:2px solid var(--accent-color);border-radius:10px;font-size:larger;font-weight:700;overflow:hidden;transition:all .2s}#selectedLang{margin:0;width:100%;height:22.5px;font-size:medium;line-height:22.5px;text-align:center;transition:all .2s}.open{background-color:var(--accent-color);color:#fff}#langList:not(.hidden){display:flex;flex-direction:column}.langChoice{width:100%;height:22.5px;margin:0;padding:0;border:0;font-size:medium;color:#fff;background-color:inherit}.langChoice:hover{background-color:#ffffff15}#preRoundCountdown{position:fixed;top:calc(50vh - min(25vh,25vw) - 15px);display:flex;justify-content:center;align-items:center;opacity:.75;width:min(50vh,50vw);height:min(50vh,50vw);border-radius:50%;--progress: 0;--duration: 3s;--content: "0";border:15px solid rgba(128,128,128,.23);background:linear-gradient(to bottom right,var(--main-background),var(--secondary-background)) padding-box,conic-gradient(var(--accent-color) 0deg calc(var(--progress) * 360deg),rgba(0,0,0,0) calc(var(--progress) * 360deg) 360deg) border-box;animation:var(--duration) ease-in-out 1 preRoundBar}#preRoundCountdown:after{content:var(--content);font-family:Bungee;font-size:10em;color:#fff}@keyframes preRoundBar{0%{--progress: 1;--content: "3"}33%{--progress: .66;--content: "2"}66%{--progress: .33;--content: "1"}to{--progress: 0;--content: "0"}}header{position:fixed;top:0;width:100vw;height:25vh;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all 1s}#windowTint.critical{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--criticalFilter);animation:2s ease-in-out 0s 1 normal criticalState}@keyframes criticalState{0%{background-color:#fff0}to{background-color:var(--criticalFilter)}}#roundCountdown{display:flex;justify-content:center;--height: 30px;--width: 50vw;height:var(--height);width:var(--width);margin:5px 0 0;color:#fff;background:linear-gradient(to right,var(--main-progress-color),var(--secondary-progress-color)) padding-box;border-radius:15px;border:4px solid var(--border-progress-color);box-shadow:0 4px 2px 3px var(--progress-shadow);transition:all 2s}.countdown.critical{height:calc(var(--height) * 1.3)!important;width:calc(var(--width) * 1.3)!important;margin-top:10px!important}#innerBar{position:relative;width:100%;height:100%;border-radius:10px;overflow:hidden;animation:linear infinite progressBarDuration}@keyframes progressBarDuration{0%{width:100%;background-color:var(--accent-color)}to{width:0%;background-color:var(--critical)}}#scoreContainer{display:flex;width:50vw;height:25px;order:10}.scorePanel{display:flex;justify-content:space-evenly;align-items:center;width:100%}#predatorScore figure{background-color:var(--predator)}#preyScore figure{background-color:var(--prey)}#scoreContainer figure{width:15px;height:15px;padding:0;margin:0 10px;border-radius:50%;filter:brightness(.6);transition:all 1s}#scoreContainer figure.check{filter:brightness(1)}#scoreContainer figure.check:after{content:"";position:absolute;top:0;width:100%;height:100%;background-color:inherit;border-radius:50%;border:2px solid rgba(255,255,255,.56);animation:1s ease-in-out 0s 1 scoreAnimation}@keyframes scoreAnimation{0%{transform:translateY(10vh) scale(5)}to{transform:translateY(0) scale(1)}}.bigButton{--border-width: 4px;position:relative;color:#fff;background:linear-gradient(to right,#f21dfb,#d804e1) padding-box,linear-gradient(to right,#d804e1,#f21dfb) border-box;border-radius:15px;border:var(--border-width) solid transparent;box-shadow:0 var(--border-width) calc(var(--border-width) / 2) calc(var(--border-width) / 4) #da04e14a;font-family:Bungee;z-index:1;transition:all .5s ease}.bigButton:hover{scale:1.05;filter:brightness(1.05);box-shadow:0 var(--border-width) calc(var(--border-width) / 2) calc(var(--border-width) / 2) #da04e14a}.bigButton:active{scale:1;filter:brightness(.9);box-shadow:0 calc(var(--border-width) / 3) calc(var(--border-width) / 3) calc(var(--border-width) * .5) var(--accent-shadow)}.bigButton:before{content:"";position:absolute;left:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1);width:100%;height:100%;padding:var(--border-width);background:linear-gradient(to right,#f21dfb,#d804e1);border-radius:15px;opacity:0;z-index:-1;transition:all .5s ease}.bigButton:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,#d804e1,#f21dfb);border-radius:15px;z-index:-1;opacity:0;transition:all .5s ease}.bigButton:active:before{opacity:1}.bigButton:active:after{opacity:1}#endGame{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:0;margin:0;width:100vw;height:100vh}#endGame #logo{height:5vh}#endGame section{display:flex;justify-content:space-evenly;width:100vw;padding:0;margin:0}#endGame #titles,#endGame #scores{width:90vw;margin:0 5vw}#endGame #titles>h2{width:50%;text-align:center}#endGame #scores{align-items:center;height:10vh;font-family:Bungee;font-size:3.5em}#endGame #scores p{justify-self:stretch;text-align:center}#endGame #scores p:first-child{--color: var(--predator);color:var(--color);width:50%}#endGame #scores p:nth-child(2){position:absolute;color:#ffffff9c}#endGame #scores p:last-child{--color: var(--prey);color:var(--color);width:50%}#endGame #scores .winner{scale:1.75;filter:brightness(1.1);text-shadow:var(--color) 0 1px 3px}#endGame #predatorTitle{--shadow-color: var(--predator)}#endGame #preyTitle{--shadow-color: var(--prey)}#endGame #titles .winner{animation:1.5s ease-in-out infinite alternate winner}#endGame #titles .winner:after{content:"👑";position:absolute;top:-100%;left:0;text-align:center;width:100%}@keyframes winner{0%{transform:scale(1);filter:brightness(1);text-shadow:0 2px 2px var(--shadow-color)}to{filter:brightness(1.25);transform:scale(1.25);text-shadow:0 2px 3px var(--shadow-color)}}#endGame #animals>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:35vw;height:20vh;overflow-y:auto;background-color:#ffffff09;border:2px solid rgba(255,255,255,.145);border-radius:10px}#endGame #animals .winner{scale:1.25;box-shadow:#ffffff2d 0 2px 5px}#endGame #animals .winner img{scale:1.25}#endGame img{width:75px}#newGame{--border-width: 5px;padding:5px 10px;margin-top:2vw;font-family:Bungee}#pauseButton{position:fixed;top:1vh;left:1vw;width:1.25em;height:1.25em;margin:0;z-index:200}#pauseButton:before{content:""}#pauseButton:after{content:"⚙";font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,sans-serif;text-align:center;line-height:90%;background:linear-gradient(to right,#f21dfb,#d804e1) padding-box,linear-gradient(to right,#d804e1,#f21dfb) border-box;opacity:1}#pauseButton:active:after{background:linear-gradient(to right,#d804e1,#f21dfb)}#pauseOverlay{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:1s all;z-index:100}#pauseOverlay.hide{opacity:0;z-index:-100}#pauseOverlay *{z-index:100}#pauseOverlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--main-background),var(--secondary-background));background-attachment:fixed;opacity:.95;z-index:99}#pauseOverlay #logo{position:fixed;top:5vh;transition:1s all}#pauseOverlay.hide>#logo{top:-100px}#buttonContainer{position:fixed;bottom:5vh;display:flex;flex-direction:row;justify-content:space-evenly;--border-width: 5px;width:100vw;padding:5px 10px;transition:1s all}#pauseOverlay.hide #buttonContainer{bottom:-100px}#inputHelper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:90%;height:50%;margin-top:5vh;background-color:#ffffff09;border:2px solid rgba(255,255,255,.145);border-radius:10px;overflow-y:auto}#inputHelper img{padding:2vh 2vw;margin:0}#statsChoiceContainer{display:flex;flex-direction:row;align-items:center;gap:5vw;margin-top:3vh}#statsChoiceContainer p{color:#fff;font-family:Bungee;text-wrap:wrap;margin:0;padding:0}#statsChoiceContainer button{position:relative;width:60px;height:30px;border-radius:15px;border:2px solid rgba(201,201,201,.175);overflow:hidden;transition:.3s all}.hideStats #statsChoiceContainer button{background-color:#8080806b}#statsChoiceContainer button{background-color:var(--border-progress-color)}#statsChoiceContainer button:after{position:absolute;top:0;right:0;content:"";width:26px;height:26px;background-color:var(--accent-color);border-radius:15px;z-index:100;transition:.4s all}.hideStats #statsChoiceContainer button:after{right:30px;background-color:#ffffff80}#skip{position:absolute;justify-content:center;top:10px;z-index:500}body.recap #pauseButton{display:none!important}#title{position:relative;display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}#title #logo{position:absolute;top:calc(25% - 10vh);scale:1.5;animation:1s ease-in logo}#title #play{position:absolute;top:85%;padding:10px 25px;--border-width: 5px;opacity:0;animation:1.5s ease-in-out infinite alternate playButton,.5s ease-in-out play;animation-delay:1.75s,1.25s}#fixedAnimals{position:absolute;top:calc(50% - 5vh);display:flex;flex-direction:row;align-items:center}#fixedAnimals img{height:20vh;padding:0;margin:0}#fixedAnimals img:nth-child(2){scale:2;animation:1s ease-in mainAnimal}@keyframes logo{0%{scale:.1;translate:0 -75px}to{scale:1.5;translate:0}}@keyframes play{0%{translate:0 100px;opacity:0}to{translate:0;opacity:1}}@keyframes playButton{0%{scale:1;opacity:1}to{scale:1.1;opacity:1}}@keyframes mainAnimal{0%{scale:1}to{scale:2}}#staminaSection{position:absolute;bottom:0;display:flex;flex-direction:row;justify-content:space-between;width:90%;height:150px;margin:5% 0;margin-bottom:2vh}#staminaSection>div{display:flex;flex-direction:row;gap:2vw}.stamina{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;width:50px;height:100%}.stamina img{position:relative;width:100%}#staminaPredators{--color: var(--predator);--dark-color: #a1272d;--color-with-transparency: #a1272db0}#staminaPreys{--color: var(--prey);--dark-color: #4f7cac;--color-with-transparency: #4f7cacaf}.staminaBar{display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;width:30%;margin-bottom:2vh;border:3px solid var(--color-with-transparency);border-radius:8px;overflow:hidden}.staminaInnerBar{width:100%;height:calc(var(--currentStamina) / var(--max) * 100%);margin:0;background:linear-gradient(to bottom,var(--color),var(--dark-color)) padding-box}