@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@500&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box;margin:0;overflow:hidden;padding:0}body,html{background:#121212;font-family:Rubik,sans-serif;height:100%}.games{background:#fff;bottom:0;flex-direction:column;gap:2rem;height:100%;justify-content:center;padding:7rem 2rem 2rem;position:fixed;right:0;transition:transform .8s cubic-bezier(.16,1,.3,1);z-index:200}.games,.games .header{align-items:center;display:flex;left:0;top:0}.games .header{background:#eee;height:5rem;justify-content:space-between;padding-inline:3rem;position:absolute;width:100%}.games .logo{align-items:center;display:flex;padding-right:1.5rem;width:fit-content}.games .logo a{background:#eee;cursor:pointer;padding-right:.75rem;transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1);z-index:50}.games .logo svg{height:3.5rem}.games .logo h1{color:#999;font-size:1.5rem;overflow:visible;transform:translate(.4rem,-7%);transition:transform 1s cubic-bezier(.16,1,.3,1);white-space:nowrap;z-index:15}.games .logo:hover h1{transform:translate(-115%,-7%)}.games .logo:hover a{transform:scale(.9)}.games a{align-items:center;color:#999;display:flex;gap:.6rem;justify-content:center;transform-origin:right}.games a,.games a h2{overflow:visible;transition:.3s cubic-bezier(.16,1,.3,1)}.games a h2{font-size:1.2rem;letter-spacing:1px}.games a svg{height:2rem;transition:.3s cubic-bezier(.16,1,.3,1)}.games a:hover{color:#000;transform:scale(.9)}.games .cards-container{background-color:#eee;border-radius:.33rem;display:flex;gap:2rem;padding:2rem}.games .cards-container .game-card{border-radius:.33rem;box-shadow:0 .2rem .8rem .2rem rgba(0,0,0,.2);overflow:hidden;position:relative}.games .cards-container .game-card img{display:block;filter:blur(3px);max-width:100%;object-fit:cover;transform:scale(1.07);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .1s ease-out;width:100%}.games .cards-container .game-card .text{align-items:center;background:hsla(0,0%,7%,.4);bottom:0;color:#ddd;display:flex;font-size:1.4rem;font-weight:500;height:100%;justify-content:space-between;justify-content:center;left:0;padding-inline:1rem;position:absolute;transition:.9s cubic-bezier(.16,1,.3,1);width:100%}.games .cards-container .game-card .text span:first-child{color:#999;font-size:18rem;left:0;opacity:.8;position:absolute;transform:translateX(-40%);transition:.4s cubic-bezier(.16,1,.3,1)}.games .cards-container .game-card .text .game-title{color:#ddd}.games .cards-container .game-card:not(.in-transition){cursor:pointer}.games .cards-container .game-card:not(.in-transition).loading img,.games .cards-container .game-card:not(.in-transition):hover img{filter:blur(0);transform:scale(1)}.games .cards-container .game-card:not(.in-transition).loading .text,.games .cards-container .game-card:not(.in-transition):hover .text{background:hsla(0,0%,7%,.6);height:2.8rem}.games .cards-container .game-card:not(.in-transition).loading span:first-child,.games .cards-container .game-card:not(.in-transition):hover span:first-child{opacity:0}.games .cards-container .loader{animation:flip 1s infinite;background:#dc241f;box-shadow:0 0 .8rem .2rem rgba(220,36,31,.6);height:.5rem;left:50%;position:absolute;top:50%;width:7rem;z-index:100}@keyframes flip{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotateY(180deg)}}.game{display:flex;height:100vh;justify-content:center;transform:scale(1) translate(0);transform-origin:0 0;width:100vw}.game>img{max-height:100%;max-width:100%;position:absolute}.overlay{background-color:transparent;pointer-events:none;z-index:10}.end-card,.overlay{height:100%;position:fixed;width:100%}.end-card{align-items:center;color:#ccc;display:flex;flex-direction:column;font-size:2rem;font-weight:500;gap:1.2rem;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);transition:.4s ease-in-out}.end-card .score{display:flex;font-size:1.6rem;font-weight:400}.btns{display:flex;gap:1.5rem;padding:1rem}.levels,.play-again{align-items:center;background:#404040;border-radius:.33rem;box-shadow:0 0 .4rem .2rem rgba(0,0,0,.3);cursor:pointer;display:flex;font-weight:500;gap:.3rem;height:2.64rem;justify-content:center;padding-inline:.66rem}.levels span,.play-again span{align-items:center;display:flex;font-size:1.012rem;line-height:1.012rem;padding-top:.1265rem}.levels:hover,.play-again:hover{background:#333}.levels:hover .arrow,.play-again:hover .arrow{transform:scale(1.2)}.levels:hover .round-arrow,.play-again:hover .round-arrow{transform:rotate(140deg) scale(1.1)}.levels:hover .round-arrow:after,.play-again:hover .round-arrow:after{background:#333}.play-again{gap:.6rem}.round-arrow{border:2px solid #ccc;border-radius:50%;height:1.1818181818rem;overflow:visible;position:relative;transform:rotate(100deg);transition:.1s ease-in-out;width:1.1818181818rem;z-index:40}.round-arrow:after{background:#404040;border-radius:3px;content:"";height:.52rem;left:0;position:absolute;top:50%;transform:translate(-2px,-50%) perspective(8px) rotateY(45deg);width:.65rem}.round-arrow .tip{bottom:0;height:.8666666667rem;left:0;position:absolute;transform:translate(-35%,40%) rotate(28deg);width:.8666666667rem;z-index:50}.round-arrow .tip:after,.round-arrow .tip:before{background-color:#ccc;content:"";height:2px;left:50%;position:absolute;top:50%;width:50%}.round-arrow .tip:before{top:calc(50% + 1px);transform:translate(-50%,-50%) rotate(-50deg);transform-origin:top left}.round-arrow .tip:after{top:calc(50% - 1px);transform:translate(-50%,-50%) rotate(50deg);transform-origin:bottom left}.arrow{height:1.3rem;position:relative;transform:translateX(10%);transition:.1s ease-in-out;width:1.3rem}.arrow:after,.arrow:before{background-color:#ccc;content:"";height:2px;left:50%;position:absolute;top:50%;width:50%}.arrow:before{top:calc(50% + 1px);transform:translate(-50%,-50%) rotate(-50deg);transform-origin:top left}.arrow:after{top:calc(50% - 1px);transform:translate(-50%,-50%) rotate(50deg);transform-origin:bottom left}.top-bar{align-items:center;backdrop-filter:blur(0);background:hsla(0,0%,7%,.6);display:flex;height:3.96rem;justify-content:space-between;left:0;overflow:visible;position:fixed;top:0;transition:1.2s cubic-bezier(.16,1,.3,1);width:100%}.top-bar>div{opacity:1;transition:.4s ease-in-out}.top-bar.end{backdrop-filter:blur(5px);height:100%}.top-bar.end>div{opacity:0;transition:.4s ease-in-out}.top-bar .characters{display:flex;gap:.66rem;padding:.66rem}.top-bar .characters img{animation-timing-function:cub ic-bezier(.65,.05,.36,1);background:#404040;border-radius:.33rem;box-shadow:0 0 .4rem .2rem rgba(0,0,0,.3);height:2.64rem;transition:.6s ease-in-out}.top-bar .characters .success{animation-duration:.7s;animation-name:success-animation;background:#5ead21}.top-bar .characters .failure{animation-duration:.4s;animation-name:failure-animation;background:#ad2121}@keyframes success-animation{0%{transform:translateY(0)}25%{transform:translateY(.165rem)}75%{transform:translateY(-.165rem)}to{transform:translateY(0)}}@keyframes failure-animation{0%{transform:translateX(0)}25%{transform:translateX(.165rem)}75%{transform:translateX(-.165rem)}to{transform:translateX(0)}}.top-bar .timer{align-items:center;background:#404040;border-radius:.33rem;box-shadow:0 0 .4rem .2rem rgba(0,0,0,.3);color:#ccc;display:flex;font-family:Azeret Mono,monospace;font-size:1.265rem;height:2.64rem;justify-content:center;left:50%;padding-inline:.66rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.top-bar .info{color:#ccc;display:flex;padding:.66rem}.top-bar .info div{align-items:center;background:#404040;border-radius:.33rem;box-shadow:0 0 .4rem .2rem rgba(0,0,0,.3);display:flex;height:2.64rem;justify-content:center;padding-inline:.66rem}.top-bar .info .timer{font-size:1.265rem;font-weight:500;width:5.94rem}.character-selector{background:#202020;border-radius:.66rem;display:flex;flex-direction:column;gap:.66rem;padding:.66rem;pointer-events:none;position:fixed;user-select:none;visibility:hidden;z-index:20}.character-selector button{align-items:center;background:#404040;border:none;border-radius:.33rem;color:#ccc;cursor:pointer;display:flex;gap:.66rem;padding-right:.66rem}.character-selector button img{background:#404040;border-radius:.33rem;height:2.2rem}.character-selector button:hover,.character-selector button:hover img{background-color:#333}.character-selector button:active,.character-selector button:active img{background-color:#262626}.character-selector .circle{background:none;border:4px solid #202020;border-radius:50%;pointer-events:none;position:fixed}.active{pointer-events:all;visibility:visible}.hidden{display:none!important}@media(max-width:1050px){.games{gap:1rem;padding:6rem 1rem 1rem}.games .cards-container{flex-direction:column;gap:1rem;max-width:calc(400px - 3rem);padding:1rem}.games .cards-container .game-card{max-width:calc(400px - 2rem)}.games .cards-container .game-card img{max-width:calc(400px - 1rem)}}