@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:border-color .15s ease,color .15s ease,background-color .15s ease}.instructionsButton:hover{border:1px solid white;color:#fff;background:#ffffff0f}.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;box-shadow:0 2px 6px #0000004d;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;line-height:1}.showScoreSheetButton:hover{background:#5a8a55;border-color:#5a8a55;box-shadow:0 3px 9px #0000005c}.modal{display:grid;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;background:#1c1b22;box-shadow:0 24px 60px #0000008c}.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:#121114b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal[open]{animation:modalPop .24s cubic-bezier(.16,1,.3,1)}.modal[open]::backdrop{animation:backdropFade .24s ease-out}.modal:not([open]){display:none}@keyframes modalPop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.modal[open],.modal[open]::backdrop{animation: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.2rem;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 rgb(59,59,59) 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:flash 1.8s ease-in-out}.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;box-shadow:0 1px 3px #0000002e;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;touch-action:none}.tile:hover:not(:disabled){box-shadow:0 3px 7px #00000042}.tile:active:not(:disabled){box-shadow:0 1px 1px #00000038}@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;align-content:start;width:364px;height:180px;margin-top:2.2rem;margin-bottom:1.2rem;padding:4px;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;gap:4px;padding:7px 6px 0;background-color:#2b2a33;background-color:var(--tab-bg-inactive);border-bottom:1px solid rgb(61,61,61)}.tabButtonsContainer button{box-sizing:border-box;width:100%;height:34px;padding:0 4px;font-size:medium;font-weight:500;color:#a0a0a0;color:var(--tab-color-inactive);background-color:transparent;border:0;border-bottom:3px solid transparent;border-radius:8px 8px 0 0;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.tabButtonsContainer button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.tabButtonsContainer button.inactiveTab:hover{color:#d8d8d8;background-color:#ffffff0f}.tabButtonsContainer button.activeTab{color:#000;color:var(--tab-color-active);background-color:#fff;background-color:var(--tab-bg-active);border-bottom-color:var(--accent);font-weight:600;box-shadow:0 -1px 5px #00000047;z-index:1}.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);border-top:1px solid rgb(61,61,61)}.instructionsButtonContainer button{margin:8px 0 10px;background:#fff;background:var(--tab-bg-active);color:#000;color:var(--tab-color-active);transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease}.instructionsButtonContainer button:hover{background:#ececec;box-shadow:0 2px 8px #00000047}.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;border-radius:4px}.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}.tutorialContent button.tile{overflow:hidden}.tutorialContent button.tile:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;position:relative;z-index:3}.tutorialContent button.tile:not(:disabled):not(.deemphasized){animation:tileAuraPulse 3s ease-in-out infinite}.tutorialContent button.tile.tileDragging{animation:none}@keyframes tileAuraPulse{0%,to{box-shadow:0 1px 3px #0000002e,0 0 #6687a900,0 0 6px 1px #6687a94d}50%{box-shadow:0 1px 3px #0000002e,0 0 0 4px #6687a938,0 0 16px 5px #6687a999}}@media (prefers-reduced-motion: reduce){.tutorialContent button.tile:not(:disabled):not(.deemphasized){animation:none;box-shadow:0 1px 3px #0000002e,0 0 0 3px #6687a938,0 0 12px 3px #6687a980}}.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;box-sizing:border-box;overflow:visible;flex-shrink:0}.tutorialTileSlot>button.tile{box-sizing:border-box;max-width:100%;border-radius:7px}.tutorialTileSlot.tileSlotHighlighted>button{background-color:#6ca965;color:#fff;border:1px solid #51824c;border-bottom:3px solid #51824c}.tutorialTileSlot.animateSlot{animation:flash 1.8s ease-in-out}.tutorialTileSlot.animateSlot>button{animation:flash 1.8s ease-in-out}@keyframes flash{0%{background-color:var(--accent)}35%{background-color:var(--accent)}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;min-height:1.5rem}@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:var(--accent-fade);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;--accent: #6687a9;--accent-strong: #6687a9;--accent-hover: #88a3bf;--accent-fade: rgba(102, 135, 169, .44);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#6687a9;color:var(--accent);text-decoration:inherit}a:hover{color:#88a3bf;color:var(--accent-hover)}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:#6687a9;border-color:var(--accent)}button:focus-visible{outline:2px solid #6687a9;outline:2px solid var(--accent-strong);outline-offset:2px}