.container{padding-inline:26px}.starter-page{position:relative;padding:138px 30px 64px;margin-block:150px 100px;background:linear-gradient(180deg,#344aba,#001479d4);border-radius:48px;box-shadow:0 -8px 0 4px #140e66 inset,0 6px 0 8px #2463ff inset;max-width:592px;margin:auto;top:112px}.starter-page>img{position:absolute;top:-60px;width:263px}.starter-page button{background:transparent;border:0}.starter-page button img{margin-left:50px}.starter-page .play-btn{display:flex;justify-content:center;align-items:center;width:100%}.starter-page .how-to-play-btn{width:100%;margin-top:58px;color:#fff;background-color:#2463ff;text-transform:uppercase;padding-block:12px;border-radius:40px;font-weight:400;font-size:32px;line-height:120%;letter-spacing:5%;box-shadow:0 -2px 0 3px #140e66 inset,0 1px 0 6px #3c74ff inset}.starter-page .how-to-play-btn:hover{background-color:#5b8aff;box-shadow:0 -2px 0 3px #140e66 inset,0 1px 0 6px #3c74ff inset}.starter-page .login-register{display:flex;align-items:center;gap:12px;margin-top:30px}.starter-page .login-register button{width:100%;background:linear-gradient(180deg,#fe71fe 16.42%,#7199ff);border-radius:30px;color:#fff;padding-block:8px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Mouse Memoirs,sans-serif;background:url(/img/main-bg-mobile.png) no-repeat center;background-size:cover}img,picture,video,canvas,svg{display:block;max-width:100%;margin:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}ul,ol{list-style:none;padding:0}a{text-decoration:none}button{cursor:pointer}.starter-page img{left:0;right:0}body,html{width:100%;height:100%;overflow:auto}@media (width >= 768px){body{background:url(/img/main-bg.jpg) no-repeat center;background-size:100% 100%}body,html{width:100%;height:100%;overflow:auto}}.category-area{margin-block:32px 80px}.category-header{display:flex;align-items:center;justify-content:space-between}.category-header h4{background:linear-gradient(180deg,#67b6ff 16.42%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;font-size:48px;line-height:120%;letter-spacing:5%}.back-icon{width:40px;height:40px;background-color:transparent}.categories{text-align:center;display:grid;grid-template-columns:1fr;row-gap:16px;margin-top:50px;cursor:pointer}.categories h6{background-color:#2463ff;color:#fff;padding-block:24px;border-radius:20px;box-shadow:0 -2px 0 3px #140e66 inset,0 1px 0 6px #3c74ff inset;font-weight:400;font-size:24px;line-height:120%;letter-spacing:5%}@media (width >= 768px){.categories{display:grid;grid-template-columns:1fr 1fr;gap:32px}.categories h6{padding-block:40px}.category-header h4{text-align:center;margin-inline:auto;font-weight:400;font-size:74px;line-height:120%;letter-spacing:-.5%}.category-header img{width:54px;height:54px}.categories h6{font-weight:400;font-size:24px;line-height:120%;letter-spacing:5%}}@media (width >= 1440px){.categories{grid-template-columns:1fr 1fr 1fr}.categories h6:hover{background:linear-gradient(0deg,#2463ff,#2463ff),linear-gradient(0deg,#ffffff40,#ffffff40)}.categories h6{padding-block:66px}}.game-letters{display:flex;column-gap:8px;row-gap:24px;flex-wrap:wrap;justify-content:center;margin:auto}.game-letters button{font-weight:400;font-size:24px;line-height:150%;letter-spacing:-2%;color:#261676;padding:10px;border-radius:8px;border:0}.health-bar{display:flex;align-items:center;padding:2px;border-radius:8px;height:16px;width:57px;background:#fff;overflow:hidden}.w3-grey{height:8px;width:100%;background:#261676;border-radius:8px;transition:width .3s ease}.game-header{display:flex;align-items:center;justify-content:space-between;margin-top:46px}.flex{display:flex;align-items:center;gap:16px}.flex img{height:26px;width:24px}.flex h5{color:#fff;font-weight:400;font-size:40px;line-height:120%;letter-spacing:-.5%;text-align:center}.game-container{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;margin-block:76px 118px}.empty-box{height:66px;width:40px;background-color:#2463ff;border-radius:12px;opacity:25%;box-shadow:0 1px 0 6px #3c74ff inset;box-shadow:0 -2px 0 3px #140e66 inset}.correct-box{height:66px;width:40px;background-color:#2463ff;border-radius:12px}.hang-area{color:transparent;text-align:center;font-size:40px}.correct{color:#fff;text-align:center;font-size:40px}.game-dialog{margin:auto;border:none;border-radius:72px;background:linear-gradient(to bottom,#2e3aff,#1e1e80);padding:120px 30px 40px;width:324px;box-shadow:0 0 20px #0006;text-align:center}.game-dialog::backdrop{background-color:#0006}.dialog-btns{display:flex;flex-direction:column;gap:12px}.dialog-btns button{width:100%;padding:12px;border-radius:20px;color:#fff;font-weight:400;font-size:32px;line-height:120%;letter-spacing:5%;text-align:center;text-transform:uppercase;border:none}.btn.blue{background:linear-gradient(to right,#3a8dff,#376eff)}.btn.pink{background:linear-gradient(to right,#ff5d9e,#f063dd)}@media (width >= 768px){.game-header h5{font-weight:400;font-size:48px;line-height:120%;letter-spacing:5%}.flex img{width:64px;height:64px}.health-bar{width:160px}.empty-box .correct .hang-area{width:88px;height:112px}.game-letters{width:704px}.game-letters button{font-weight:400;font-size:48px;line-height:120%;letter-spacing:5%;gap:16px}.game-letters{gap:16px;justify-content:center;margin:auto}.game-dialog{width:529px}.game-dialog img{margin-bottom:24px}.dialog-btns{padding-inline:129px}.container{max-width:1280px;margin:auto}}@media (width >= 1440px){.game-container{padding-inline:133px 112px}.health-bar{width:240px}.empty-box .correct .hang-area{width:112px;height:128px}}.how-to-play-area{margin-block:32px 60px}.how-to-play-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px}.how-to-play-header img{width:40px;height:40px}.how-to-play-header h1{font-weight:400;font-size:48px;line-height:120%;background:linear-gradient(180deg,#67b6ff 16.42%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #243041}.card{background:#fff;border-radius:20px;padding:32px;display:grid;grid-template-columns:auto 1fr;gap:16px;margin-bottom:24px}.card h2{font-weight:400;font-size:24px;line-height:120%;text-transform:uppercase;color:#261676}.card span{font-weight:400;font-size:24px;line-height:120%;text-transform:uppercase;color:#2463ff}.card p{font-weight:400;font-size:16px;line-height:120%;color:#887dc0;grid-column:2 span}@media (width >= 768px){.how-to-play-header h1{text-align:center;margin-inline:auto;font-weight:400;font-size:104px;line-height:120%;letter-spacing:-.5%}.how-to-play-header img{height:54px;width:54px}}@media (width >= 1440px){.card-area{display:flex;gap:32px;justify-content:center}.card span{font-weight:400;font-size:88px;line-height:120%;letter-spacing:0%;text-align:center}.card h2{font-weight:400;font-size:48px;line-height:120%;letter-spacing:5%;text-align:center}.card p{font-weight:400;font-size:26px;line-height:120%;letter-spacing:5%;text-align:center}.card{display:flex;flex-direction:column;min-width:384px}}