@font-face{font-family:Mouse Memoirs;src:url(/assets/MouseMemoirs-Regular-BPzfstri.ttf) format("truetype");font-style:normal;font-display:swap}*{font-family:Mouse Memoirs}html,body{height:100%;margin:0;overflow-x:hidden}#root{min-height:100vh;min-width:100%;background-image:url(/assets/background-desktop-C5n_LAX3.svg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.mainMenu{width:592px;height:610px;border-radius:72px;background:linear-gradient(180deg,#344aba,#001479d4);box-shadow:inset 0 -8px 0 4px #140e66,inset 0 6px 0 8px #2463ff;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.mainMenu nav{height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.button--menu{display:flex;justify-content:center;align-items:center;width:200px;height:200px;border-radius:200px;box-shadow:inset 0 -4px 0 5px #243041,inset 0 -12px 0 11px #9d2df5;background:linear-gradient(#ffffff40,#ffffff40),linear-gradient(180deg,#fe71fe,#7199ff);border:1px solid #000}.button{display:flex;justify-content:center;align-items:center;padding:12px 64px;width:260px;height:62px;border-radius:40px;box-shadow:inset 0 -2px 0 3px #140e66,inset 0 1px 0 6px #3c74ff;background-color:#2463ff;color:#fff;text-decoration:none;text-transform:uppercase;line-height:120%;font-size:32px;font-weight:400;letter-spacing:.05em}.icon--play{filter:drop-shadow(0px 6px 0px #243041);stroke:#000}article{width:100vw;height:100vh;background:linear-gradient(180deg,#1a043abf,#151278bf 70%,#2b1677bf);display:flex;flex-direction:column;justify-content:center;align-items:center}.button--menu__back{width:94px;height:94px;background:linear-gradient(180deg,#fe71fe,#7199ff);box-shadow:inset 0 -4px 0 1px #243041,inset 0 -6px 0 7px #9d2df540;display:flex;justify-content:center;align-items:center}.main--howto{width:80%;display:flex;gap:32px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.header--howto{width:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header--howto h1{margin:0 38% 64px 0;line-height:1.2;letter-spacing:-.05em;font-size:136px;background:linear-gradient(180deg,#67b6ff,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #243041;width:max-content}.how-to-card{box-sizing:border-box;background-color:#fff;width:384px;height:550px;border-radius:40px;padding:60px 48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px}.how-to-card h2{color:#2463ff;font-size:88px;line-height:1.2;letter-spacing:0;font-family:Mouse Memoirs;margin:0;text-align:center;font-weight:400}.how-to-card h3{color:#261676;width:max-content;font-size:48px;line-height:1.2;letter-spacing:.05em;font-family:Mouse Memoirs;margin:0;text-transform:uppercase;font-weight:400;text-align:center}.how-to-card p{color:#887dc0;font-size:26px;line-height:1.2;letter-spacing:.05em;font-family:Mouse Memoirs;margin:0;font-weight:400;text-align:center}.button--about{width:94px;height:94px}.header--about{width:90vw;margin:20px 50px}.header--about h1{margin-bottom:0}.card--category{display:flex;justify-content:center;align-items:center;width:384px;height:190px;padding:12px 64px;border-radius:40px;background-color:#2463ff;box-shadow:inset 0 -2px 0 3px #140e66,inset 0 1px 0 6px #3c74ff;color:#fff;text-decoration:none;text-transform:uppercase;line-height:120%;font-size:48px;font-weight:400;letter-spacing:.05em}.about--section{display:flex;flex-wrap:wrap;gap:50px 32px;justify-content:center}.game--header{display:flex;justify-content:space-between;align-items:center;width:1216px;height:106px}.game--header h1{color:#fff;line-height:120%;font-size:88px;font-weight:400}.button{border:none;padding:0;width:226px}.button__wide{width:275px}.button__variant{box-shadow:inset 0 -2px 0 3px #140e66,inset 0 1px 0 6px #c642fb;background:linear-gradient(180deg,#fe71fe,#7199ffd4)}nav{width:592px;height:445px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:linear-gradient(180deg,#344aba,#001479d4);border-radius:72px;box-shadow:inset 0 -8px 0 4px #140e66,inset 0 6px 0 8px #2463ff}h1.pauseMenu{position:relative;top:75px;text-decoration:none;line-height:120%;font-size:134px;font-weight:400;text-align:center;-webkit-text-stroke:4px #243041;letter-spacing:-.04em;background:linear-gradient(180deg,#67b6ff,#fff);color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999;background:linear-gradient(180deg,#1a043abf,#151278bf 70%,#2b1677bf)}.lifebar{box-sizing:border-box;width:240px;height:31px;border-radius:96px;padding:9px 11px;background:#fff}.lifebar--life{box-sizing:border-box;width:calc(var(--life) * 21.8px);height:13px;border-radius:96px;background:#261676}.lifebar--container{box-sizing:border-box;width:334px;height:49px;display:flex;align-items:center;justify-content:space-between}.letter{background-color:#2463ff;border-radius:40px;width:112px;height:128px;display:flex;justify-content:center;align-items:center;padding:12px 64px;box-shadow:inset 0 -2px 0 3px #140e66,inset 0 1px 0 6px #3c74ff;color:#fff;text-decoration:none;text-transform:uppercase;line-height:120%;font-size:88px;font-weight:400;box-sizing:border-box}.word-part{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px}.hidden{opacity:.25;color:#2463ff}.keyboard{width:1173px;height:300px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:24px}.keyboard--key{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:109px;height:84px;border-radius:24px;background-color:#fff;color:#261676;text-decoration:none;text-transform:uppercase;line-height:120%;font-size:48px;font-weight:400;letter-spacing:.05em}.disabled{opacity:.25}