html{--game-spacing:32px;--header-height:4rem;--font-weight-medium:500;--color-background-gradient:linear-gradient(90deg,#e6d5dd 0%,#e8d8e2 13%,#eadce7 18%,#eadce9 23%,#eae0eb 27%,#ebe3ed 30%,#eae3ed 33%,#ebe7ee 37%,#eceaf1 40%,#ebeaf0 43%,#ededf2 46%,#f0f1f4 49%,#f0f1f4 51%,#ededf2 54%,#ebeaf0 57%,#eceaf1 60%,#ebe7ee 63%,#eae3ed 67%,#ebe3ed 70%,#eae0eb 73%,#eadce9 77%,#eadce7 82%,#e8d8e2 87%,#e6d5dd 100%);--color-background:#f0f1f4;--color-text:#34282b;--color-border-hover:#ff8aa5;--color-btn-text:#0d162b;--color-btn-background:#ff8aa5;--color-btn-background-hover:#d9366c;--color-btn-shadow:#ff8aa5;--color-check:#d9366c;--color-check-hover:#ff8aa5;--color-unchecked:#ccc;--color-unchecked-hover:rgba(167,134,223,.6);--color-focus:#0d162b;--color-cell-border:#ccc;--color-cell-active:#ff8aa5;--color-input-border:#ff8aa5;--color-input-text:#d62963;--color-input-placeholder:#ff8aa5;--color-key-text:#fff;--color-key-background:#d62963;--color-key-background-hover:#ff8aa5;--color-key-incorrect-background:#757575;--color-key-incorrect-background-hover:#999;--color-header-background-gradient:linear-gradient(50deg,#d9366c 0%,#de3b6e 4%,#e14174 9%,#e74676 13%,#ec517f 17%,#ee5883 22%,#f25f88 26%,#f5668c 30%,#f86d92 35%,#fa7596 39%,#fc7e9d 43%,#fe86a2 48%,#fe86a2 52%,#fc7e9d 57%,#fa7596 61%,#f86d92 65%,#f5668c 70%,#f25f88 74%,#ee5883 78%,#ec517f 83%,#e74676 87%,#e14174 91%,#de3b6e 96%,#d9366c 100%);--color-header-background:#fec8d7;--color-header-text:#0d162b;--color-header-btn-background:#0d162b;--color-header-btn-text:#fff;--color-header-btn-background-hover:#a786df;--color-header-btn-border:#a786df;--color-header-btn-border-hover:#0d162b;--color-header-btn-shadow:#0d162b;--color-primary:#809fff;--color-joy:#ffbf00;--color-success:#17824d;--color-warning:#8a7300;--color-error:#c32222;--color-info:#0063c7;--color-button-success:#0a3d25;--color-button-success-hover:#0d4e2f;--color-button-error:#4d0f0f;--color-button-error-hover:#5e1212;--color-gray-100:#1a1a1a;--color-gray-300:#404040;--color-gray-500:gray;--color-gray-700:#bfbfbf;--color-gray-900:#e6e6e6;--color-skip-link-background:#0d162b;--color-skip-link-text:#fff;overflow-y:scroll}body{background:var(--color-header-background);font-family:Balsamiq Sans,sans-serif}@media (max-height:600px){body{--game-spacing:8px}}button{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;margin:0;padding:0}.wrapper{background:var(--color-background);background:var(--color-background-gradient);flex-direction:column;min-height:100%;display:flex;overflow-x:clip}.wrapper:before{content:"";top:var(--header-height);height:calc(100% - var(--header-height));background-image:url(background.ae812376.svg);background-repeat:repeat-x;background-size:contain;width:100%;position:absolute;right:0}header{height:var(--header-height);color:var(--color-header-text);background:var(--color-header-background);background:var(--color-header-background-gradient);display:flex}header .side{width:var(--header-height);flex:1;place-content:center;font-size:1.2rem;display:grid}header .side:first-of-type{justify-content:flex-end;align-items:center;display:flex}header .side:last-of-type{justify-content:flex-start;align-items:center;display:flex}header button{text-align:center;color:var(--color-header-btn-text);background:var(--color-header-btn-background);border:2px solid var(--color-header-btn-border);box-shadow:2px 2px 3px var(--color-header-btn-shadow);border-radius:50%;place-content:center;width:2.5rem;height:2.5rem;transition:background .3s,border-color .3s,box-shadow .3s;display:grid}header button:hover{border-color:var(--color-header-btn-border-hover);background:var(--color-header-btn-background-hover);box-shadow:3px 3px 4px var(--color-header-btn-shadow)}h1{flex:1;flex-basis:fit-content;font-family:Playwrite HU,Balsamiq Sans,Ubuntu Mono,sans-serif;font-size:clamp(1.25rem,12vw - 1.75rem,2rem);line-height:var(--header-height);text-align:center;justify-content:center;align-items:center;display:flex}.header-title{flex:1;justify-content:center;align-items:center;min-width:-moz-fit-content;min-width:fit-content;margin:0 5px;display:flex;position:relative}.header-title a{color:inherit;text-decoration:none}.headerImg{height:40px;margin-left:10px;display:inline-block}@media (max-width:25rem){h1{font-size:clamp(.9rem,9.3333vw - .9083rem,1.25rem)}header button{width:2rem;height:2rem}}.game-wrapper{gap:var(--game-spacing);padding:var(--game-spacing)0;flex-direction:column;flex:1;min-width:200px;max-width:min(500px,90vh,80%);margin:0 auto;display:flex;position:relative}.alert{color:var(--color-gray-900);background:var(--color-info);opacity:0;border-radius:4px;margin:8px auto 0;padding:8px 16px;font-family:Balsamiq Sans,Ubuntu Mono,sans-serif;font-weight:700;transition:opacity .4s ease-out;animation:.82s cubic-bezier(.36,.07,.19,.97) both shake;display:inline-block}.alert.visible{opacity:1}.guess-results{color:var(--color-text);flex-direction:column;flex:1;justify-content:center;font-family:Ubuntu Mono,sans-serif;display:flex}.guess{justify-content:center;gap:4px;margin-bottom:4px;display:flex;position:relative}.guess.language{transform:translate(0)}.cell{aspect-ratio:1;border:2px solid var(--color-cell-border);border-radius:var(--radius);place-content:center;width:12%;font-size:2rem;display:grid;position:relative}.languages-wrapper{min-width:100%;position:absolute;top:50%;left:105%;transform:translateY(-50%)}.found-languages{background-color:none;border-radius:4px;gap:4px;width:-moz-fit-content;width:fit-content;display:flex}.found-languages.misplaced{background-color:var(--color-warning)}.round-cell{aspect-ratio:1;border:2px solid var(--color-cell-border);color:var(--color-gray-700);border-radius:50%;place-content:center;width:35px;display:grid;position:relative}.guess-results .round-cell{background-color:var(--color-background)}.round-cell .flag-icon{box-shadow:0 0 2px 1px var(--color-gray-700)}.round-cell.correct-language{background-color:var(--color-success);border-color:var(--color-success)}.round-cell.misplaced-language{background-color:var(--color-warning);border-color:var(--color-warning)}.round-cell.incorrect-language{background:var(--color-gray-300);border-color:var(--color-gray-300)}.flag-example.round-cell{width:28px;margin:auto;display:inline-block}.flag-example.round-cell .flag-icon{width:18px;margin:0 auto}.round-cell .flag-icon{width:20px}.guess-results .cell{background-color:var(--color-background)}@media (max-width:760px){.cell{width:18%;font-size:1.5rem}.guess.language{transform:translate(-1rem)}.languages-wrapper{left:101%}.found-languages{flex-wrap:wrap;gap:.5px;width:47px}.round-cell{width:22px}.round-cell:nth-child(2){margin-right:calc(100% - 60px)}.round-cell .flag-icon{width:12px}}.guess:first-of-type .cell:first-of-type{--radius:4px 0px 0px 0px}.guess:first-of-type .cell:last-of-type{--radius:0px 4px 0px 0px}.guess:last-of-type .cell:last-of-type{--radius:0px 0px 4px 0px}.guess:last-of-type .cell:first-of-type{--radius:0px 0px 0px 4px}.cell.correct{background:var(--color-success);border-color:var(--color-success);color:var(--color-gray-900)}.cell.incorrect{background:var(--color-gray-300);border-color:var(--color-gray-300);color:var(--color-gray-700)}.cell.misplaced{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-gray-900)}.guess-input-wrapper{color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:6.75rem;font-family:Ubuntu Mono,sans-serif;display:flex}.guess-input-wrapper label{font-size:1.25rem}.guess-input-wrapper input{border:2px solid var(--color-input-border);color:var(--color-input-text);outline-offset:4px;letter-spacing:.2rem;border-radius:4px;width:80%;padding:8px 16px;font-size:1.5rem;display:block}.guess-input-wrapper input:focus{outline:2px auto var(--color-focus);outline-offset:4px}.guess-input-wrapper input::placeholder{color:var(--color-input-placeholder)}@keyframes shake{10%,90%{transform:translate(-1px)}30%,70%{transform:translate(2px)}40%,60%{transform:translate(-2px)}50%{transform:translate(0,0)}}.banner{text-align:center;will-change:transform;border-radius:4px 4px 0 0;width:100%;max-width:600px;margin:0 auto;padding:32px;animation:.75s cubic-bezier(0,.72,.24,1.02) slideUp;position:fixed;bottom:0;left:0;right:0}.happy.banner{background:var(--color-success);color:#fff}.sad.banner{background:var(--color-error);color:#fff}.banner button{cursor:pointer;color:#fff;border:none;border-radius:4px;margin-top:16px;padding:12px 24px;font-size:1rem;font-weight:700}.happy.banner button{background:var(--color-button-success)}.sad.banner button{background:var(--color-button-error)}.happy.banner button:hover{background:var(--color-button-success-hover)}.sad.banner button:hover{background:var(--color-button-error-hover)}.visually-hidden{clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden;width:1px!important;height:1px!important}[data-reach-dialog-content]{border-radius:8px;padding:24px 32px;position:relative}.modal-close-btn{cursor:pointer;padding:16px;position:absolute;top:0;right:0}.modal-title{margin-bottom:.5em}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0%)}}.modal-backdrop{z-index:1;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-gray-100);color:var(--color-gray-900);border-radius:8px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;padding:3rem 2rem;display:flex;position:relative;overflow-y:auto}.modal-content h2{margin-bottom:1rem}.modal-content p{letter-spacing:.5px;word-spacing:1px;margin-bottom:1rem;line-height:1.2}.modal-close{cursor:pointer;color:var(--color-gray-500);z-index:2;background:rgba(26,26,26,.8);border:none;align-self:flex-end;margin-bottom:-2.5rem;margin-left:auto;padding:.05rem .5rem;font-size:2rem;position:sticky;top:-20px;transform:translateY(-50%)}.modal-close:hover{color:var(--color-gray-700)}.example{gap:4px;margin:1.5rem 0;display:flex;position:relative;overflow:hidden}.example .cell{width:12%;font-size:1.5rem}.example .languages-wrapper{min-width:-moz-fit-content;min-width:fit-content;left:68%}.modal-content p .cell{text-align:center;width:8%;font-size:1.2rem;display:inline-block}.creditsLink{color:inherit;font-weight:var(--font-weight-medium);box-shadow:0px 1.5px 0px var(--color-primary);will-change:transform;-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none;transition:box-shadow .2s}.creditsLink:hover{box-shadow:0 0 transparent}.focus-visible:focus{outline:2px auto var(--color-primary);outline-offset:2px}.creditsLink:focus:not(:focus-visible){outline:none}.creditsSvg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;will-change:transform;backface-visibility:hidden;display:inline-block;transform:translateY(.125rem)}.creditsLink:hover .creditsSvg{transform:translateY(.125rem)scale(1.05)}.joy{color:var(--color-joy);box-shadow:0px 1.5px 0px var(--color-joy)}.cell.active{outline:3px auto var(--color-cell-active);outline-offset:2px;animation:.5s ease-in-out pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-setup{color:var(--color-text);flex-direction:column;gap:16px;margin-top:12px;display:flex}.word-length-selector label{font-weight:700}.word-length-selector:focus-within{outline:2px auto var(--color-border-hover);outline-offset:10px}.word-length-selector input:focus{outline:2px auto var(--color-focus);outline-offset:3px}.start-game-btn{text-align:center;color:var(--color-btn-text);background:var(--color-btn-background);cursor:pointer;box-shadow:0px 4px 6px var(--color-btn-shadow);border:none;border-radius:4px;margin-top:24px;padding:12px 24px;font-size:1.25rem;font-weight:700;transition:background .2s,box-shadow .2s}.start-game-btn:hover{background:var(--color-btn-background-hover);box-shadow:0px 6px 8px var(--color-btn-shadow)}.start-game-btn:focus{outline:2px auto var(--color-focus);outline-offset:5px;box-shadow:none}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#fff;--border-color:#444}[data-theme=light]{--bg-color:#fff;--text-color:#000;--border-color:#ccc}[data-reduce-motion=true] *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.preference-toggle{align-items:center;gap:8px;margin:8px 0;display:flex}.preferences-section{background-color:var(--color-background);border:2px solid #ddd;border-radius:4px;flex-direction:column;gap:8px;margin:8px 0;padding:12px;font-weight:700;transition:all .2s;display:flex}.preferences-section:hover{border-color:var(--color-border-hover);box-shadow:0 0 6px var(--color-border-hover);background-color:#f0f0f0}.switch{height:34px;margin-left:60px;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--color-unchecked);width:65px;transition:all .4s;position:absolute;inset:0;transform:translate(-65px)}.slider:before{content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--color-check)}input:focus+.slider{outline:2px auto var(--color-focus);outline-offset:3px}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:hover{background-color:var(--color-unchecked-hover);transition:all .4s}input:checked+.slider:hover{background-color:var(--color-check-hover);transition:all .4s}.selected-languages{text-align:center;margin-bottom:16px;font-family:Balsamiq Sans,Ubuntu Mono,sans-serif;font-weight:700}.selected-languages span{font-weight:400}.selected-languages .language-item{display:inline-flex;transform:translateY(4px)}.selected-languages .flag-icon{width:20px;height:20px;margin:0 3px auto 6px}.flag-banner{transform:translateY(calc(-1*var(--game-spacing)));z-index:2;pointer-events:none;height:50px;position:relative;overflow:hidden}.flags-container{justify-content:space-evenly;gap:12px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.flag{padding-top:8px;animation:3.5s ease-in-out infinite flag-wave}.flag:before{content:"";z-index:-1;background:#888;width:2px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.flag-icon-banner{border-radius:3px;width:36px;height:auto;box-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes flag-wave{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(1deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-3px)rotate(-1deg)}}.flag-wrapper:nth-child(2n) .flag{animation-delay:.2s}.flag-wrapper:nth-child(3n) .flag{animation-delay:.4s}.flag-wrapper:nth-child(4n) .flag{animation-delay:.6s}.flag-wrapper:nth-child(5n) .flag{animation-delay:.8s}.skip-link{background:var(--color-skip-link-background);color:var(--color-skip-link-text);z-index:100;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}
/*# sourceMappingURL=index.9f2b5ae9.css.map */