footer{margin-top:16px}footer .extension{display:inline-block;padding:10px 16px;border-radius:16px;border:2px solid #969696;background-color:#141414;margin-bottom:12px;font-size:16px}@media screen and (max-width:440px){footer .extension{width:55.6818181818vw;font-size:3.6363636364vw}footer .extension img{width:7.2727272727vw!important}}footer .extension p{font-family:var(--font-lato),sans-serif;margin:0}footer .extension p:first-of-type{font-weight:700}footer .extension p:last-of-type{margin-bottom:8px}footer .extension img{width:32px;align-self:center;margin:0 4px}footer .extension img:hover{transform:scale(1.1)}footer .credit{display:flex;justify-content:space-between;align-items:center;width:150px;margin:6px auto}footer .credit .icon{border-radius:100%;width:36px}footer .credit .icon.jl{background-color:#d66064;padding:6px;width:24px}footer .credit .links{display:flex;align-items:center;font-size:0}footer .credit .links .container{width:32px}footer .credit .links .container.tiktok{width:24px}footer .credit .links .container img{height:20px}footer .credit .links .container img:hover{transform:scale(1.05);cursor:pointer}footer .credit .links .container img.about{height:22px}footer .credit .links .blank{width:32px}footer .copyright{font-size:14px}.body-about,footer .copyright{font-family:var(--font-poppins),sans-serif}.body-about{padding:12px 24px;text-align:left}.body-about h1{text-decoration:underline;text-underline-offset:4px;margin-bottom:2px}.body-about P{color:#f5f5f5;text-align:justify}.body-about P a{color:#00acee}.popupBackground{width:100vw;height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;color:#fff;z-index:10000;transition:opacity .3s ease}.popupBackground .container{position:relative;max-width:800px;border-radius:12px;background-color:#15202b;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;font-size:14px;overflow:hidden;border:2px solid gray;transition:opacity .3s ease}.popupBackground .container .closeBtn{position:absolute;top:0;right:6px;color:#d66064;font-size:34px;cursor:pointer}.popupBackground .container .closeBtn:hover{transform:scale(1.2)}.popupBackground .container .body{font-family:var(--font-poppins),sans-serif;text-align:center;padding:12px 24px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:20px 0 6px}header a{grid-column:2;text-align:center;color:#fff;text-decoration:none}header a .logo{display:inline-block;font-size:64px;font-family:var(--font-red-hat-display),sans-serif;margin:0;text-decoration:underline}@media screen and (max-width:624px){header a .logo{font-size:42px;margin:4px 0}}header .account{grid-column:3;justify-self:end;position:relative;margin-right:24px}@media screen and (max-width:950px){header .account{margin-right:14px}}header .account .authenticated .account-profile{display:flex;align-items:center;gap:10px;padding:10px;transition:background-color .1s ease-in-out;border-radius:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}header .account .authenticated .account-profile img{border-radius:50%}@media screen and (max-width:950px){header .account .authenticated .account-profile img{width:40px;height:40px}}header .account .authenticated .account-profile .account-profile-info{display:flex;flex-direction:column;text-align:left;width:175px}header .account .authenticated .account-profile .account-profile-info .account-profile-info-name{font-size:16px;font-weight:700;font-family:var(--font-red-hat-display),sans-serif}header .account .authenticated .account-profile .account-profile-info .account-profile-info-username{font-size:12px;color:#b4b4b4;font-family:var(--font-roboto),sans-serif}header .account .authenticated .account-profile .account-profile-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:950px){header .account .authenticated .account-profile .account-profile-info{display:none}}header .account .authenticated .account-profile:hover{background-color:hsla(0,0%,100%,.1)}@media screen and (max-width:950px){header .account .authenticated .account-profile{gap:0;padding:0}header .account .authenticated .account-profile svg{display:none}}header .account .authenticated .profile-container{display:flex;position:absolute;flex-direction:column;top:100%;right:50%;transform:translateX(50%);background-color:#1e1e1e;box-shadow:0 4px 12px rgba(0,0,0,.3);border-radius:8px;width:90%;margin-top:10px;padding:6px;z-index:10}header .account .authenticated .profile-container button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;border-radius:6px;cursor:pointer;transition:background-color .1s ease-in-out}header .account .authenticated .profile-container button span{font-size:13px;font-family:var(--font-roboto),sans-serif;font-weight:400;color:#fff}header .account .authenticated .profile-container button:hover{background-color:rgba(100,100,100,.13)}@media screen and (max-width:950px){header .account .authenticated .profile-container{display:none!important}}header .account .authenticated .profile-container-mobile{display:block;position:fixed;top:0;right:0;width:60vw;height:100vh;background-color:#272727;box-shadow:0 4px 12px rgba(0,0,0,.6);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:10}header .account .authenticated .profile-container-mobile.open{transform:translateX(0)}header .account .authenticated .profile-container-mobile .header{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:#1e1e1e;border-bottom:1px solid hsla(0,0%,100%,.3)}header .account .authenticated .profile-container-mobile .header .user{display:flex;align-items:center;gap:10px;padding:16px}header .account .authenticated .profile-container-mobile .header .user img{border:1px solid #fff;border-radius:50%}header .account .authenticated .profile-container-mobile .header .user .user-info{display:flex;flex-direction:column;text-align:left;max-width:80%}header .account .authenticated .profile-container-mobile .header .user .user-info .user-name{font-size:14px;font-weight:700;font-family:var(--font-red-hat-display),sans-serif}header .account .authenticated .profile-container-mobile .header .user .user-info .user-username{font-size:11px;color:#b4b4b4;font-family:var(--font-roboto),sans-serif}header .account .authenticated .profile-container-mobile .header .user .user-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}header .account .authenticated .profile-container-mobile .header .close{display:flex;align-items:center;justify-content:center;padding:16px;font-size:32px;cursor:pointer}header .account .authenticated .profile-container-mobile .actions{display:flex;flex-direction:column}header .account .authenticated .profile-container-mobile .actions button{padding:12px;color:#fff;font-family:var(--font-roboto),sans-serif;font-size:14px;background-color:#1e1e1e;border:none;border-bottom:1px solid hsla(0,0%,100%,.3);cursor:pointer}header .account .authenticated .profile-container-mobile .actions button:last-child{border-bottom:none}@media screen and (min-width:950px){header .account .authenticated .profile-container-mobile{display:none!important}}header .account .sign-button{background-color:#fff;border:none;padding:10px 16px;border-radius:500px;font-family:var(--font-red-hat-display),sans-serif;font-weight:700;font-size:14px;transition:background-color .1s ease-in-out;cursor:pointer}header .account .sign-button:hover{background-color:hsla(0,0%,100%,.8)}header .account .sign-button:active{background-color:hsla(0,0%,100%,.6)}@media screen and (max-width:950px){header .account .sign-button{display:none!important}}header .account .sign-mobile{border:none;background:none;cursor:pointer;transition:transform .2s ease-in-out}header .account .sign-mobile:hover{transform:scale(1.1)}@media screen and (min-width:950px){header .account .sign-mobile{display:none!important}}header .account .sign-mobile-popup button{border:1px solid hsla(0,0%,100%,.1);border-radius:500px;background-color:#1e1e1e;color:#fff;font-family:var(--font-red-hat-display),sans-serif;font-size:14px;padding:24px 32px;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:pointer}.app{overflow:auto;height:100svh;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.app::-webkit-scrollbar{display:none}.app main{display:inline-block}.guess,.guess-card{display:flex;align-items:center;justify-content:center}.guess-card{position:relative;width:96px;height:96px;margin:4px 2px;font-family:var(--font-poppins),sans-serif}.guess-card:not(.preview){border:1px solid #e6e6e6;box-shadow:inset 0 0 8px #000}@media screen and (max-width:624px){.guess-card{width:calc(15.3846153846vw - 4px);height:calc(15.3846153846vw - 4px)}}.guess-card p{font-size:19px;color:#fff;padding:4px;text-shadow:0 0 8px #000,0 0 8px #000;position:relative;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:cover}.guess-card img:not(.avatar){width:70%;filter:drop-shadow(0 0 4px black)}.guess-card .legend{position:absolute;top:-10px;left:-12px;width:24px!important;transform:rotate(-8deg)}.guess-card.correct{background-color:#304ba5}.guess-card.uncorrect{background-color:#d66064;position:relative}.guess-card.uncorrect .polygon{position:absolute;top:50%;left:50%;width:85%;height:85%;transform:translate(-50%,-50%);z-index:2;fill:rgba(0,0,0,.5)}.guess-card:hover{filter:opacity(80%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.guess-card.hidden{visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear}.guess-card:not(.hidden){visibility:visible;transition:opacity 1s}body{text-align:center}body,html{margin:0;padding:0;color:#fff;background-color:#1c1c1c;background-size:cover}.arrow{border:solid;border-width:0 3px 3px 0;display:inline-block;padding:3px;border-color:#000}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}