.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Arial,sans-serif;min-height:100vh;height:100%;padding-top:2rem;padding-bottom:2rem}.login-content{display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.login-logo img{width:100%;height:auto}.login-logo .logo-icon{max-width:80px}.login-logo .logo-text{margin-top:10px;max-width:350px;height:auto}.login-subtitle{font-size:29px;margin-bottom:30px}.play-button,.register-button{background-color:#1c4a00;border:none;color:#fff;padding:15px 60px;text-align:center;text-decoration:none;display:inline-block;font-size:21px;margin:10px 2px;cursor:pointer;border-radius:150px}.play-button{border:solid 3px #E1FF00;font-weight:700}.login-divider{margin:20px 0;color:#888}.register-button{background-color:#133200}.login-description{max-width:75%;margin:20px 0;font-size:20px;color:#ccc}.player-count{margin-top:30px}.count{font-size:85px;font-weight:700;display:block}.count-text{font-size:18px;color:#ccc}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;margin-top:0}.new-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:transparent}.new-login__form{background-color:#272727;padding:2rem;border-radius:10px;width:100%;max-width:400px}.new-login__title{color:gold;font-size:1.5rem;text-align:center;margin-bottom:1.5rem}.new-login__form-container{display:flex;flex-direction:column;gap:1rem}.new-login__input{padding:.75rem;border:none;border-radius:5px;background-color:#3a3a3a;color:#fff}.new-login__input::-moz-placeholder{color:#999}.new-login__input::placeholder{color:#999}.new-login__button{padding:.75rem;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease}.new-login__button--signup{background-color:#006400;color:#fff}.new-login__button--signup:hover{background-color:green}.new-login__divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.new-login__divider:before,.new-login__divider:after{content:"";flex:1;border-bottom:1px solid #4a4a4a}.new-login__divider-text{padding:0 .5rem;color:#999}.new-login__alternative{display:flex;gap:1rem}.new-login__button--login,.new-login__button--guest{flex:1;background-color:#006400;color:#fff}.new-login__button--login:hover,.new-login__button--guest:hover{background-color:green}.leaderboard{color:#fff;padding:20px;border-radius:10px}.leaderboard__title{text-align:center;margin-bottom:20px}.leaderboard__tablebox{overflow-x:auto}.leaderboard__table{width:100%;border:none}.leaderboard__header{text-align:left;padding:10px}.leaderboard__row{transition:background-color .3s}.leaderboard__row:nth-child(2n){background-color:#333}.leaderboard__row:hover{background-color:#444}.leaderboard__row--you{background-color:#00f!important}.leaderboard__cell{padding:10px}.leaderboard__points{margin-right:5px}.leaderboard__leaf-icon{font-size:1.2em;vertical-align:middle}.next-picl-timer{margin-top:1rem}.next-picl-timer__text{border-radius:9999px;padding:.75rem 2.5rem;background-color:#242424;display:inline-block;border:3px solid #F87861}.next-picl-timer span{font-size:1rem;line-height:1.5rem}@media (min-width: 768px){.next-picl-timer span{font-size:1.5rem;line-height:2rem}}.next-picl-timer span{color:#eaff00;font-weight:700}.info-grid{margin-top:1rem;width:100%;max-width:320px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.info-item{aspect-ratio:1 / 1;border-radius:.5rem;font-size:2.25rem;line-height:2.5rem;display:flex;justify-content:center;align-items:center;font-weight:700;color:#000}.info-item.number{background:#2baec5}.info-item.time{background:#f87861}.info-item.score{background:#cee566}.info-item.emoji{padding:1rem;background:#ff8bff}@media (min-width: 768px){.info-grid{margin-top:1.5rem;max-width:400px}.info-item{font-size:3rem;line-height:1}.info-item.emoji{padding:1.5rem}}@media (min-width: 1280px){.info-grid{width:600px;max-width:600px}.info-item{font-size:3.75rem;line-height:1}.info-item.emoji{padding:2rem}}.puzzle-done{display:flex;flex-direction:column;align-items:center;padding:2rem}.puzzle-done h1{margin-bottom:2rem;color:#333}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;position:relative}.image-grid__container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;align-items:center;justify-content:center;height:100%;position:relative}.image-grid__enlarge{position:absolute;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1);height:0;width:0;z-index:30;overflow:hidden}.image-grid__enlarge.active{width:100%;height:100%}.image-grid__enlarge img{width:100%;height:100%;max-width:400px;border-radius:5px}@media (min-width: 768px){.image-grid__enlarge img{max-width:700px}}.image-container{position:relative;overflow:hidden}.image-grid img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease}.image-grid img.enlarged:nth-child(2n){left:-100%}.image-grid img.enlarged:nth-child(n+3){top:-100%}.image-grid img.enlarged:nth-child(4n){left:-100%;top:-100%}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.image-grid__gameId{position:absolute;border:2px solid #007900;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:5px 40px;border-radius:100px;font-weight:700;font-size:32px;z-index:20;display:inline-flex;align-items:center;justify-content:center;color:#007900}.game-container{background-color:#242424;color:#fff;font-family:Arial,sans-serif;text-align:center;padding:10px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:10px}.game-header img{height:30px}.game-header h2{font-size:1.5rem;margin:0 auto}.game-content{display:flex;flex-direction:column;align-items:center}.game-content h2{color:#eaff00;font-weight:700;font-size:1.2rem}.game-content .image-grid{width:100%;max-width:700px}.word-container{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.word-container .word-slots{margin-bottom:15px;width:100%}.word-container .letter-buttons{font-size:1rem;width:100%}.letter-buttons__item,.letter-slot{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#444;border:none;cursor:pointer;font-size:1.2rem;font-weight:700;color:#fff;transition:background-color .3s ease}.letter-buttons__item:hover{background-color:#555}.letter-buttons__item.disabled{opacity:.5;cursor:not-allowed}.letter-buttons__item span,.letter-slot span{display:inline-block}.loader{display:flex;justify-content:center;margin-top:20px}.result-popup,.sign-up-prompt,.message-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#242424;color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080;z-index:9999;width:90%;max-width:400px}.sign-up-prompt{position:static;top:unset;left:unset;transform:unset;box-shadow:unset;z-index:1}.sign-up-prompt h2{font-size:1.5rem;margin-bottom:15px}.sign-up-prompt p{font-size:.9rem;margin-bottom:15px;color:#eaff00}.sign-up-prompt button{background-color:#1c4a00;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:1rem;border:2px solid #E1FF00;border-radius:50px;margin-top:1rem}.sign-up-prompt .next-game-timer-placeholder{margin-top:20px}.sign-up-prompt .next-game-timer-placeholder .next-picl-timer{font-size:1rem;font-weight:700}.message-popup{font-size:1.2rem}.score-wrapper{display:inline-flex;align-items:center;justify-content:center;padding:5px 20px;background:#1c4a00;border-radius:10px;margin-bottom:20px}.score-wrapper img{max-width:20px;margin-left:.5rem}.score-wrapper span{font-weight:700;color:#fff;font-size:20px}@keyframes shrink{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(0)}}@keyframes grow{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.shrink-animation{animation:shrink .5s ease-in-out}.grow-animation,.grow-only-animation{animation:grow .5s ease-in-out}@media (min-width: 768px){.game-container{padding:20px}.game-header img{height:50px}.game-header h2{font-size:2rem}.game-content h2{font-size:1.5rem}.word-container .letter-buttons{font-size:1.2rem}.letter-buttons__item,.letter-slot{width:50px;height:50px;font-size:1.5rem}.sign-up-prompt h2{font-size:2rem}.sign-up-prompt p{font-size:1rem}.message-popup{font-size:1.5rem}}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;color:#fff;padding:10vh 5vw;text-align:center;border-radius:10px;max-width:90vw;margin:0 auto;box-sizing:border-box}.start-screen h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;color:#eaff00}.start-screen p{font-size:clamp(1rem,3vw,1.5rem);margin-bottom:1rem;font-weight:300;max-width:80%}.start-button{background:#1c4a00;color:#fff;padding:.8rem 3rem;text-align:center;text-decoration:none;display:inline-block;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;margin:1rem 0;cursor:pointer;border-radius:50px;transition:background-color .3s,transform .3s;border:3px solid rgba(225,255,0,1)}.start-button:hover{background-color:#45a049;transform:scale(1.05)}@media (max-width: 768px){.start-screen{padding:5vh 3vw}.start-screen h1,.start-screen p{margin-bottom:.5rem}.start-button{padding:.6rem 3rem}}@media (max-width: 480px){.start-screen{padding:3vh 2vw}.start-screen p{max-width:95%}}.congratulations-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background-color:transparent;color:#fff}.congrats-text{font-size:24px;font-weight:700;margin-bottom:10px;color:#eaff00;padding:5px 10px}.picl-text{font-size:18px;margin-bottom:20px}.share-button{background-color:#1c4a00;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:1rem;border:2px solid #E1FF00;border-radius:50px;margin-top:1rem}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;min-width:600px;margin:0 auto;padding:20px}.slots-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.slot{width:50px;height:50px;background-color:#0a0a0a;border:1px solid #000000;box-shadow:0 1px 1px #00000040 inset;border-radius:8px}.tiles-container{position:relative;width:100%;height:300px;background-color:transparent;border-radius:10px;padding:10px;box-sizing:border-box;max-width:600px;margin:0 auto}.tile-container{position:absolute;width:50px;height:50px;background-color:#1f1f1f;border:none;border-radius:8px}.tile{width:50px;height:50px;border:1px solid #1C4006;font-family:inherit;background-color:#0c2100;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s;box-shadow:0 2px 5px #0003}.tile:hover{transform:scale(1.05)}.tile:active{transform:scale(.95)}@media (max-width: 768px){.game-container{max-width:100%;min-width:auto;padding:0}.slot,.tile-container{width:32px;height:32px}.tile{width:32px;height:32px;font-size:18px}.slots-container{gap:5px}.tiles-container{max-width:370px;padding:0;height:150px}.game-content{max-width:100%}}@media (max-width: 390px){.tiles-container{left:-10px}}.game-created-at{background:#f87861;color:#fff;padding:10px 50px;border-radius:50px}.App{max-width:1440px;width:95%;margin-left:auto;margin-right:auto}.btn{background:#1c4a00;color:#fff;padding:.8rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:clamp(1rem,3vw,1.5rem);font-weight:700;margin:1rem 0;cursor:pointer;border-radius:50px;border:3px solid rgba(28,74,0,1);transition:background-color .3s,transform .3s}@media (max-width: 768px){.btn{padding:.6rem 2rem}}.btn--small{font-size:1rem;padding:.5rem 1rem;margin:0 auto;border:3px solid rgba(225,255,0,1)}.btn:hover{background-color:#45a049;transform:scale(1.05);border:3px solid rgba(225,255,0,1)}.btn__clue{border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;text-transform:uppercase;color:#fff}.btn__clue--hint{background:#2baec5}.btn__clue--clear{background:#ff8bff}.btn__clue--disabled{background-color:#4b5563;cursor:not-allowed}.game{margin-top:2rem}@media (min-width: 1280px){.game{margin-top:3rem;margin-bottom:3rem}}.image-grid{width:100%;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:320px}@media (min-width: 768px){.image-grid{max-width:400px}}@media (min-width: 1280px){.image-grid{width:450px}}.image-grid>img{border-radius:8px;width:100%;height:auto}.word-slots{display:flex;justify-content:center;gap:.25rem}@media (min-width: 640px){.word-slots{gap:.5rem}}.letter-slot{cursor:pointer;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 640px){.letter-slot{font-size:1.125rem;line-height:1.75rem}}.letter-slot{width:40px;height:40px;border-radius:6px;border:1px solid #1C4006;font-family:inherit;background-color:#0c2100}.letter-slot--empty{background-color:#0a0a0a;border:1px solid #000000;box-shadow:0 1px 1px #00000040 inset}.letter-slot--small{height:1.5rem;width:1.5rem;border-radius:.25rem}@media (min-width: 640px){.letter-slot--small{height:2rem;width:2rem}}.letter-buttons{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-template-rows:repeat(4,minmax(0,1fr));justify-content:center;gap:.25rem}@media (min-width: 640px){.letter-buttons{grid-template-rows:repeat(2,minmax(0,1fr));gap:.5rem}}.letter-buttons__item{cursor:pointer;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 640px){.letter-buttons__item{font-size:1.125rem;line-height:1.75rem}}.letter-buttons__item{width:40px;height:40px;border-radius:6px;border:1px solid #1C4006;font-family:inherit;background-color:#0c2100}.letter-buttons__item--disabled{background-color:#1f1f1f;border:none}.loader{position:fixed;top:0;left:0;margin-top:0;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:#00000080;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.result-popup{position:fixed;top:0;left:0;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center}.result-popup__backdrop{position:absolute;z-index:-10;height:100%;width:100%;background-color:#00000080;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.result-popup__modal{max-width:320px;width:90%;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));padding:1.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-drop-shadow: drop-shadow(0 25px 25px rgba(255,255,255,.5));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.result-popup__modal{padding:2.5rem}}.result-popup__modal-heading{margin-bottom:1rem;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 640px){.result-popup__modal-heading{font-size:1.875rem;line-height:2.25rem}}.result-popup__modal-body{margin-bottom:1.5rem;font-size:1rem;line-height:1.5rem}@media (min-width: 640px){.result-popup__modal-body{margin-bottom:2rem;font-size:1.125rem;line-height:1.75rem}}.result-popup__modal-button{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width: 640px){.result-popup__modal-button{font-size:1.25rem;line-height:1.75rem}}.result-popup__modal-button:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.game__done-backdrop{position:fixed;top:0;left:0;z-index:20;display:flex;height:100vh;width:100vw;align-items:center;justify-content:center;background-color:#00000080;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.game__done-message{max-width:320px;width:90%;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));padding:1.5rem;text-align:center;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-drop-shadow: drop-shadow(0 25px 25px rgba(255,255,255,.5));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.game__done-message{padding:2rem;font-size:1.5rem;line-height:2rem}}.login{display:flex;min-height:100vh;align-items:center;justify-content:center}.login__container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.login__container{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));padding:1.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 640px){.login__container>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.login__container{padding:2.5rem}}.login__container{max-width:320px;width:90%}.login__body form{display:flex;flex-direction:column}.login__body form>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.login__body input{border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));background-color:transparent;padding:.5rem}.login__footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.login__footer{text-align:center}.login__btn{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem 1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width: 640px){.login__btn{font-size:1.25rem;line-height:1.75rem}}.login__btn:hover{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.login__btn--register{background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.leaderboard{margin-left:auto;margin-right:auto;margin-top:3rem;width:100%;padding-top:1rem;padding-bottom:1rem;padding-left:0;padding-right:0}@media (min-width: 640px){.leaderboard{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width: 768px){.leaderboard{max-width:42rem;padding:1.5rem}}@media (min-width: 1280px){.leaderboard{margin-top:auto}}.leaderboard__tablebox{width:100%;overflow-y:auto}.leaderboard__title{margin-bottom:1rem;text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width: 640px){.leaderboard__title{margin-bottom:1.5rem;font-size:1.875rem;line-height:2.25rem}}.leaderboard__table{width:100%}.leaderboard__header{padding:.5rem;text-align:left;font-weight:600}@media (min-width: 640px){.leaderboard__header{padding:.75rem}}.leaderboard__row--you{font-weight:700}.leaderboard__cell{padding:.5rem}@media (min-width: 640px){.leaderboard__cell{padding:.75rem}}.header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;background-color:transparent;padding:.5rem}@media (min-width: 640px){.header{padding:1rem}}.header__spacer{height:4rem}@media (min-width: 640px){.header__spacer{height:5rem}}.header__logo{display:flex;align-items:center}.header__logo-img{margin-right:.5rem;height:2rem}@media (min-width: 640px){.header__logo-img{margin-right:1rem;height:2.5rem}}.header__nav{z-index:10;display:flex}.header__nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.header__nav{padding:1rem}@media (min-width: 768px){.header__nav>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}}.header__btn{white-space:nowrap;border-radius:.5rem;border-width:1px;border-color:transparent;background-color:transparent;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.header__btn:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}@media (min-width: 640px){.header__btn{padding:.5rem 1rem}}@media (min-width: 1024px){.header__btn{font-size:1rem;line-height:1.5rem}}.header__btn--active{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.game-container{margin-top:.5rem;margin-bottom:.5rem}@media (min-width: 640px){.game-container{margin-top:1rem;margin-bottom:1rem}}.game-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}@media (min-width: 640px){.game-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}}.game__congrats-container{padding-top:2rem}@media (min-width: 640px){.game__congrats-container{padding-top:3rem}}.game__congrats-text,.game__got-it{text-align:center;font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width: 640px){.game__congrats-text,.game__got-it{font-size:1.5rem;line-height:2rem}}.game__congrats-text,.game__got-it{color:#eaff00}.header__hamburger{display:none}.header__nav{position:fixed;top:0;right:0}.header__nav--open{right:0}.header__close{display:none;align-self:flex-end;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;margin-bottom:1rem;line-height:.4}.header__btn{margin-bottom:1rem;width:100%;text-align:left}.cucumber-logo{display:flex;align-items:center;justify-content:center}.cucumber-logo:before{content:"🥒";font-size:24px;margin-left:10px}.home-logo.cucumber-logo:before,.lg.cucumber-logo:before{font-size:65px;margin-left:10px}@media (max-width: 767px){.header__nav{right:-80%;width:80%;height:100vh;background-color:#242424;transition:right .3s ease-in-out;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.header__close{display:block}.header__hamburger{display:flex;height:2rem;width:2rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;border-style:none;background-color:transparent}.header__hamburger span{margin-bottom:.25rem;height:.125rem;width:1.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header__nav{position:fixed;right:0;width:12rem;--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;align-items:flex-end}.header__nav>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.header__nav{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity));padding:1rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.header__nav--open{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.header__btn{width:100%;text-align:right}.letter-buttons{grid-template-rows:repeat(3,minmax(0,1fr))}.letter-buttons__item{width:45px;height:45px;font-size:1.3rem}.letter-slot{width:40px;font-size:1.3rem}.image-grid__gameId{font-size:22px;padding:5px 30px}.btn__clue{font-size:1rem}}@media (min-width: 768px){.App{width:90%}.letter-slot,.letter-buttons__item{width:50px;height:50px;border-radius:8px}.result-popup__modal,.game__done-message,.login__container{max-width:400px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.left-0{left:0}.z-20{z-index:20}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-4{height:1rem}.min-h-screen{min-height:100vh}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-4{width:1rem}.w-8{width:2rem}.w-80{width:20rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[144px\]{max-width:144px}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-green-950{--tw-border-opacity: 1;border-color:rgb(5 46 22 / var(--tw-border-opacity))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity))}.bg-archive-default{--tw-bg-opacity: 1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}.bg-archive-fail{--tw-bg-opacity: 1;background-color:rgb(248 120 97 / var(--tw-bg-opacity))}.bg-archive-success{--tw-bg-opacity: 1;background-color:rgb(206 229 102 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-3{padding-bottom:.75rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-custom-yellow{--tw-text-opacity: 1;color:rgb(234 255 0 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;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}html,body{overflow:unset!important;background:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}.hover\:border-amber-300:hover{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity))}.hover\:border-custom-yellow:hover{--tw-border-opacity: 1;border-color:rgb(234 255 0 / var(--tw-border-opacity))}.hover\:opacity-80:hover{opacity:.8}@media (min-width: 768px){.md\:w-2\/3{width:66.666667%}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width: 1024px){.lg\:w-1\/2{width:50%}.lg\:p-8{padding:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}}