@import url(https://fonts.googleapis.com/css2?family=Poppins&family=Roboto&family=Red+Hat+Display:wght@300..900);.app{-ms-overflow-style:none;height:100svh;overflow:auto;scrollbar-width:none}.app::-webkit-scrollbar{display:none}.app .temp{left:0;position:fixed;top:0}.app header .logo{font-family:Red Hat Display,sans-serif;font-size:64px;font-weight:700;margin:20px 0;text-decoration:underline}@media screen and (max-width:350px){.app header .logo{font-size:18.2857142857vw;margin:5.7142857143vw 0}}.app main,.app main .lexique{display:inline-block}.app main .lexique{background-color:#4b4b4bcc;border:2px solid silver;border-radius:12px;font-family:Poppins;font-size:18px;max-width:350px;padding:12px 16px;position:relative}@media screen and (max-width:380px){.app main .lexique{font-size:4.7368421053vw;max-width:92.1052631579vw}.app main .lexique .closeBtn{font-size:3.6842105263vw!important;right:-2.6315789474vw!important;top:-3.1578947368vw!important}}.app main .lexique .closeBtn{background-color:#d66064;border:2px solid silver;font-size:14px;padding:0 4px;position:absolute;right:-10px;top:-12px}.app main .lexique .closeBtn:hover{cursor:pointer;transform:scale(1.1)}.app main .lexique .colors{align-items:center;display:flex;justify-content:center;margin-top:6px}.app main .lexique .colors>*{align-items:center;display:flex;flex-direction:column;font-family:Montserrat;font-size:12px;font-weight:700;margin:0 6px}@media screen and (max-width:380px){.app main .lexique .colors>*{font-size:3.1578947368vw}.app main .lexique .colors>* .guess-card{height:12.6315789474vw!important;width:12.6315789474vw!important}}.app main .lexique .colors>* .guess-card{height:48px;width:48px}.app main .searchbar{margin-top:24px}.app main .searchbar form{display:flex;justify-content:center;pointer-events:none}.app main .searchbar form .input{margin-right:3px;position:relative}.app main .searchbar form .input input{background:#383b46;border-radius:17px 0 0 17px;border-style:none;color:#bfd2ff;font-size:19px;outline:none;padding:20px 24px;pointer-events:auto;width:420px}.app main .searchbar form .input input::-webkit-input-placeholder{color:#7881a1}@media screen and (max-width:624px){.app main .searchbar form .input input{width:67.3076923077vw}}@media screen and (max-width:480px){.app main .searchbar form .input input{font-size:3.9583333333vw}}.app main .searchbar form .input:after{background-size:500% auto;border-radius:17px 0 0 17px;content:"";inset:0;padding:3px;position:absolute}.app main .searchbar form .button{background:#383b46;border-radius:0 17px 17px 0;display:flex;margin-left:3px;padding:12px 12px 12px 7px;position:relative}.app main .searchbar form .button button{background:none;border:none;outline:none;pointer-events:auto}.app main .searchbar form .button button .arrow{border-color:#fff;transition:border-color .1s ease-in-out}.app main .searchbar form .button button:not(:disabled):hover{cursor:pointer}.app main .searchbar form .button button:not(:disabled):hover .arrow{border-color:#bfd2ff}.app main .searchbar form .button:after{border-radius:0 17px 17px 0;content:"";inset:0;padding:3px;position:absolute}.app main .searchbox{box-shadow:0 8px 24px #0003;left:0;list-style-type:none;margin:0 auto;max-height:250px;overflow:auto;position:absolute;right:0;width:360px;z-index:4}.app main .searchbox .member{align-items:center;display:flex;padding:6px 12px}.app main .searchbox .member p{color:#fff;font-family:Poppins,"sans-serif";font-size:14px;margin:0}.app main .searchbox .member:hover{background-color:#565a61!important;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.app main .searchbox .member img{background-color:#6c696e;height:48px;margin-right:12px;object-fit:contain;width:48px}.app main .searchbox::-webkit-scrollbar{width:14px}.app main .searchbox::-webkit-scrollbar-track{background-color:#505050}.app main .searchbox::-webkit-scrollbar-thumb{background-color:#a0a0a0;border-radius:0}.app main .searchbox::-webkit-scrollbar-thumb:hover{background-color:gray}.app main .count{font-family:Poppins,sans-serif;font-size:17px;margin:16px 0 0}@media screen and (max-width:400px){.app main .count{font-size:4.25vw;margin:4vw 0 0}}.app main .results .categories{align-items:center;display:flex;justify-content:center;margin-top:20px}.app main .results .categories>*{font-size:17px;margin:0 3px;width:96px}@media screen and (max-width:624px){.app main .results .categories>*{font-size:2.7243589744vw;width:calc(15.38462vw - 4px)}}.app main .results .categories>:after{background-color:#fff;content:"";display:block;height:3px;margin:10px 0;z-index:2}@media screen and (max-width:624px){.app main .results .categories>:after{height:.4807692308vw;margin:1.6025641026vw 0}}.app main .results .win{align-items:center;background-color:#64646499;border:2px solid #fff;border-radius:5px;display:flex;flex-direction:column;font-size:22px;margin:20px auto auto;position:relative;width:600px}@media screen and (max-width:624px){.app main .results .win{font-size:3.5256410256vw;width:calc(100vw - 30px)}}.app main .results .win p{width:420px}@media screen and (max-width:624px){.app main .results .win p{width:70vw}}.app main .results .win p.upper{margin-bottom:4px;margin-top:18px}.app main .results .win p.bottom{margin-bottom:4px;margin-top:8px}.app main .results .win span{font-size:29px;white-space:pre-line}@media screen and (max-width:624px){.app main .results .win span{font-size:4.8333333333vw}}.app main .results .win .buttons{display:flex;gap:12px;justify-content:center;margin:22px 0}.app main .results .win .buttons button{align-items:center;border:none;border-radius:19px;box-shadow:inset 0 0 4px #000c;color:#fff;cursor:pointer;display:flex;font-size:19px;padding:14px 19px;transition:background-color .5s}.app main .results .win .buttons button.share{background-color:#137bc0;background-image:linear-gradient(90deg,#1da1f2,#fff0);border:2px solid #bae4ff}.app main .results .win .buttons button.copy{background-color:#838383;background-image:linear-gradient(90deg,#adadad,#fff0);border:2px solid #8a8a8a}@media screen and (max-width:624px){.app main .results .win .buttons button{border-radius:3.1666666667vw;font-size:3.1666666667vw;padding:2.3333333333vw 3.1666666667vw}}.app main .results .win .buttons button:hover.share{background-color:#1da1f2}.app main .results .win .buttons button:hover.copy{background-color:#adadad}.app main .results .win .buttons button img{margin-right:10px;width:24px}@media screen and (max-width:624px){.app main .results .win .buttons button img{width:3.8461538462vw}}.app footer{margin-top:16px}.app footer .extension{background-color:#141414;border:2px solid #969696;border-radius:16px;display:inline-block;font-size:16px;margin-bottom:12px;padding:10px 16px}@media screen and (max-width:440px){.app footer .extension{font-size:3.6363636364vw;width:55.6818181818vw}.app footer .extension img{width:7.2727272727vw!important}}.app footer .extension p{font-family:Lato;margin:0}.app footer .extension p:first-of-type{font-weight:700}.app footer .extension p:last-of-type{margin-bottom:8px}.app footer .extension img{align-self:center;margin:0 4px;width:32px}.app footer .credit{align-items:center;display:flex;justify-content:space-between;margin:6px auto;width:150px}.app footer .credit .icon{border-radius:100%;width:36px}.app footer .credit .icon.jl{background-color:#d66064;padding:6px;width:24px}.app footer .credit .links{align-items:center;display:flex;font-size:0}.app footer .credit .links .container{width:32px}.app footer .credit .links .container.tiktok{width:24px}.app footer .credit .links .container img{height:20px}.app footer .credit .links .container img:hover{cursor:pointer;transform:scale(1.05)}.app footer .credit .links .container img.about{height:22px}.app footer .credit .links .blank{width:32px}.app footer .copyright{font-family:Poppins;font-size:14px}.guess,.guess-card{align-items:center;display:flex;justify-content:center}.guess-card{border:1px solid #e6e6e6;box-shadow:inset 0 0 8px #000;font-family:Poppins,sans-serif;height:96px;margin:4px 2px;width:96px}@media screen and (max-width:624px){.guess-card{height:calc(15.38462vw - 4px);width:calc(15.38462vw - 4px)}}.guess-card p{color:#fff;font-size:19px;padding:4px;position:relative;text-shadow:0 0 8px #000,0 0 8px #000;z-index:3}@media screen and (max-width:624px){.guess-card p{font-size:3.0448717949vw;text-shadow:0 0 1.2820512821vw #000,0 0 1.2820512821vw #000}}.guess-card img{width:100%}.guess-card img.avatar{background-color:#6c696e;height:100%;object-fit:contain}.guess-card img:not(.avatar){filter:drop-shadow(0 0 4px black);width:70%}.guess-card.correct{background-color:#304ba5}.guess-card.uncorrect{background-color:#d66064;position:relative}.guess-card.uncorrect .polygon{fill:#00000080;height:85%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85%;z-index:2}.guess-card:hover{filter:opacity(80%);-webkit-user-select:none;user-select:none}.guess-card.hidden{opacity:0;transition:visibility 0s,opacity .5s linear;visibility:hidden}.guess-card:not(.hidden){transition:opacity 1s;visibility:visible}.popupBackground{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:10000}.popupBackground .container{background-color:#15202b;border:2px solid gray;border-radius:12px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;font-size:14px;max-width:800px;overflow:hidden;position:relative;transition:opacity .3s ease}.popupBackground .container .closeBtn{color:#d66064;cursor:pointer;font-size:34px;position:absolute;right:6px;top:0}.popupBackground .container .closeBtn:hover{transform:scale(1.2)}.popupBackground .container .body{font-family:Poppins,sans-serif;padding:12px 24px;text-align:left}.popupBackground .container .body h1{font-family:Montserrat;margin-bottom:2px;text-decoration:underline;text-underline-offset:4px}.popupBackground .container .body P{color:#f5f5f5;text-align:justify}.popupBackground .container .body P a{color:#00acee}body{text-align:center}body,html{color:#fff;margin:0;padding:0}.arrow{border:solid;border-color:#000;border-width:0 3px 3px 0;display:inline-block;padding:3px}.arrow.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation:fadeIn 1s}