@charset "UTF-8";table,th,td{border-collapse:collapse}table{table-layout:fixed}.preview-table{font-size:1.3rem;width:100%;border-radius:6px;animation:fade-in .8s}.preview-table td,.preview-table th{padding:.3rem 0;width:20%}.preview-table tr:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.preview-table tr:first-child th:first-child{border-top-left-radius:6px}.preview-table tr:first-child th:last-child{border-top-right-radius:6px}.preview-table tr:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.preview-table tr:last-child td:first-child{border-bottom-left-radius:6px}.preview-table tr:last-child td:last-child{border-bottom-right-radius:6px}.preview-table__row{text-align:center;background-color:#fff;color:#000;filter:blur(2px)}.preview-table__row--alternate{background-color:#f2f2f2}.preview-table__row-top{background-color:#362f4b;color:#ffffffe6;border-bottom:2px solid #362f4b;filter:blur(0)}.preview-table__row--highlight{border:1px solid #fff;font-weight:700;filter:blur(0)}.full-table{font-size:1.4rem;width:100%;border-radius:6px;font-weight:700}@media (min-width: 768px){.full-table{font-size:1.6rem}}.full-table td,.full-table th{padding:.3rem 0;word-break:break-word}.full-table tr:first-child{border-top-left-radius:6px;border-top-right-radius:6px;border-top:none;font-size:1.4rem}@media (min-width: 768px){.full-table tr:first-child{font-size:2rem}}.full-table tr:first-child th:first-child{border-top-left-radius:6px}.full-table tr:first-child th:last-child{border-top-right-radius:6px}.full-table__row{text-align:center;background-color:#fff;color:#000;height:4.3rem;border-top:1px solid #dddcdc}.full-table__row--alternate{background-color:#f2f2f2}.full-table__row-top{background-color:#362f4b;color:#ffffffe6;border-bottom:2px solid #362f4b}.full-table__img{width:auto;height:2rem;display:block;margin:0 auto}.full-table__icon{font-size:2rem}.pagination{background-color:#362f4b;padding:1rem 0;display:flex;justify-content:center;border-bottom-left-radius:6px;border-bottom-right-radius:6px;align-items:center;font-size:1.6rem;gap:1.4rem}.pagination__page-number--clickable:hover{cursor:pointer;color:#bebebe}.pagination__page-number--highlight{border-bottom:1px solid #fff}.pagination__arrow-left,.pagination__arrow-right{height:1.2rem;filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(134deg) brightness(102%) contrast(102%)}.pagination__arrow-left:hover,.pagination__arrow-right:hover{cursor:pointer;filter:invert(87%) sepia(0%) saturate(280%) hue-rotate(195deg) brightness(90%) contrast(85%)}.pagination__arrow-left{transform:scaleX(-1)}.pagination--hidden{visibility:hidden}.pagination__container{width:20rem;display:flex;justify-content:center;gap:1.4rem}.leaderboard{padding:4rem 1.6rem;background:linear-gradient(#08113b,#121212)}@media (min-width: 768px){.leaderboard{padding:6rem 2.4rem}}@media (min-width: 1280px){.leaderboard{padding:6rem calc((100vw - 108.8rem)/2)}}.leaderboard__container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-bottom:.4rem;gap:.4rem}@media (min-width: 768px){.leaderboard__container{margin-bottom:0;gap:0;flex-direction:row}}.leaderboard__title{font-size:2rem;margin-bottom:.4rem}.leaderboard__stats{color:gold;font-weight:900;font-size:1.6rem}.leaderboard__text{font-size:1.4rem;color:#bababa}.titlescreen{margin:0 1.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6rem;height:calc(100vh - 252px)}@media (min-width: 768px){.titlescreen{margin:0 2.4rem}}@media (min-width: 1280px){.titlescreen{margin:0 auto;width:108.8rem}}.titlescreen__title{font-size:3rem;text-align:center}.titlescreen__brand-name{color:#dc143c}.titlescreen__cta{width:100%}@media (min-width: 768px){.titlescreen__cta{width:24rem}}.titlescreen__text{font-size:1.4rem;color:#bababa}.titlescreen__stats{font-size:1.4rem;color:gold;font-weight:900}.cta{display:flex;gap:.4rem;justify-content:center;align-items:center;width:100%;border-radius:.4rem;color:#fff;cursor:pointer;background-color:#dc143c}.cta:hover .cta__label{margin-right:1rem;transition:.2s}.cta:hover .cta__icon--flag{display:block;transition:.2s;filter:invert(1);height:2.7rem}.cta:hover.cta__play:before{animation-play-state:paused;background:transparent;width:100%;height:100%;border:1px solid white;border-radius:4px;animation:pulse 2s infinite ease-in-out}@media (min-width: 768px){.cta{width:24rem}}.cta__play{font-size:2rem;font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:500;padding:1rem 0;position:relative;overflow:hidden;z-index:0;border:1px solid transparent;box-shadow:inset 0 0 20px #fff0}.cta__play:before{content:"";position:absolute;z-index:-2;width:110%;height:60%;background:linear-gradient(#fff,#fff);animation:rotate 6s linear infinite}.cta__play:after{content:"";position:absolute;z-index:-2;background-color:#dc143c;top:2px;right:2px;bottom:2px;left:2px;border-radius:.4rem}.cta__play:hover{border:1px solid;box-shadow:inset 0 0 20px #ffffff80,0 0 20px #fff3;overflow:unset}.cta__icon{display:none}.cta__label{transition:.25s}.cta__footer{background-color:transparent;border:1px solid crimson;color:#dc143c;width:10rem;height:3rem;font-size:1.4rem;width:14rem;padding:.2rem .5rem}.cta__footer:hover{background-color:#dc143c;color:#ffffffe6}.cta__footer:hover .cta__icon--contact{display:block;filter:invert(1)}.cta__again{font-size:2rem;font-family:Open Sans,Arial,Helvetica,sans-serif;font-weight:500;padding:1rem 0;position:relative;overflow:hidden;z-index:0;height:3.6rem;border:1px solid rgba(255,255,255,.9)}.cta__again:hover .cta__icon--emoji{display:block;transform:scaleX(-1)}.about{display:flex;flex-direction:column;align-items:center;gap:4rem;height:100%;margin:0 1.6rem}@media (min-width: 768px){.about{margin:0 2.4rem}}.about__header{font-size:3rem;text-align:center;margin-top:3rem}@media (min-width: 768px){.about__header{margin-top:6rem}}.about__section{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;border-radius:1.4rem;align-items:center;gap:4rem;border:2px solid silver;background-color:#ffffff1a;padding:1rem;min-height:67rem;margin-bottom:3rem}@media (min-width: 768px){.about__section{padding:2rem;margin-bottom:6rem;max-width:51.2rem;height:100%;min-height:auto}}@media (min-width: 1280px){.about__section{flex-direction:row;min-height:auto;max-height:44rem;max-width:inherit;width:102rem}}.about__img{background-image:url(/assets/howtoplay-2a85a921.gif);background-repeat:no-repeat;background-position:center;background-size:cover;height:82%;width:100%;min-height:40rem;border-radius:1.4rem;box-shadow:#00000026 0 2px 8px}@media (min-width: 768px){.about__img{min-height:40rem;max-height:40rem;max-width:49rem}}@media (min-width: 1280px){.about__img{flex-basis:50%}}.about__list{flex-basis:50%;font-size:1.6rem;display:flex;flex-direction:column;gap:2.4rem}@media (min-width: 768px){.about__list{font-size:2rem}}.about__list-item:nth-child(3n+1):before{content:"🚀     "}.about__list-item:nth-child(3n+2):before{content:"✔️  "}.about__list-item:nth-child(3n+3):before{content:"🔥 "}.about__list-item:nth-child(3n+4):before{content:"🏆 "}.about__link{border-bottom:1px solid gold;display:inline-block;color:gold}.about__link:hover{color:#fffc;border-bottom:1px solid rgba(255,255,255,.8)}.game{padding:4rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 1280px){.game{padding:4rem calc((100vh - 70rem)/2)}}.game--placeholder{height:calc(100vh - 252px)}.game__title{font-size:4rem}.game__timer{font-size:5.5rem}.game__text{align-self:center;line-height:2.4rem;color:#fffc;font-size:1.8rem;text-align:center;border-radius:4px;padding:1rem;letter-spacing:.1rem;min-height:10rem;max-width:70rem}.game__char--incorrect{color:#f08080}.game__char--correct{color:#32cd32}.game__char--underline{border-bottom:1px solid #fff}.game__input{text-align:center;height:4rem;background-color:#fffc;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:1.6rem;padding:.6rem;font-weight:600;align-self:center;border-radius:.4rem;display:flex;resize:none;width:100%}@media (min-width: 768px){.game__input{width:30rem}}.game--won{pointer-events:none;background-color:#32cd32}.game--lost{pointer-events:none;background-color:#f08080}.confetti{width:15px;height:15px;background-color:#f2d74e;position:absolute;top:0;animation:confetti 5s ease-in-out -2s infinite;transform-origin:left top;z-index:11}.confetti:nth-child(1){background-color:#f2d74e;left:10%;animation-delay:0}.confetti:nth-child(2){background-color:#95c3de;left:20%;animation-delay:-5s}.confetti:nth-child(3){background-color:#ff9a91;left:30%;animation-delay:-3s}.confetti:nth-child(4){background-color:#f2d74e;left:40%;animation-delay:-2.5s}.confetti:nth-child(5){background-color:#95c3de;left:50%;animation-delay:-4s}.confetti:nth-child(6){background-color:#ff9a91;left:60%;animation-delay:-6s}.confetti:nth-child(7){background-color:#f2d74e;left:70%;animation-delay:-1.5s}.confetti:nth-child(8){background-color:#95c3de;left:80%;animation-delay:-2s}.confetti:nth-child(9){background-color:#ff9a91;left:90%;animation-delay:-3.5s}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.1,1.6);opacity:0}}@keyframes dot-animation{0%{opacity:0}60%,to{opacity:1}}@keyframes dot-animation-two{0%,20%{opacity:0}80%,to{opacity:1}}@keyframes dot-animation-three{0%,40%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes confetti{0%{transform:rotate(15deg) rotateY(0) translate(0)}25%{transform:rotate(5deg) rotateY(360deg) translate(-5vw,20vh)}50%{transform:rotate(15deg) rotateY(720deg) translate(5vw,60vh)}75%{transform:rotate(5deg) rotateY(1080deg) translate(-10vw,80vh)}to{transform:rotate(15deg) rotateY(1440deg) translate(10vw,110vh)}}.loading{font-size:1.8rem}.loading span:nth-child(1){animation-name:dot-animation}.loading span:nth-child(2){animation-name:dot-animation-two}.loading span:nth-child(3){animation-name:dot-animation-three}.loading__dot{animation:1.3s infinite}.gameover{background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;padding:0 1.6rem;position:absolute;z-index:9;overflow:hidden;top:7rem;bottom:18.2rem;right:0;left:0}.gameover__modal{background:crimson;width:100%;height:23rem;display:flex;align-items:center;flex-direction:column;border-radius:1.4rem;padding:1.6rem 3rem;justify-content:space-between}@media (min-width: 768px){.gameover__modal{width:45rem}}.gameover__modal--countdown{justify-content:center}.gameover__form{text-align:center}.gameover__header{font-size:3rem}.gameover__text{font-size:2.2rem}.gameover__level{color:gold;font-weight:700}.gameover__label{font-size:1.8rem;display:flex;flex-direction:column;gap:.4rem}.gameover__input{border-radius:.4rem;border:1px solid #eee;font-size:1.8rem;padding:.4rem;text-align:center}.gameover--hide{display:none}.progressbar{width:100%;border-radius:.4rem}@media (min-width: 768px){.progressbar{width:40rem}}.progressbar__container-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.progressbar__text{font-size:1.4rem}.progressbar__container{display:flex;flex-direction:column;height:1rem;justify-content:space-between;background-color:#eee;border-radius:1rem}.progressbar__fill{height:100%;background-color:#56b6ff;box-shadow:0 0 .3rem #56b6ff;border-radius:14rem}.progressbar__percentage{font-size:14px;color:#fffc;padding-left:.3rem}.game__stats-container{display:flex;font-size:1rem;gap:2.4rem;background-color:#eee;border-radius:6px;color:#000;padding:2rem;margin-top:3.8rem}.stats-details{font-size:1.3rem;font-weight:700}.countdown{font-size:6rem;line-height:8rem;margin-top:.5rem}.countdown--large{font-size:8rem}.gameover__traffic-container{width:100%;background-color:#31373d;height:9rem;border-radius:1.1rem;display:flex;align-items:center;justify-content:space-evenly}.gameover__traffic-light{border-radius:50%;background-color:#bababa;display:inline-block;height:4rem;width:4rem}@media (min-width: 768px){.gameover__traffic-light{height:5.5rem;width:5.5rem}}.gameover__traffic-light--green{background-color:#32a431;box-shadow:0 0 10px #32a431}html,body{margin:0;padding:0;box-sizing:border-box;font-size:.625rem;text-decoration:none;list-style:none;background:linear-gradient(#08113b,#121212);color:#fffc;font-family:Open Sans,Arial,Helvetica,sans-serif}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}ul{margin:0}a{text-decoration:none;color:inherit}li{list-style:none}:focus,:active{outline:none}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative}@media (min-width: 768px){#root{height:100vh}}@media (min-width: 1280px){#root{height:100vh}}.root--hide{display:none}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#ffffffe6;color:#dc143c;padding:0 1.6rem;font-size:1.8rem;font-weight:500;height:7rem}@media (min-width: 768px){.navbar{padding:0 2.4rem}}@media (min-width: 1280px){.navbar{padding:0 calc((100vw - 1088px)/2)}}.navbar__logo{height:5rem}.navbar__list{display:none}@media (min-width: 768px){.navbar__list{display:flex;gap:2.3rem}}.navbar__list-item{padding:2rem 0;border:3px solid transparent;cursor:pointer;transition:75ms}.navbar__list-item:hover{border-top:3px solid crimson;border-bottom:3px solid crimson}.navbar__list-item--selected{border-bottom:3px solid #08113b}@media (min-width: 768px){.navbar__list-item--selected{border-bottom:3px solid crimson}}.navbar__list-item--mobile{padding:1rem 0}.navbar__list-item--mobile:hover{border-bottom:3px solid #08113b}.navbar__list--mobile{z-index:10;top:7rem;left:0;width:100%;position:absolute;background-color:#dc143c;color:#ffffffe6;display:flex;flex-direction:column;align-items:flex-start;padding:1rem 2rem;gap:.8rem;height:50rem;box-shadow:0 2px 4px -1px #00000040}@media (min-width: 1280px){.navbar__list--mobile{display:none}}.burger{cursor:pointer;width:25px;height:24px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.burger{display:none}}.burger__container{display:flex;flex-direction:column;gap:.6rem;width:100%}.burger__line{width:100%;height:3px;background-color:#dc143c;border-radius:20px;display:block}.burger--fade-in{animation-name:fade-in;animation-duration:.35s;animation-direction:reverse}.burger__close-icon{filter:invert(12%) sepia(66%) saturate(6027%) hue-rotate(340deg) brightness(105%) contrast(93%);height:2rem}.footer{background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.2rem;color:#121212;padding:2rem 0;border-top:thin solid hsla(0,0%,59%,.5)}.footer__logo{height:3.5rem;width:auto}.footer__line{display:block;margin:12px auto 16px;border-bottom:thin solid hsla(0,0%,59%,.5);width:12rem}.error{display:flex;justify-content:center;align-items:center}.error__header{font-size:1.6rem;font-weight:400;text-align:center}@media (min-width: 768px){.error__header{font-size:1.8rem}}.error__container{height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:5.5rem}@media (min-width: 768px){.error__container{gap:1.5rem}}.error__sub-header{font-weight:400;font-size:1.6rem;text-align:center}@media (min-width: 768px){.error__sub-header{font-size:1.8rem}}.error__query{color:#dc143c;border-bottom:1px solid crimson;font-size:1.8rem}