#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.App{position:relative}.card{padding:2em}.read-the-docs{color:#888}.letters{display:flex;justify-content:center}.level-7,.level-5,.level-3,.level-2{margin:0 20px}.letterbox{width:3em;height:3em;background:rgba(0,0,0,.25);margin:4px;display:flex;justify-content:center;align-items:center;font-weight:700;border:2px solid rgba(0,0,0,.5);border-radius:3px}.correct .letterbox{border-color:#17c14d;background-color:#17c14d80}.wrong .letterbox{border-color:#c13317;background-color:#c1331780}.word-length{width:2em;height:4em;margin:4px;display:flex;justify-content:center;align-items:center;color:#ffffff80}.count-down{font-size:400%}.menu{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.letters-to-play-with{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:space-around;font-size:3.2em;line-height:1.1;font-weight:700;padding-left:5%;padding-right:5%}.letter-to-play-with{font-size:38px;display:inline-block;color:#fff;margin-top:20px;margin-bottom:20px}.letter-to-play-with:last-child{margin-right:0}.letter-to-play-with.highlighted{opacity:.5}.warning{background:rgba(255,0,0,.25);color:red;font-weight:700;border-radius:6px}@media only screen and (min-width: 767px){.mobile-only{display:none}}.prev-button,.next-button{margin-left:10px}.hint-button{background-color:#1a2a5780;color:#fff}.hints{display:flex;justify-content:center;align-items:middle;vertical-align:middle}.hints .title{line-height:40px;display:inline-block;vertical-align:middle}.hint{font-family:serif;font-size:32px;color:#ffebcd;background:rgba(255,235,205,.301);border-radius:4px;display:block;position:relative;padding:8px;margin-left:5px}.confetti{position:absolute;top:10px;left:10px;width:99%;height:100svh;display:block;margin:0 auto;user-select:none}:root{--black-a1: rgba(0, 0, 0, .05);--black-a2: rgba(0, 0, 0, .1);--black-a3: rgba(0, 0, 0, .15);--black-a4: rgba(0, 0, 0, .2);--black-a5: rgba(0, 0, 0, .3);--black-a6: rgba(0, 0, 0, .4);--black-a7: rgba(0, 0, 0, .5);--black-a8: rgba(0, 0, 0, .6);--black-a9: rgba(0, 0, 0, .7);--black-a10: rgba(0, 0, 0, .8);--black-a11: rgba(0, 0, 0, .9);--black-a12: rgba(0, 0, 0, .95)}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root{--black-a1: color(display-p3 0 0 0 / .05);--black-a2: color(display-p3 0 0 0 / .1);--black-a3: color(display-p3 0 0 0 / .15);--black-a4: color(display-p3 0 0 0 / .2);--black-a5: color(display-p3 0 0 0 / .3);--black-a6: color(display-p3 0 0 0 / .4);--black-a7: color(display-p3 0 0 0 / .5);--black-a8: color(display-p3 0 0 0 / .6);--black-a9: color(display-p3 0 0 0 / .7);--black-a10: color(display-p3 0 0 0 / .8);--black-a11: color(display-p3 0 0 0 / .9);--black-a12: color(display-p3 0 0 0 / .95)}}}:root,.light,.light-theme{--green-1: #fbfefc;--green-2: #f4fbf6;--green-3: #e6f6eb;--green-4: #d6f1df;--green-5: #c4e8d1;--green-6: #adddc0;--green-7: #8eceaa;--green-8: #5bb98b;--green-9: #30a46c;--green-10: #2b9a66;--green-11: #218358;--green-12: #193b2d}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--green-1: color(display-p3 .986 .996 .989);--green-2: color(display-p3 .963 .983 .967);--green-3: color(display-p3 .913 .964 .925);--green-4: color(display-p3 .859 .94 .879);--green-5: color(display-p3 .796 .907 .826);--green-6: color(display-p3 .718 .863 .761);--green-7: color(display-p3 .61 .801 .675);--green-8: color(display-p3 .451 .715 .559);--green-9: color(display-p3 .332 .634 .442);--green-10: color(display-p3 .308 .595 .417);--green-11: color(display-p3 .19 .5 .32);--green-12: color(display-p3 .132 .228 .18)}}}:root,.light,.light-theme{--mauve-1: #fdfcfd;--mauve-2: #faf9fb;--mauve-3: #f2eff3;--mauve-4: #eae7ec;--mauve-5: #e3dfe6;--mauve-6: #dbd8e0;--mauve-7: #d0cdd7;--mauve-8: #bcbac7;--mauve-9: #8e8c99;--mauve-10: #84828e;--mauve-11: #65636d;--mauve-12: #211f26}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--mauve-1: color(display-p3 .991 .988 .992);--mauve-2: color(display-p3 .98 .976 .984);--mauve-3: color(display-p3 .946 .938 .952);--mauve-4: color(display-p3 .915 .906 .925);--mauve-5: color(display-p3 .886 .876 .901);--mauve-6: color(display-p3 .856 .846 .875);--mauve-7: color(display-p3 .814 .804 .84);--mauve-8: color(display-p3 .735 .728 .777);--mauve-9: color(display-p3 .555 .549 .596);--mauve-10: color(display-p3 .514 .508 .552);--mauve-11: color(display-p3 .395 .388 .424);--mauve-12: color(display-p3 .128 .122 .147)}}}:root,.light,.light-theme{--violet-1: #fdfcfe;--violet-2: #faf8ff;--violet-3: #f4f0fe;--violet-4: #ebe4ff;--violet-5: #e1d9ff;--violet-6: #d4cafe;--violet-7: #c2b5f5;--violet-8: #aa99ec;--violet-9: #6e56cf;--violet-10: #654dc4;--violet-11: #6550b9;--violet-12: #2f265f}@supports (color: color(display-p3 1 1 1)){@media (color-gamut: p3){:root,.light,.light-theme{--violet-1: color(display-p3 .991 .988 .995);--violet-2: color(display-p3 .978 .974 .998);--violet-3: color(display-p3 .953 .943 .993);--violet-4: color(display-p3 .916 .897 1);--violet-5: color(display-p3 .876 .851 1);--violet-6: color(display-p3 .825 .793 .981);--violet-7: color(display-p3 .752 .712 .943);--violet-8: color(display-p3 .654 .602 .902);--violet-9: color(display-p3 .417 .341 .784);--violet-10: color(display-p3 .381 .306 .741);--violet-11: color(display-p3 .383 .317 .702);--violet-12: color(display-p3 .179 .15 .359)}}}button,fieldset,input{all:unset}.DialogOverlay{background-color:var(--black-a9);position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{background-color:#000;border-radius:6px;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:450px;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent:focus{outline:none}.DialogTitle{margin:0;font-weight:500;color:var(--mauve-6);font-size:17px}.DialogDescription{margin:10px 0 20px;color:var(--mauve-7);font-size:15px;line-height:1.5}.Button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 15px;font-size:15px;line-height:1;font-weight:500;height:35px}.Button.violet{background-color:#fff;color:var(--violet-11);box-shadow:0 2px 10px var(--black-a7)}.Button.violet:hover{background-color:var(--mauve-3)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--green-4);color:var(--green-11)}.Button.green:hover{background-color:var(--green-5)}.Button.green:focus{box-shadow:0 0 0 2px var(--green-7)}.IconButton{font-family:inherit;border-radius:100%;height:25px;width:25px;display:inline-flex;align-items:center;justify-content:center;color:var(--violet-11);position:absolute;top:10px;right:10px}.IconButton:hover{background-color:var(--violet-4)}.IconButton:focus{box-shadow:0 0 0 2px var(--violet-7)}.Fieldset{display:flex;gap:20px;align-items:center;margin-bottom:15px}.Label{font-size:15px;color:var(--violet-11);width:90px;text-align:right}.Input{width:100%;flex:1;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 10px;font-size:15px;line-height:1;color:var(--violet-11);box-shadow:0 0 0 1px var(--violet-7);height:35px}.Input:focus{box-shadow:0 0 0 2px var(--violet-8)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}html{color:#ffffffde;background-color:#242424}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI (Custom)",Roboto,Helvetica Neue,"Open Sans (Custom)",system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}.my-button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;color:gray;transition:border-color .25s}.my-button:hover{border-color:#646cff}.my-button:disabled{border-color:transparent;opacity:0}.my-button:focus,.my-button:focus-visible{outline:4px auto -webkit-focus-ring-color}