#root{margin:0 auto;text-align:center}.card{padding:2em}.read-the-docs{color:#888}*,*:after,*:before{box-sizing:border-box}.box{position:absolute;transform:translate(-50%,-50%);display:flex;width:630px;height:350px;flex-direction:row;justify-content:center}.room-code-wrapper{position:absolute;top:-100px}.room-code-wrapper .room-title{margin-bottom:12.5px}.room-code-wrapper .room-code{padding:12.5px;font-size:xx-large;transition:.1s;border-radius:10px;outline:0px solid #464646}.room-code-wrapper .room-code:hover{outline:2px solid #464646}.room-code-wrapper .room-code:active{background-color:#3d3d3d;outline:2px solid #ffffff}.profile-wrapper,.settings-wrapper{width:100%}.title{display:flex;justify-content:center;align-items:center;height:10%}.guy-wrapper{height:70%}.username-wrapper{height:20%}.guy-wrapper,.username-wrapper{align-items:center;display:flex;justify-content:center}.player-list{list-style:none;display:flex;justify-content:center;text-align:left;flex-flow:column;height:100%;margin:0;padding:0;white-space:nowrap}.player-list li{display:inline-block;overflow:hidden;text-overflow:ellipsis}.username-wrapper .username{border:none;border-top-left-radius:5%;border-bottom-left-radius:5%;padding:0 0 0 3%;height:35%}.username-wrapper button{height:35%}.symbols-wrapper{height:50%;align-items:center;display:flex;flex-flow:column}.symbols-wrapper .card-size-select-wrapper{width:80%;height:70%;align-items:center;display:flex;justify-content:center}.symbols-wrapper .title-size{height:30%;width:100%}.left,.right{width:20%;height:30%;font-size:larger}.symbol-number{width:30%;font-size:xx-large}.info-wrapper{height:20%;display:flex;justify-content:center;align-items:center}.info-wrapper .size-info{padding:0;margin:0}.menu-button{display:flex;height:20%;justify-content:center;align-items:center}.start,.cancel{height:66%;width:80%}@media only screen and (max-width: 600px){.box{flex-direction:column;justify-content:center;align-items:center}.box button{height:40px;max-width:200px}.profile-wrapper,.settings-wrapper{height:100%;padding-top:40px}}.game-wrapper{display:flex;width:100vw;height:100vh;user-select:none}.center{z-index:11;position:absolute;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);top:35%;left:50%;margin:0 auto;display:flex;justify-content:center;align-items:center}.mid-card-wrapper{z-index:10;position:absolute;width:300px;height:300px;transform:translate(-50%,-50%);top:35%;left:50%;margin:0 auto;display:flex;justify-content:center;align-items:center}@keyframes rotate-card{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.rotate{animation-name:rotate-card;animation-iteration-count:infinite;animation-duration:30s;animation-play-state:running;animation-timing-function:linear}@keyframes slidedown{0%{transform:translate(0)}to{transform:translateY(100%)}}.slide-down{animation-name:slidedown;animation-duration:.25s;animation-timing-function:ease-out}@keyframes slideup{0%{transform:translateY(100%)}50%{transform:translateY(-33%)}to{transform:translate(0)}}.slide-up{animation-name:slideup;animation-duration:.125s;animation-timing-function:ease-out}@keyframes spinout{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinout{animation-name:spinout;animation-duration:.5s;animation-timing-function:ease-out}@keyframes fadein{0%{opacity:0%}to{opacity:100%}}.fadein{animation-name:fadein;animation-duration:3s;animation-timing-function:ease-in-out}.mid-card{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.opacity-50{opacity:50}.filter{z-index:11;position:absolute;width:350px;height:350px;border-radius:50%;transform:translate(-50%,-50%);top:35%;left:50%;margin:0 auto;background-color:#24242477;cursor:not-allowed;font-size:large;display:flex;justify-content:center;align-items:center}.remaining{font-size:xx-large}.my-emoji-wrapper{position:absolute;left:50%;top:75%;width:100%;margin:0 auto;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.my-emoji-wrapper .symbol-wrapper{display:inline}.my-emojis{font-size:3rem}.my-emojis span{border-radius:12px}.player-wrapper-lg{position:absolute;width:900px;height:300px;transform:translate(-50%,-50%);top:35%;left:50%;margin:0 auto;display:flex;justify-content:center;align-items:center}.player-wrapper-left,.player-wrapper-right{position:absolute;width:300px;height:300px;transform:translate(-125%);margin:0 auto;display:flex;flex-flow:column;justify-content:center;align-items:center}.player-wrapper-right{transform:translate(125%)}.player-wrapper{padding:10%}.player-wrapper span{border-radius:12px}.disconnected{color:#777}.flash-correct{animation-name:flash-gold;animation-duration:1s}.flash-wrong{animation-name:flash-red;animation-duration:.5s}@keyframes flash-red{0%{background-color:#ff0000d8}to{background-color:#ffa60000}}@keyframes flash-gold{0%{background-color:#ffa600d8}to{background-color:#ffa60000}}@media only screen and (max-width: 600px){.my-emojis,.my-emoji-wrapper{height:7rem}.my-emojis{display:flex;width:70%;flex-wrap:wrap;justify-content:center}.symbol-wrapper{height:4rem}.player-wrapper-lg{top:0;width:100%}.player-wrapper-left{transform:translateY(10%);left:0;width:50%}.player-wrapper-right{transform:translateY(10%);right:0;width:50%}.player-wrapper{padding:10px}.player-emojis{display:none}.game-wrapper,body{overflow:hidden}}.podium-wrapper{position:relative;width:700px;height:350px;display:flex;flex-flow:column;align-items:center}.win-text{position:absolute;top:-26.4%;width:100%;height:13.2%;font-size:x-large;display:flex;flex-flow:column;justify-content:center;align-items:center}.close{position:absolute;bottom:0;width:252px;height:13.2%}.places-wrapper{width:100%;display:flex;justify-content:center;flex-flow:column}ul.place-list{width:100%;list-style:none}.list{width:100%;display:flex;justify-content:center}.list-left{display:inline-block;width:50%}.list-right{display:inline-block;width:50%;text-align:left}.first-place .list-left,.first-place .list-right{width:25%}.half-wrapper{display:flex}.second-place,.third-place{width:50%}.button-wrapper{position:relative;display:flex;flex-flow:column;width:315px;height:350px;justify-content:flex-start;align-items:center}button{height:13.2%;width:80%}.or{padding:46.2px}.join-wrapper{width:100%;height:100%;padding:0;margin:0;height:26.4%}.join-wrapper form input{width:80%;height:46.2px;margin-bottom:23.1px;text-align:center}.join-wrapper form .join-btn{width:80%;height:46.2px}.join-wrapper .alert{position:absolute;width:100%;transform:translateY(calc(100% + 23.1px));user-select:none;display:flex;justify-content:center;margin-bottom:23.1px;animation-name:show;animation-duration:.25s;z-index:-1}.join-wrapper .alert .message-wrapper{height:46.2px;align-items:center;background-color:#ff0000af;width:80%;display:flex;justify-content:center;border-radius:10px}@keyframes show{0%{transform:translate(0)}to{transform:translateY(calc(100% + 23.1px))}}.gray{color:#ffffff80}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button{background-color:#464646;border:2px solid #464646;border-radius:10px;font-size:medium}button:hover{background-color:#3d3d3d}button:active{transition:.1s;border:2px solid #ffffff}