.container{background-color:var(--background-color);min-width:320px;width:100%;height:100%;position:fixed;display:flex;align-items:center;flex-direction:column}.bg-1{background-image:conic-gradient(var(--transparent),var(--pink),var(--transparent),var(--pink));height:100%;width:100%;position:absolute;animation:bg-spin infinite 10s linear;filter:blur(2rem)}@keyframes bg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-2{background-image:conic-gradient(var(--green),var(--transparent),var(--blue),var(--green),var(--transparent),var(--blue));height:100%;width:100%;position:absolute;animation:bg-2-spin infinite 20s linear;filter:blur(2rem)}@keyframes bg-2-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.bg-3{background-image:conic-gradient(var(--green),var(--transparent),var(--blue),var(--transparent),var(--light-green),var(--transparent),var(--blue),var(--green));height:100%;width:100%;position:absolute;animation:bg-2-spin infinite 20s linear;filter:blur(2rem)}@keyframes bg-3-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cap{position:absolute;width:400px;height:400px;background-image:conic-gradient(from .38turn,var(--cap-color-dark) .11turn,var(--cap-color-light) .31turn .36turn,var(--cap-color-dark) 1turn .57turn,var(--cap-color-light) .86turn);background-size:2% 2%;opacity:0}.flip .cap{animation:open-cap 1.8s ease-out forwards}.backflip .cap{animation:close-cap .1s ease forwards}@keyframes open-cap{0%{transform:rotateX(90deg) rotateY(0) translateZ(200px);opacity:0}24%{opacity:0;transform:rotateX(0) rotateY(0) translateZ(200px)}25%{opacity:1;transform:rotateX(0) rotateY(0) translateZ(200px)}to{opacity:1;transform:rotateX(50deg) rotateY(0) translateZ(200px)}}@keyframes close-cap{0%{opacity:1;transform:rotateX(50deg) rotateY(0) translateZ(200px)}50%{transform:rotateX(0) rotateY(0) translateZ(200px);opacity:1}51%{transform:rotateX(90deg) rotateY(0) translateZ(200px);opacity:0}}.cat{position:absolute;width:300px;height:300px;background-image:url(./cat-BzRF-QZO.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 1em var(--black-transparent-40));opacity:0}.flip .cat{animation:attack-cat 3s ease forwards}.backflip .cat{animation:hidden-cat .1s ease forwards}.angry .cat{background-image:url(./cat-angry-DnNDvgOe.png)}@keyframes attack-cat{0%{transform:rotateX(-90deg) translate(100px) translateY(-10px) translateZ(200px);opacity:0}24%{opacity:0;transform:rotateX(-90deg) translate(100px) translateY(-10px) translateZ(200px)}25%{opacity:1;transform:rotateX(-90deg) translate(100px) translateY(-100px) translateZ(200px)}40%{opacity:1;transform:rotateX(-90deg) translate(100px) translateY(-290px) translateZ(200px)}to{opacity:1;transform:rotateX(-90deg) translate(100px) translateY(-290px) translateZ(200px)}}@keyframes hidden-cat{0%{opacity:1;transform:rotateX(-90deg) translate(100px) translateY(-290px) translateZ(200px)}50%{opacity:1;transform:rotateX(-90deg) translate(100px) translateY(-90px) translateZ(200px)}51%{opacity:0;transform:rotateX(-90deg) translate(100px) translateY(-90px) translateZ(200px)}}.paw{position:absolute;width:90px;height:180px;background-image:url(./paw-USiursJV.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(.5em 2em 1.5em var(--black-transparent-30));opacity:0;display:none;transform:rotateX(-90deg) translate(40px) translateY(-290px) translateZ(366px) scaleY(1)}.flip .paw{display:block;animation:attack-paw 2s ease-in forwards}.backflip .paw{display:block;animation:hidden-paw .1s ease-in forwards}@keyframes attack-paw{59%{display:none;transform:rotateX(-100deg) translate(124px) translateY(-265px) translateZ(366px) scaleX(1) scaleY(0);opacity:0}60%{height:180px;display:block;opacity:1;transform:rotateX(-100deg) translate(124px) translateY(-265px) translateZ(366px) scaleX(1) scaleY(.1)}to{height:190px;opacity:1;transform:rotateX(-100deg) translate(124px) translateY(-128px) translateZ(366px) scaleX(1.4) scaleY(1.4)}}@keyframes hidden-paw{0%{height:190px;opacity:1;transform:rotateX(-100deg) translate(124px) translateY(-128px) translateZ(366px) scaleX(1.4) scaleY(1.4)}30%{height:180px;display:block;opacity:1;transform:rotateX(-100deg) translate(124px) translateY(-265px) translateZ(366px) scaleX(1) scaleY(.1)}31%{display:none;transform:rotateX(-100deg) translate(124px) translateY(-265px) translateZ(366px) scaleX(1) scaleY(0);opacity:0}}.cube{text-align:center;width:400px;margin:0 auto 1000px;filter:drop-shadow(.5em 2em 3em var(--black-transparent-20))}.cube-perspective{perspective:1000px;perspective-origin:center;transform:translateZ(0);transition:transform .7s ease 0s,perspective .7s ease 0s}.flip .cube-perspective{perspective:1500px;transform:translate3d(0,320px,0)}.cube-preserve-3d{position:relative;transform-style:preserve-3d;transition:transform .7s ease 0s;transform:rotateX(0)}.flip .cube-preserve-3d{transform:rotateX(90deg)}.cube-front-side{position:absolute;width:400px;height:400px;background-image:conic-gradient(from .38turn,var(--cube-color-dark) .11turn,var(--cube-color-light) .31turn .36turn,var(--cube-color-dark) 1turn .57turn,var(--cube-color-light) .86turn);background-size:2% 2%;transition:transform 1s ease 0s;transform:rotateX(0) translateZ(200px);opacity:1}.cube-bottom-side{position:absolute;width:400px;height:400px;background-image:conic-gradient(from .38turn,var(--cube-color-dark) .11turn,var(--cube-color-light) .31turn .36turn,var(--cube-color-dark) 1turn .57turn,var(--cube-color-light) .86turn);background-size:2% 2%;transition:transform .5s ease 0s;transform:rotateX(-90deg) translateZ(200px);opacity:1}.button-logout{width:300px;height:5rem;margin:240px auto;font-size:1.8rem;letter-spacing:.1em;background-image:linear-gradient(var(--white) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%)}.button-logout-active{background-image:linear-gradient(var(--grey-dark) 2%,var(--cube-color-dark) 8% 92%,var(--grey-dark) 98%);box-shadow:inset 0 1px 2px 3px var(--black-transparent-40)}.form{display:flex;flex-direction:column;margin:2em 3em;padding-top:1rem;font-weight:700}.form-input{margin-top:.3rem;margin-bottom:1rem}.form-input-error{background-color:var(--pink-dark)}.form-label{position:relative}.button-login{margin-top:2rem;height:5rem;font-size:1.8rem;letter-spacing:.1em;background-image:linear-gradient(var(--white) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%)}.button-text,.eye-icon{color:transparent;background-color:var(--text-color);text-transform:uppercase;text-shadow:0px 2px 20px var(--cube-color-light);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;transition:text-shadow .3s ease-out}.button-login:hover:enabled .button-text,.button-logout:hover:enabled .button-text{text-shadow:0px 2px 3px var(--text-shadow);transition:text-shadow .3s ease-out}.button-show-password{position:absolute;width:3rem;height:2.4rem;right:0;bottom:16px;padding:.2rem .3rem;background-image:linear-gradient(var(--white) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%)}.eye-icon{color:transparent;background-color:var(--text-color);text-transform:uppercase;text-shadow:0px 2px 3px var(--text-shadow);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}.error-messages{position:absolute;box-sizing:border-box;text-transform:none;font-size:.7em;letter-spacing:normal;font-weight:400;top:67px;width:304px;color:var(--text-color);background-color:var(--pink);box-shadow:0 1px 2px 0 var(--black-transparent-40);text-shadow:none;text-align:left;padding-left:.5em;padding-bottom:.2em}.score-container{margin-top:0;margin-bottom:13em;line-height:14em;color:var(--white)}.score-numbers{position:absolute;font-variant-numeric:tabular-nums;font-size:15em;font-weight:800;text-shadow:1px 1px 10px var(--black-transparent-20);margin:0 auto;margin-inline:auto;left:0;right:0;width:fit-content;-webkit-user-select:none;user-select:none;animation:roll .4s}.score-player{left:-22.7rem}.score-cat{right:-21.5rem}.score-semicolon{top:-1.2rem}@keyframes roll{0%{transform-origin:center top;transform:perspective(75em) rotateX(90deg)}to{transform:none}}.language-button-container{display:flex;justify-content:flex-end;padding:0;border:none;height:42px;margin:0}.button-language{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;width:47px;height:100%;margin:0;background-image:linear-gradient(var(--white) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%);box-shadow:inset 0 0 1px 1px var(--black-transparent-20);border-radius:0;transition:.5s}.button-language:after{content:"";position:absolute;background-image:linear-gradient(var(--cube-color-dark) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%);box-shadow:inset 0 0 1px 1px var(--black-transparent-20);background-clip:unset;top:0;left:0;width:0;height:0;font-size:26px;overflow:hidden}.button-language:checked:after{width:100%;height:100%}.button-language:checked,.button-language:checked:after{outline:none;cursor:default}.activeBtnLang{text-shadow:0px 1px 1px var(--text-shadow);transition:text-shadow .1s ease-out;pointer-events:none}.button-text-radio{position:absolute;left:11px;top:9px;cursor:pointer;font-weight:700}.error-display{width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preloader-container{position:relative;color:var(--grey-dark)}.preloader-animation{position:absolute;left:0;right:0;color:var(--text-color)}.preloader-letter-shift{margin-left:-.7rem}.bottom-panel{display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(var(--white) 2%,var(--cube-color-light) 8% 92%,var(--cube-color-dark) 98%)}.preloader-wrap{width:100px}@font-face{font-family:Martian Mono;src:url(./MartianMono-StdRg-BKT3UYn4.woff2) format("woff2");font-weight:400}@font-face{font-family:Martian Mono;src:url(./MartianMono-sWdxBd-CyUf4RDb.woff2) format("woff2");font-weight:800}::-moz-focus-inner{padding:0;border-style:none}html{height:100%}:root{font-family:Martian Mono,Courier New,Courier,monospace;line-height:1.5;font-weight:400;min-height:100%;-webkit-text-size-adjust:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: oklch(70.96% .13524 288.809);--text-color: oklch(.3316 .00176 106.8);--text-shadow: oklch(1 0 0 / 50%);--cube-color-dark: oklch(.7921 0 0);--cube-color-light: oklch(90.374% .00434 15.935);--cap-color-light: oklch(.7621 .0069 17.31);--cap-color-dark: oklch(.5736 .0012 17.19);--transparent: oklch(1 0 0 / 0%);--black-transparent-20: oklch(0% 0 0 / .2);--black-transparent-30: oklch(0% 0 0 / .3);--black-transparent-40: oklch(0% 0 0 / .4);--grey-dark: oklch(.8 .00176 106.8);--white: oklch(1 0 0);--pink: oklch(.749 .1605 338.96);--pink-dark: oklch(.97 .03 336.84);--blue: oklch(.6443 .1606 251.84);--green: oklch(.8222 .2462 144.27);--light-green: oklch(.8412 .1562 169.87)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}body{padding:0;margin:0;color:var(--text-color);box-sizing:border-box}input,button,textarea,select{font:inherit}button{box-sizing:border-box;border-radius:0;box-shadow:inset 0 0 1px 1px var(--black-transparent-20);border:none;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;cursor:pointer;transition:.1s linear;-webkit-appearance:button}button:hover:enabled{box-shadow:inset 0 1px 2px 2px var(--black-transparent-40);transition:.1s linear;box-sizing:border-box}button:active:enabled{transition:.1s linear;box-sizing:border-box;background-image:linear-gradient(var(--grey-dark) 2%,var(--cube-color-light) 8% 92%,var(--grey-dark) 98%);box-shadow:inset 0 1px 2px 3px var(--black-transparent-40);background-color:var(--button-active)}button:focus:enabled,button:focus-visible:enabled,input:focus,input:focus-visible{outline:var(--blue) solid 3px}button:disabled{cursor:default}.form{-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:var(--blue)}input{width:100%;box-sizing:border-box;font-weight:400;font-size:.8em;height:2.4rem;padding:1em .4em;border:none;box-shadow:inset 0 1px 1px 1px var(--black-transparent-40)}label::selection{color:var(--white);background-color:var(--blue)}label{position:relative;color:transparent;letter-spacing:.1em;background-color:var(--text-color);text-transform:uppercase;text-shadow:0px 2px 3px var(--text-shadow);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
