@font-face{font-family:Roboto Mono;src:local("Roboto Mono"),url(/assets/RobotoMono-Regular-OOF6Bh_2.ttf) format("truetype")}#root{max-width:1280px;margin:0 auto;text-align:center;touch-action:none}h1{line-height:.2;margin-bottom:1.6rem}.puzzleInfo{margin-top:10px;margin-bottom:30px;font-style:italic}.instructionsButton{position:fixed;top:10px;right:10px;width:36px;height:36px;padding:0;font-size:18px;border-radius:50%;border:1px rgba(191,190,190,.523) solid;background:transparent;color:#bfbebe85;cursor:pointer;z-index:10;transition:all .1s ease-in-out}.instructionsButton:hover{border:1px solid white;color:#fff}.showScoreSheetButton{position:fixed;top:10px;right:56px;width:36px;height:36px;padding:0;font-size:18px;border-radius:50%;border:1px solid #6ca965;background:#6ca965;color:#fff;cursor:pointer;z-index:10;transition:all .1s ease-in-out;line-height:1}.showScoreSheetButton:hover{background:#5a8a55;border-color:#5a8a55}.modal{display:grid;padding:0;border:1px solid white}.modal button{background:#fff;color:#000}.modal ul{padding:10px 20px;margin:0;list-style-type:none;text-align:left}.modal ul>li>ul{text-align:center}.modal::backdrop{background-color:#222121e6}.modal:not([open]){display:none}.scoreSheet{padding:15px 10px;color:#fff;background-color:#1c1b22;position:relative}.scoreSheet .closeButton{position:absolute;top:10px;right:10px;width:30px;height:30px;background:transparent;color:#888;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:none}.scoreSheet .closeButton:hover{background-color:#363636}.scoreSheet .scoreList{list-style:none;padding:0;margin:1rem 1.8rem}.scoreSheet .scoreList li{margin:0}.scoreSheet .nextPuzzle{font-size:.9em;color:#888;margin:1rem 1.8rem;text-align:left}.scoreSheet button{margin:.2rem 0rem;width:98px;padding:8px;background:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .5s ease}.scoreSheet button.copied{background-color:#6ca965;color:#fff}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1px;grid-row-gap:1.4rem;justify-items:center;width:374px;margin:0 auto;letter-spacing:10px}@media (max-width: 400px){.board{width:350px;grid-row-gap:1rem}}.tileSlot{border:1px rgba(191,190,190,.523) solid;border-radius:8px;background-color:#000;width:120px;height:60px}@media (max-width: 400px){.tileSlot{width:110px;height:55px}}.tileSlotNormal>button{background-color:#fff}.tileSlotHighlighted>button{background-color:#6ca965;color:#fff;border-left:1px solid #51824c;border-right:1px solid #51824c;border-top:1px solid #51824c;border-bottom:3px solid #51824c}.animateSlot>button{animation-name:flash;animation-duration:2s}.tile{font-family:Roboto Mono,monospace;font-size:40px;letter-spacing:22px;color:#000;width:120px;height:60px;padding:0 0 0 18px;display:inline-block;border:1px solid rgb(148,148,148);border-bottom-width:3px;touch-action:none}@media (max-width: 400px){.tile{width:110px;height:55px;font-size:36px;letter-spacing:18px}}.tile.deemphasized{background-color:#999;pointer-events:none;cursor:default}.table{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:1px;justify-items:center;width:364px;height:184px;margin:2rem auto;padding:8px;background-color:#404040;border-radius:8px;touch-action:none}.table>button{background-color:#fff}@media (max-width: 400px){.table{width:336px}}:root{--tab-bg-active: white;--tab-bg-inactive: #2b2a33;--tab-color-active: black;--tab-color-inactive: rgb(160, 160, 160);--content-bg: rgb(28, 27, 34);--content-color: white}.tabButtonsContainer{display:flex;height:38px;border-bottom:1px solid rgb(61,61,61)}.tabButtonsContainer button{width:100%;padding:0;font-size:medium;border-radius:0}.tabButtonsContainer button.activeTab{color:#000;color:var(--tab-color-active);background-color:#fff;background-color:var(--tab-bg-active);z-index:1}.tabButtonsContainer button.inactiveTab{color:#a0a0a0;color:var(--tab-color-inactive);background-color:#2b2a33;background-color:var(--tab-bg-inactive)}.tabContent{height:280px;padding:20px 24px;overflow:auto;background-color:#1c1b22;background-color:var(--content-bg);color:#fff;color:var(--content-color)}.tabContent ul{margin:0;padding:0;list-style:none}.tabContent h3{font-size:large}.instructionsButtonContainer{display:flex;align-items:center;justify-items:center;place-items:center;justify-content:center;background-color:#2b2a33;background-color:var(--tab-bg-inactive)}.instructionsButtonContainer button{margin:8px 0 10px;background:#fff;background:var(--tab-bg-active);color:#000;color:var(--tab-color-active)}.statsTab{text-align:center}.statsTab h3{margin:2rem 0 .4rem}.statsTab .yesterday>li{margin-bottom:.2rem}.examplesTab ul{margin-top:.6rem}.instructionslistItem{margin:0 0 1rem 1rem;padding-left:.7rem;list-style-position:outside}.aboutTab{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.aboutTab li{margin:0;text-align:center}.aboutTab h3{margin:1.5rem 0 0}.instructionsButtonContainer button.highlight{background-color:#6ca965;color:#fff;border:1px solid #51824c;border-bottom:3px solid #51824c;animation:pulse 2s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tutorial{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:280px}.tutorial h3{font-size:medium;font-weight:400}.tutorialMessage{font-size:medium;font-weight:700;margin:0;text-align:center;line-height:1.4;height:56px;display:flex;align-items:center;justify-content:center}.tutorialProgress button{background-color:transparent;border:none;font-size:16px;cursor:pointer;color:#666;padding:0;line-height:1}.tutorialProgressIcon{font-size:22px;margin-right:4px}.progressMeter{display:flex;gap:6px;align-items:center}.progressSquare{width:8px;height:8px;border:1px solid #666;background-color:transparent;transition:background-color .1s ease}.progressSquare.filled{background-color:#666}.tutorialContent{height:170px;display:flex;justify-content:center;align-items:center;width:100%;position:relative}.tutorialContent button{width:100px;height:50px;font-size:36px;letter-spacing:18px}.tutorialTable{background:linear-gradient(to bottom,#404040 90%,transparent 100%);border-radius:8px 8px 0 0;padding:10px;width:290px;height:54px}.example{display:flex;flex-direction:column;gap:1.2rem}.example.noGap{gap:0}.tutorialRow{display:flex;gap:.2rem;height:60px;justify-content:center}.tutorialTileSlot{background-color:transparent;border:1px rgba(191,190,190,.523) solid;border-radius:8px;width:100px;height:50px}.tutorialTileSlot.tileSlotHighlighted>button{background-color:#6ca965;color:#fff;border:1px solid #51824c;border-bottom:3px solid #51824c}.tutorialTileSlot.animateSlot{animation:flash 2s}.tutorialTileSlot.animateSlot>button{animation-name:flash;animation-duration:2s}@keyframes flash{0%{background-color:#747bff}to{background-color:#fff}}.thumbsUp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2rem;animation:fadeUp .7s ease-out;pointer-events:none;z-index:100}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)}20%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-100%)}}.bonusWordsList{text-align:left;width:364px}@media (max-width: 400px){.bonusWordsList{width:336px}}.bonusWordsList.animate{animation:flashBonusContainer 1s ease-in}@keyframes flashBonusContainer{0%{background-color:transparent;color:transparent}50%{background-color:#646cff70;color:#fff}to{background-color:transparent;color:#fff}}.bonusWordsList>h2{font-size:medium;margin-bottom:0;display:inline}.bonusWordsList>ul{margin:0;padding:0;display:inline}.bonusWordsList>ul li{display:inline}.bonusWordsList>ul li:after{content:", "}.bonusWordsList>ul li:last-of-type:after{content:""}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--csstools-color-scheme--light: ;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;align-items:center;justify-items:center;place-items:center;min-width:320px;min-height:100dvh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}h1{font-size:3.2em;line-height:.5}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .2s}button:hover{border-color:#646cff}button:focus-visible{outline:4px auto -webkit-focus-ring-color}