.keyboard{position:relative;display:grid;grid-template-rows:33% 33% 33%;grid-template-columns:1fr;background-color:#fdfdfd;text-align:center;margin-bottom:.5rem;z-index:50;width:100%}.keyboard_row{position:relative;display:flex;align-items:stretch;flex-direction:row;flex-wrap:nowrap;padding-bottom:.25rem;padding-left:.25rem;padding-right:.25rem}.keyboard_key{color:#1f2937;border-style:solid;border-color:#4b5563;border-width:1px;border-radius:.25rem;flex-basis:0;flex-grow:1;margin-right:3px;position:relative;padding:1px 0 0;background-color:#fff}.keyboard_key:hover{cursor:pointer}.keyboard_key_grey{background-color:#9ca3af}.keyboard_key_grid{display:grid;position:relative;height:100%;width:100%;grid-template-columns:50% 50%}.keyboard_key_letter{grid-column:span 2;width:100%;font-size:2.25rem;text-align:center;background-color:transparent}@media (max-width: 768px){.keyboard_key_letter{font-size:1.5rem}}@media (max-width: 480px){.keyboard_key_letter{font-size:1.25rem}}.keyboard_key_green{grid-column:1;font-size:1.125rem;text-align:center;font-weight:700;color:#fff;background-color:#047857;overflow:hidden}@media (max-width: 480px){.keyboard_key_green{font-size:1rem}}.keyboard_key_yellow{grid-column:2;font-size:1.125rem;text-align:center;font-weight:700;color:#fff;background-color:#f59e0b;overflow:hidden}@media (max-width: 480px){.keyboard_key_yellow{font-size:1rem}}.keyboard_spacer{flex-grow:.5}.keyboard_ctrl{flex-basis:0;flex-grow:2;font-size:1.875rem}@media (max-width: 768px){.keyboard_ctrl{font-size:1.5rem}}@media (max-width: 480px){.keyboard_ctrl{font-size:1rem}}@media (max-width: 360px){.keyboard_ctrl{font-size:.875rem}}.enter_button_disabled{background:#d1d5db}.enter_button_disabled:hover{cursor:default}.enter_button_enabled{background:#10b981}.help-page{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:hidden}.help-page .help-content{color:#374151;position:relative;padding-top:1rem;padding-bottom:1rem;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:scroll}@media (max-width: 768px){.help-page .help-content{font-size:1.125rem;margin:0 1rem}}@media (max-width: 480px){.help-page .help-content{font-size:1rem;margin:0 .5rem}}.help-page .help-content h2{font-size:1.875rem;font-weight:600;color:#111827;margin-bottom:1rem}.help-page .help-content .section{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:1.5rem;width:95%;box-sizing:border-box;border-style:solid;border-width:1px;border-color:#f3f4f6}.help-page .help-content .section:last-child{margin-bottom:0}.help-page .help-content .section img{display:block;border-radius:.25rem}.help-page .help-content .section p{margin-bottom:1rem}.help-page .help-content .section p:last-child{margin-bottom:0}.help-page .help-content a{font-weight:700;color:#059669;text-decoration:none}.help-page .help-content a:hover{color:#10b981}.words-with-counter{display:flex;flex-direction:row;justify-content:center;margin-left:1.5rem}.words-with-counter .counter{color:#111827;margin-right:.5rem;font-weight:700;font-size:2.25rem;text-align:center;height:3.75rem;width:3rem}.words-with-counter .words{display:flex;flex-wrap:wrap;flex-direction:row;margin-bottom:.75rem}.words-with-counter .words .word{display:flex;flex-direction:row;margin-right:1.5rem;margin-bottom:.5rem;font-size:0}.words-with-counter .punctuation{padding:.25rem;display:inline-block;font-size:2.25rem;text-align:center;width:1.75rem;height:3.5rem}.words-with-counter .entry{color:#111827;background-color:#fff;display:inline-block;border:1px solid #4b5563;border-radius:.25rem;font-size:2.25rem;text-align:center;width:3.25rem;height:3.25rem;box-sizing:border-box;margin-right:.25rem;padding:.25rem;transition-property:background-color;transition-timing-function:ease-in}.words-with-counter .entry.transition-0{transition-delay:0s;transition-duration:.3s}.words-with-counter .entry.transition-1{transition-delay:.1s;transition-duration:.3s}.words-with-counter .entry.transition-2{transition-delay:.2s;transition-duration:.3s}.words-with-counter .entry.transition-3{transition-delay:.3s;transition-duration:.3s}.words-with-counter .entry-invalid{background-color:#a96706}.words-with-counter .entry.result{background-color:#9ca3af;color:#fff}.words-with-counter .entry.result.green{background-color:#047857}.words-with-counter .entry.result.yellow{background-color:#f59e0b}.words-with-counter .entry.reveal{background-color:#e5e7eb;border:1px solid #6b7280}.results-block{overflow-y:scroll;padding-top:1.25rem;padding-bottom:1.25rem;flex-basis:0;flex-grow:1}.results{position:relative}@media (max-width: 768px){.words-with-counter .counter{font-size:1.875rem;height:1.875rem;width:1.5rem;margin-right:.25rem}.words-with-counter .punctuation{font-size:1.5rem;width:1rem;height:2rem}.words-with-counter .entry{font-size:1.5rem;width:2rem;height:2rem}}@media (max-width: 480px){.words-with-counter .words .word{margin-right:1rem;margin-bottom:.25rem;font-size:1.25rem}.words-with-counter .counter{font-size:1.25rem;height:1.5rem;width:1.25rem}.words-with-counter .punctuation{font-size:1.25rem;width:.75rem;height:1.5rem}.words-with-counter .entry{font-size:1.25rem;width:2rem;height:2rem}}.archive{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:hidden}.archive-content{position:relative;padding-top:1rem;bottom:0;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.archive-content .grid{display:grid;grid-template-columns:auto auto auto;gap:2rem;padding:.5rem}.archive-content .entry{max-width:18rem;display:flex;flex-direction:column;align-items:start;padding:1rem;font-size:1.125rem;color:#374151;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;text-decoration:none;cursor:pointer}.archive-content .entry:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.archive-content .entry:hover .id{color:#10b981}.archive-content .entry .id{color:#059669;font-weight:600;font-size:1.5rem}.archive-content .entry .clue{font-size:1.5rem;font-weight:700;color:#4b5563;margin-top:.5rem;text-align:start}@media (max-width: 768px){.archive-content .entry{padding:.5rem;font-size:1rem}.archive-content .entry .id{font-size:1.25rem}.archive-content .entry .clue{font-size:1.25rem;margin-top:.25rem}}@media (max-width: 480px){.archive-content .grid{gap:1rem;grid-template-columns:auto auto}.archive-content .entry{padding:.5rem;max-width:100%}.archive-content .entry .id,.archive-content .entry .clue{font-size:.875rem}}.nav-button-flex{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.nav-button{display:inline-block;min-width:2rem;font-size:1.25rem;font-weight:600;padding:.5rem .75rem;background-color:#059669;color:#fff;text-decoration:none;border-radius:.5rem;border:none;box-shadow:0 1px 2px #0000000d;text-align:center;cursor:pointer}.nav-button:hover{background-color:#10b981;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (max-width: 480px){.nav-button{font-size:1rem;padding:.5rem}}.stats-page{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:hidden}.stats-content{margin:1rem .5rem;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.stats-content .stats-section-header{font-size:1.875rem;font-weight:700;color:#059669;margin-bottom:.5rem}.stats-content .grid{padding-bottom:1.5rem;display:grid;grid-template-columns:auto auto;gap:1rem}.stats-content .grid-item{width:20rem;padding:1rem;font-size:1.25rem;text-align:center;color:#374151;background-color:#fff;border-color:#f3f4f6;border-width:1px;border-style:solid;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.stats-content .grid-item .title{font-weight:600;color:#111827;margin-bottom:.5rem;font-size:1.125rem}.stats-content .text{padding-top:1rem;font-size:1.125rem;color:#374151;text-align:center;max-width:40rem}.stats-content .text a{color:#059669;font-weight:600;text-decoration:none}.stats-content .text a:hover{color:#10b981}@media (max-width: 768px){.stats-content .stats-section-header{font-size:1.5rem}.stats-content .grid{gap:.5rem}.stats-content .grid-item{width:auto}}@media (max-width: 480px){.stats-content .stats-section-header{font-size:1.25rem}.stats-content .grid{gap:.5rem}.stats-content .grid-item{width:auto;font-size:.875rem}.stats-content .grid-item .title{font-size:1rem}.stats-content .text{font-size:1.125rem}}.menu-button{min-width:6.5rem}@media (max-width: 480px){.menu-button{min-width:5rem}}.menu{display:flex;flex-direction:column;align-items:center;position:absolute;left:0;max-height:80vh;margin-left:1rem;padding:.75rem;border:1px solid #d1d5db;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:100;overflow-y:scroll;transition:max-height .3s ease-in-out}.menu-transition-start{max-height:0}.menu-transition-end{max-height:100rem}.menu ul{font-size:1.5rem;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;width:100%;color:#4b5563;font-weight:400}.menu ul li{text-align:left}.menu ul li .indented{margin-left:1.5rem}.menu ul .menu-divider{width:100%;height:1px;background-color:#d1d5db;margin:.5rem 0}.menu ul a{cursor:pointer;color:#059669;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.menu ul a:hover{color:#10b981;background-color:#f3f4f6}@media (max-width: 360px){.menu ul{font-size:1.125rem}}.game{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr 12.5rem;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:hidden}@media (max-width: 480px){.game{grid-template-rows:auto 1fr 10rem}}.game .footer{position:relative;display:block;padding:1rem;text-align:center;background-color:#fff;box-shadow:0 -4px 6px -1px #0000001a;z-index:50}.game .footer .score{font-weight:700}.game-over{color:#059669;text-align:center;font-size:2.25rem;margin-bottom:.25rem}@media (max-width: 768px){.game-over{font-size:1.875rem}}@media (max-width: 480px){.game-over{font-size:1.25rem}}@media (max-width: 360px){.game-over{font-size:1rem}}.congrats{font-weight:700}.fail{color:#dc2626;font-weight:700}.home-page{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;position:absolute;left:0;right:0;top:0;bottom:0;overflow-y:hidden}.home-content{margin:2%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;overflow-y:scroll}@media (max-width: 600px){.home-content{justify-content:start}}.home-content .links-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:1.5rem;width:95%;max-width:1200px;padding:0 1rem}@media (max-width: 600px){.home-content .links-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:.75rem;padding:0 .5rem}}.home-content .links-grid a{display:inline-block;width:100%;color:#059669;text-decoration:none;padding-top:.5rem;padding-bottom:.5rem;border-color:#059669;border-radius:.5rem;border-style:solid;box-sizing:border-box;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;text-align:center;cursor:pointer;font-size:1.25rem}.home-content .links-grid a:hover{color:#10b981;border-color:#10b981;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (max-width: 768px){.home-content .links-grid a{font-size:1.25rem}}@media (max-width: 480px){.home-content .links-grid a{font-size:1.125rem}}.home-content .links-grid-item{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-items:start;padding:.75rem;background-color:#fff;border-radius:.5rem;border-color:#059669;border-style:solid;text-decoration:none}.home-content .links-grid-item .title{height:4rem;color:#059669;font-weight:700;font-size:1.5rem}@media (max-width: 768px){.home-content .links-grid-item .title{height:auto;font-size:1.25rem}}@media (max-width: 480px){.home-content .links-grid-item .title{font-size:1.125rem}}.home-content .links-grid-item .description{position:relative;height:4rem;font-size:1.125rem;color:#4b5563;margin-bottom:1rem}@media (max-width: 768px){.home-content .links-grid-item .description{font-size:1.125rem}}@media (max-width: 480px){.home-content .links-grid-item .description{height:2rem;font-size:1rem}}@media (max-width: 768px){.home-content .links-grid-item{padding:1rem}}@media (max-width: 360px){.home-content .links-grid-item{padding:.5rem}}.home-content .links-grid-howto{color:#059669}.home-content .links-grid-howto a{box-sizing:border-box;width:100%;text-align:left;padding-left:1rem}.header{padding:1rem;font-size:2.25rem;text-align:center;color:#1e40af;font-weight:700;flex-basis:auto;flex-grow:0;box-shadow:0 4px 6px -1px #0000001a}@media (max-width: 768px){.header{padding:.5rem;font-size:1.25rem}}@media (max-width: 480px){.header{padding:.5rem;font-size:1.125rem}}.header .admin-box{font-size:1rem}.header .puzzle-set-name{font-size:3rem;color:#1e40af;font-weight:700;text-align:center;pointer-events:none}@media (max-width: 768px){.header .puzzle-set-name{font-size:1.5rem}}@media (max-width: 480px){.header .puzzle-set-name{font-size:1.5rem;flex-basis:100%;order:1}}@media (max-width: 360px){.header .puzzle-set-name{font-size:1.25rem}}.header .top-header{margin-left:1rem;margin-right:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:1rem;position:relative}@media (max-width: 480px){.header .top-header{flex-wrap:wrap;gap:.5rem;margin-left:.5rem;margin-right:.5rem}}.header .top-header .right-buttons{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:nowrap}.header .top-header .right-buttons>*{flex-shrink:0}@media (max-width: 480px){.header .top-header .right-buttons{gap:.5rem;order:0}}@media (max-width: 480px){.header .top-header>div:first-child{order:-1}}.header .subtitle{text-align:center;font-size:3rem;font-weight:700;color:#059669}@media (max-width: 768px){.header .subtitle{font-size:1.5rem}}@media (max-width: 480px){.header .subtitle{font-size:1.5rem}}@media (max-width: 360px){.header .subtitle{font-size:1.25rem}}[x-cloak]{display:none!important}html{font-size:1rem}body{background-color:#fdfdfd;font-family:Arial,Helvetica,sans-serif;width:100%;height:100%;touch-action:manipulation;overflow:hidden;margin:0}input,div,button{touch-action:manipulation}.hidden{display:none}b{font-weight:700}a{text-decoration:none;font-weight:400}a:hover{text-decoration:none;cursor:pointer}