.page-title{display:flex;align-items:center;background-color:#ffffff24;padding:1rem 1.5rem;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.35);border-radius:.8rem;gap:1rem;user-select:none;justify-content:center;transition:filter .2s ease-in-out}.page-title svg{font-size:24pt;color:#ececec}.page-title h1{margin:0;color:#ececec;font-size:28pt}.title-clickable{cursor:pointer}.title-clickable:hover{filter:brightness(1.2)}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.action-area{margin-top:5rem;display:flex;gap:3rem;flex-wrap:wrap;justify-content:center}.action-card{display:flex;flex-direction:column;padding:2rem 0;width:13rem;text-align:center;gap:2rem;transition:all .3s ease-in-out;cursor:pointer;user-select:none}.action-card svg{font-size:52pt;color:#ececec}.action-card h1{margin:0;color:#ececec}.action-card:hover{transform:scale(1.1) translateY(-.5rem) rotate(.5deg)}.game-wrapper{display:flex;flex-direction:column;justify-content:center;margin-top:2.5rem;align-items:center}.title-area{display:flex}.creation-area{margin:15vh;display:flex;flex-wrap:wrap;gap:16vw}.start-btn{margin-top:1rem;width:100%;padding:.6rem;color:#ececec;font-size:22pt;font-weight:600;cursor:pointer;transition:.2s;display:flex;justify-content:center;align-items:center;gap:1rem}.start-btn:hover{transform:scale(1.05) translateY(-.2rem) rotate(-.4deg)}.info-area h1{margin:0;font-size:42pt;color:#ececec}.info-area .info-subtext{margin:0;font-size:16pt;color:#ececec;font-weight:700}.member-area{margin-top:2rem;display:flex;flex-direction:column}.member-area .member-title{display:flex;gap:1rem;align-items:center}.member-area .member-title svg{font-size:16pt;color:#ececec}.member-area .member-title p{margin:0;font-size:18pt;font-weight:700;color:#ececec}.member-area .member-grid{max-width:30rem;margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:1.5rem;justify-items:center;user-select:none}.member{display:flex;padding:.8rem 2rem;gap:.5rem;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease-in-out;text-align:center;justify-content:center;user-select:none}.member svg{font-size:32pt;color:#ececec}.member p{margin:0;color:#ececec;font-size:14pt}.member:hover{transform:scale(1.05) rotate(2deg)}.settings-area{width:18rem;padding:.5rem}.settings-area .settings-title{display:flex;font-size:20pt;font-weight:600;margin-bottom:.5rem;align-items:center;gap:.7rem}.settings-area .settings-title svg{color:#ececec}.settings-area .settings-title h2{font-size:22pt;color:#ececec;margin:0}.settings-items{padding:0 .5rem}.settings-items .settings-item{display:flex;flex-direction:column}.settings-items .settings-item h2{margin:0;color:#ececec}.settings-items .settings-item .settings-input{margin:.3rem 0;padding:.3rem .5rem;border-radius:.5rem;font-size:16pt;font-weight:600;color:#ececec}.settings-items .settings-item ::placeholder{color:#ececec;opacity:.5}.active-wrapper{display:flex;flex-direction:column;justify-content:center;margin-top:2.5rem}.game-title{display:flex;justify-content:center;margin-bottom:5rem}.game-content{display:flex;align-items:center;gap:15rem;margin-left:5vw;margin-right:5vw}.game-tab{flex:1}.task-area{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1rem}.task-area img{width:18rem;border-radius:.8rem}.task-area h2{color:#ececec;margin:0;font-size:24pt}.guess-btn{padding:.5rem .3rem;color:#ececec;font-size:20pt;font-weight:600;transition:.2s;display:flex;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.guess-btn:hover{transform:scale(1.02) translateY(-.1rem) rotate(-.1deg)}.guess-area{display:flex;flex-direction:column;gap:1.5rem}.guess-area .current-task{display:flex;align-items:center;padding:1rem;gap:.8rem;color:#ececec}.guess-area .current-task svg{font-size:26pt}.guess-area .current-task h2{font-size:22pt;margin:0}.guess-area .input-wrapper{display:flex;gap:.5rem;align-items:center}.guess-area .guess-input{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.guess-area .guess-input h2{margin:0;color:#ececec}.guess-area .guess-input input{margin:.3rem 0;padding:.6rem .5rem;border-radius:.5rem;font-size:16pt;font-weight:600;color:#ececec}.guess-area .guess-input ::placeholder{color:#ececec;opacity:.5}.guess-area .solution-area{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#26ee5e}.guess-area .solution-area svg{font-size:26pt}.guess-area .solution-area h2{font-size:24pt;margin:0}.game-scoreboard{padding:1rem}.game-scoreboard .scoreboard-header h2{margin:0;color:#ececec}.game-scoreboard .scoreboard-content{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.game-scoreboard .scoreboard-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}.game-scoreboard .scoreboard-row .scoreboard-left{display:flex;align-items:center;gap:.4rem}.game-scoreboard .scoreboard-row .scoreboard-left svg{font-size:22pt;color:#ececec}.game-scoreboard .scoreboard-row .scoreboard-left h2,.game-scoreboard .scoreboard-row .scoreboard-right h2{margin:0;color:#ececec}.legal-area{position:absolute;bottom:1rem;right:1rem;display:flex;gap:1rem}.legal-area a{color:#ececec;text-decoration:none;font-size:14pt;font-weight:500}.legal-area a:hover{text-decoration:underline}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:#000;height:100%;font-family:Inter,sans-serif}#root{height:100%}.app{position:absolute;top:0;height:100%;width:100%;overflow-y:scroll}.glassy{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.35);border-radius:.8rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.background{height:100%;background-image:url(/background.jpg);box-shadow:inset 0 0 0 100vmax #0003;background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(10px)}