@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#142451;background-color:#080d20;margin:0;font-family:Lato,sans-serif}@media (width<=800px){aside{width:calc(100% - 50px)!important;margin:10px 25px!important}}.menu-toggle,.menu-overlay{display:none}@media (width<=880px){.language-dropdown .language-trigger,.language-dropdown .language-menu{width:100%}aside{z-index:1001;position:relative}aside .menu-toggle{z-index:1004;color:#f4f6ff;cursor:pointer;background:#101832;border:1px solid #34446b;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;top:16px;right:16px}aside .navbar{z-index:1002;box-sizing:border-box;visibility:hidden;background:#101832;border-left:1px solid #eae3d9;flex-direction:column;gap:8px;width:min(280px,85vw);padding:80px 20px 24px;transition:transform .28s,visibility .28s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-8px 0 30px #20243a14}aside .navbar.open{visibility:visible;transform:translate(0)}aside .navbar a,aside .navbar button{border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;margin:0!important}.menu-overlay{z-index:1000;opacity:0;visibility:hidden;background:#142451;transition:opacity .28s,visibility .28s;display:block;position:fixed;inset:0}.menu-overlay.open{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.menu-toggle,.menu-overlay,aside{transition:none!important}}.menu-toggle,.menu-overlay{display:none}aside{z-index:10000;box-sizing:border-box;background-color:#101832;border:1px solid #34446b;border-radius:40px;justify-content:space-between;align-items:center;width:calc(100% - 200px);margin:10px 100px;padding:15px 60px;display:flex;position:fixed;top:0;left:0;box-shadow:0 0 17px -10px #00000075}aside .logo{color:#f4f6ff;font-size:25px;font-weight:900}aside .logo a{color:#f4f6ff;text-decoration:none}aside .logo span{color:#6254f5}aside nav{display:flex}aside nav .join{cursor:pointer;border:0;border-radius:20px}aside nav a,aside nav button{color:#f4f6ff;background-color:#6254f5;border-radius:20px;align-items:center;margin-left:30px;padding:10px 20px;font-size:18px;font-weight:400;text-decoration:none;display:flex}aside nav a svg,aside nav button svg{margin-right:10px}aside nav a:hover{color:#f4f6ff;background-color:#6254f5;border-radius:20px}@media (width<=1100px){main .home__baner{min-height:500px}main .home__baner img{object-fit:cover;object-position:center;display:block}}@media (width<=800px){main .home__baner div{margin-left:25px!important}}@media (width<=1000px){.gameList{flex-wrap:wrap}.gameList a.game{width:100%!important}.gameList .game img{object-fit:cover;object-position:center;display:block}.gameList .game{overflow:hidden}}@media (width<=800px){.content{margin:20px 25px!important}}main{width:100%}main .content{margin:0 100px}main .content .header{align-items:center;margin:20px 0;display:flex}main .content .header svg{color:#f4f6ff;background-color:#6254f5;border-radius:100%;padding:8px;font-size:40px}main .content .header div{margin-left:15px}main .content .header div h3{color:#6254f5}main .content .header div p{color:#a1aac8}main .content .header div h3,main .content .header div p{margin:0}main .categorySelector h3{margin-top:20px}main .playersCounter{color:#f6f8ff;border:20px;border-radius:20px;width:100%;font-weight:900;margin:10px 0 0!important}main .playersCounter h3{margin-top:20px}main .playersCounter h5{margin:0;font-size:22px}main .playersCounter div{margin:10px 0}main .impostor__answer{color:#f6f8ff;text-align:center;background-color:#6254f5;border:20px;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:400px;margin-top:10px;padding:20px 40px;font-size:50px;font-weight:900;display:flex}main .playersList{color:#f6f8ff;border:20px;border-radius:20px;width:100%;margin-top:10px;font-weight:900}main .playersList div{margin:5px 0}main .playersList h4{margin:0 0 10px;font-size:22px}main .playersList button{color:#f6f8ff;cursor:pointer;background-color:#5145ff;border:0;border-radius:20px;width:100%;margin-bottom:5px;padding:10px 20px}main .playersList2{color:#f6f8ff;background-color:#1b75c9;border:20px;border-radius:20px;width:100%;margin-top:10px;padding:20px 40px;font-weight:900}main .playersList2 div{margin:5px 0}main .playersList2 button{color:#f6f8ff;cursor:pointer;background-color:#5145ff;border:0;border-radius:20px;width:100%;margin-bottom:5px;padding:10px 20px}main .readyButton{color:#f6f8ff;cursor:pointer;background-color:#6254f5;border:20px;border-radius:20px;width:100%;margin-top:20px;padding:20px 40px;font-weight:900}main .home__baner{box-sizing:border-box;border-bottom:1px solid #34446b;width:100%;display:flex;position:relative}main .home__baner img{max-width:100%}main .home__baner div{margin-left:100px;position:absolute;top:50%;transform:translateY(-50%)}main .home__baner div h1{color:#f4f6ff;max-width:380px;font-size:50px;font-weight:900}main .home__baner div h1 span{color:#6254f5}main .home__baner div p{color:#a1aac8;max-width:380px;margin-top:0;font-size:18px;font-weight:900}@media (width<=800px){main .impostor__baner div{width:100%!important;margin-left:0!important;left:0!important}}main .impostor__baner{min-height:500px}main .impostor__baner div{background-color:#00000025;border-radius:20px;padding:20px;top:60%}main .impostor__baner h1{color:#f4f6ff;margin-top:0;font-size:40px!important}main .impostor__baner p{color:#f6f8ff!important}main .impostor__baner button{color:#f6f8ff;cursor:pointer;background-color:#6254f5;border:0;border-radius:20px;width:100%;padding:10px 20px;font-weight:600}main .gameList{gap:20px;margin-top:20px;display:flex}main .gameList a.game{border:1px solid #34446b;border-radius:20px;width:33%;min-height:400px;max-height:600px;position:relative}main .gameList a.game .arrowGo{color:#f4f6ff;background-color:#6254f5;border-radius:100%;align-items:center;padding:5px;display:flex;position:absolute;bottom:20px;right:20px}main .gameList a.game img{border-radius:20px;width:100%}main .gameList a.game div.tab{color:#a1aac8;background-color:#101832;border-radius:0 0 20px 20px;justify-content:center;align-items:center;width:100%;min-height:165px;padding:20px;font-size:20px;position:absolute;bottom:0}main .gameList a.game div.tab h5{color:#f4f6ff;margin:0 0 10px;font-size:22px}main .gameList a.game div.tab p{font-size:16px}main .gameList a.game div.tab div{justify-content:flex-start;display:flex}main .gameList a.game div.tab div span{color:#f4f6ff;background-color:#6254f5;border:1px solid #34446b;border-radius:10px;margin-right:5px;padding:3px 6px;font-size:16px}@media (width<=800px){footer{padding:20px 25px!important}}footer{background-color:#101832;border-top:1px solid #34446b;width:100%;margin-top:20px;padding:20px 100px;box-shadow:0 0 17px -10px #00000075}footer .logo{color:#f4f6ff;font-weight:900}footer .logo a{color:#f4f6ff;text-decoration:none}footer .logo span{color:#6254f5}.nodisplay{display:none}.joinToRoom{text-align:center;z-index:10000000;background-color:#101832;border-top:1px solid #34446b;border-radius:20px 20px 0 0;width:100%;height:250px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.joinToRoom h1{color:#f4f6ff}.joinToRoom p{color:#a1aac8}.joinToRoom .closeWindow{color:#a1aac8;cursor:pointer;position:absolute;top:20px;right:20px}.joinToRoom form input{color:#a1aac8;border:2px solid #34446b;border-radius:20px;margin-bottom:10px;padding:10px 20px}.joinToRoom form button{color:#f4f6ff;background-color:#6254f5;border:0;border-radius:5px;padding:10px 20px}@media (width<=800px){.pageContent{margin:30px 25px!important}}.pageContent{color:#a1aac8;background-color:#101832;border:1px solid #34446b;border-radius:10px;margin:30px 100px;padding:20px 40px}.pageContent h2,.pageContent h3,.pageContent ul strong{color:#f4f6ff}.pageContent div h5{margin-bottom:0}.pageContent div p{margin-top:5px}@media (width<=600px){.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;margin:20px 0!important}.categoryGrid button{color:#f4f6ff;background-color:#6254f5;border:1px solid #34446b;border-radius:10px;width:100%;min-height:100px}.impostor-word-label{width:100%}@media (width<=800px){.passList{grid-template-columns:repeat(1,minmax(0,1fr))!important}}.passList{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.passList button{min-height:100px;background-color:#a78bfa!important}.language-dropdown{z-index:100;display:inline-block;position:relative}.language-trigger{color:#e8edff;cursor:pointer;background:#101a38;border:1px solid #26365f;border-radius:10px;align-items:center;gap:8px;height:100%;padding:9px 12px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.language-trigger:hover{background:#19264a;border-color:#6495ff}.language-trigger svg{color:#9eafd6;transition:transform .2s}.language-trigger .rotated{transform:rotate(180deg)}.language-backdrop{z-index:1;position:fixed;inset:0}.language-menu{z-index:2;background:#101a38;border:1px solid #26365f;border-radius:12px;min-width:165px;padding:6px;animation:.15s ease-out languageDropdownIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.language-menu button{color:#c4cde4;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:14px;transition:background .15s,color .15s;display:flex;margin:0!important}.language-menu button:hover{color:#fff;background:#1b2a50}.language-menu button.active{color:#8fb0ff;background:#1a2b50}.language-menu .language-check{color:#6495ff;margin-left:auto;font-weight:700}@keyframes languageDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}