.App{background-color:#121212;color:#fff;height:100vh;overflow-y:auto;text-align:center;width:100vw}body{margin:0;padding:0}nav{border-bottom:1px solid grey;display:grid;height:60px;margin:0;place-items:center;width:100%}nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:45px;margin:0}.game{align-items:center;height:calc(100vh - 100px);padding-top:50px;width:100vw}.board,.game{display:flex;flex-direction:column}.board{border:1px solid #121212;height:550px;width:450px}.row{display:flex;flex:33% 1;flex-direction:row;margin:5px}.letter{border:1px solid grey;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:100%;margin:5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}#blank{background-color:#121212}.keyboard{height:300px;margin-top:60px;width:700px}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:20px;height:70px;margin:5px;place-items:center;width:50px}#big{width:100px}#disabled{background-color:#3a393c}@media only screen and (max-width:600px){.App{background-color:#121212;color:#fff;height:100vh;text-align:center;width:100vw}body{margin:0;padding:0}nav{border-bottom:1px solid grey;display:grid;height:4vh;margin:0;place-items:center;width:100%}nav h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:1.2rem;margin:0}.game{align-items:center;height:calc(100vh - 70px);padding-top:1vh;width:100vw}.board,.game{display:flex;flex-direction:column}.board{border:1px solid #121212;height:63vh;width:90vw}.row{display:flex;flex:33% 1;flex-direction:row;margin:1px}.letter{border:1px solid grey;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:1em;font-weight:bolder;height:80%;margin:4px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}#blank{background-color:#121212}.keyboard{height:40vh;margin-top:0;width:100vw}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:1px}.key{background-color:grey;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:1em;height:3em;margin:.1em;place-items:center;-webkit-user-select:none;user-select:none;width:2.5em}#big{font-size:.8em;height:3.73em;width:5em}#disabled{background-color:#3a393c}}nav{position:relative}.timer{font-feature-settings:"tnum";color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.startScreen{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:24px 16px}.startLogo{border:3px solid #fff;border-radius:10px;display:flex;gap:5px;margin-bottom:24px;padding:6px}.startTile{background-color:#121212;border:1px solid grey;color:#fff;display:grid;font-size:16px;font-weight:700;height:26px;place-items:center;width:26px}.startTileAlmost{background-color:#b49f39;border-color:#b49f39}.startTileCorrect{background-color:#528d4e;border-color:#528d4e}.startTitle{font-size:64px;font-weight:900;letter-spacing:-1px;margin:0 0 12px}.startTagline{text-wrap:balance;font-size:28px;line-height:1.25;margin:0 0 36px;max-width:480px}.startSubtag{color:#bdbdbd;font-size:17px;line-height:1.4;margin:0 0 36px;max-width:420px}.startPlay{background-color:#fff;border:none;border-radius:28px;color:#121212;cursor:pointer;font-family:inherit;font-size:20px;font-weight:700;height:56px;width:200px}.startPlay:hover{background-color:#e2e2e2}.startDate{color:#bdbdbd;font-size:16px;font-weight:700;margin-top:36px}@media only screen and (max-width:600px){.timer{font-size:1rem;right:12px}.startTitle{font-size:48px}.startTagline{font-size:22px}.startSubtag{font-size:15px}.startTile{font-size:14px;height:22px;width:22px}}.navBack{background:none;border:none;color:#fff;cursor:pointer;font-size:34px;left:12px;line-height:1;padding:0 8px}.navBack,.navMode{position:absolute;top:50%;transform:translateY(-50%)}.navMode{color:#bdbdbd;font-family:Helvetica,Arial,sans-serif;font-size:14px;left:52px}.startModes{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:8px}.startMode{align-items:center;display:flex;flex-direction:column;width:220px}.startModeNote{color:#bdbdbd;font-size:14px;line-height:1.4;margin:10px 0 0;min-height:2.8em}.startPlayAlt{background-color:#528d4e;color:#fff}.startPlayAlt:hover{background-color:#5f9f5a}.startPlay:disabled{background-color:#3a393c;color:#bdbdbd;cursor:default}.startNumber{font-weight:400}.linkButton{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:17px;margin-top:16px;padding:8px;text-decoration:underline;text-underline-offset:4px}.gameOver{font-family:Helvetica,Arial,sans-serif;padding:0 16px 24px}.gameOver h3{margin:8px 0}.scoreLine{font-size:22px;margin:12px 0}.gameOverActions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.pillButton{background-color:#fff;border:none;border-radius:22px;color:#121212;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;height:44px;min-width:120px;padding:0 20px}.pillButtonAlt{background-color:initial;border:2px solid #5a5a5a;color:#fff}.pillButton:disabled{cursor:default;opacity:.4}.nameEntry{color:#bdbdbd;flex-direction:column;font-size:15px;margin:8px 0}.nameEntry,.nameEntryRow{align-items:center;display:flex;gap:10px}.initialsInput{background:#121212;border:2px solid #5a5a5a;border-radius:6px;box-sizing:border-box;color:#fff;font-family:Courier New,Courier,monospace;font-size:28px;font-weight:700;height:44px;letter-spacing:8px;padding-left:8px;text-align:center;text-transform:uppercase;width:110px}.initialsInput:focus{border-color:#b49f39;outline:none}.formError{color:#e57373;font-size:14px}.leaderboard{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;min-height:100vh;padding:32px 16px}.leaderboardTitle{font-size:40px;margin:0 0 6px}.leaderboardSub{color:#bdbdbd;margin:0 0 20px}.tabs{border:2px solid #5a5a5a;border-radius:22px;display:flex;margin-bottom:20px;padding:3px}.tab{background:none;border:none;border-radius:18px;color:#bdbdbd;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:8px 18px}.tabActive{background:#fff;color:#121212}.leaderboardTable{font-feature-settings:"tnum";border-collapse:collapse;font-variant-numeric:tabular-nums;max-width:420px;width:100%}.leaderboardTable th{border-bottom:1px solid #3a393c;color:#8a8a8a;font-size:12px;font-weight:400;letter-spacing:1px;padding:6px 8px;text-transform:uppercase}.leaderboardTable td{border-bottom:1px solid #2a2a2a;font-size:17px;padding:10px 8px}.lbName{font-family:Courier New,Courier,monospace;font-size:20px;letter-spacing:3px}.lbMain,.lbName{font-weight:700}.lbSub{color:#bdbdbd;font-size:15px}.rowMine td{background-color:#b49f3940}.leaderboardEmpty{color:#bdbdbd;margin:24px 0}.leaderboardHow{color:#8a8a8a;font-size:13px;line-height:1.4;margin-top:16px;max-width:380px}@media only screen and (max-width:600px){.navBack{font-size:26px;left:4px}.navMode{font-size:11px;left:34px}.startModes{gap:4px}.startMode{max-width:260px;width:100%}.startModeNote{margin-bottom:14px;min-height:0}.leaderboardTitle{font-size:32px}}.startLinks{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:16px}.startLinks .linkButton{margin-top:0}.navHelp{background:none;border:2px solid #8a8a8a;border-radius:50%;color:#fff;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;height:28px;line-height:1;padding:0;position:absolute;right:84px;top:50%;transform:translateY(-50%);width:28px}.helpBackdrop{align-items:flex-start;background:#000000b3;box-sizing:border-box;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:32px 16px;position:fixed;z-index:10}.helpPanel{background:#1c1c1e;border:1px solid #3a393c;border-radius:14px;box-sizing:border-box;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;max-width:480px;padding:28px 28px 24px;position:relative;text-align:left;width:100%}.helpPanel h2{font-size:26px;margin:0 0 4px}.helpPanel h3{font-size:16px;margin:22px 0 6px}.helpPanel p{margin:6px 0}.helpLead{font-size:17px}.helpClose{background:none;border:none;color:#bdbdbd;cursor:pointer;font-size:30px;line-height:1;padding:4px 8px;position:absolute;right:12px;top:10px}.helpClose:hover{color:#fff}.helpList{margin:8px 0;padding-left:20px}.helpList li{margin:4px 0}.helpKey{display:flex;flex-direction:column;gap:8px;margin:10px 0 18px}.helpKey>div{align-items:center;display:flex;gap:10px}.helpRow{display:flex;gap:5px;margin:8px 0}.helpTile{background:#121212;border:1px solid grey;color:#fff;display:grid;flex:none;font-size:18px;font-weight:700;height:36px;place-items:center;width:36px}.helpKeyTile{font-size:14px;height:28px;width:28px}.helpCorrect{background:#528d4e;border-color:#528d4e}.helpAlmost{background:#b49f39;border-color:#b49f39}.helpNone{background:#3a393c;border-color:#3a393c}.helpExampleLabel{margin-top:4px}.helpExampleNote{color:#bdbdbd}.helpCredits{border-top:1px solid #3a393c;margin-top:22px;padding-top:4px}.helpCredits a{color:#fff;font-weight:700;text-underline-offset:3px}.helpFine{color:#8a8a8a;font-size:13px}.helpGotIt{display:block;margin:20px auto 0}@media only screen and (max-width:600px){.navHelp{border-width:1.5px;font-size:12px;height:22px;right:56px;width:22px}.helpBackdrop{padding:12px}.helpPanel{padding:22px 18px 18px}.helpTile{height:32px;width:32px}}.lbWord{color:#528d4e;font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:2px}@media only screen and (max-width:600px){.leaderboardTable td,.leaderboardTable th{padding-left:5px;padding-right:5px}.lbName{font-size:17px;letter-spacing:2px}.lbWord{font-size:15px;letter-spacing:1px}.lbSub{font-size:13px}}.navLeft{align-items:center;bottom:0;display:flex;gap:2px;left:8px;position:absolute;top:0}.navLeft .navBack,.navLeft .navMode{position:static;transform:none}.navLeft .navBack{align-items:center;display:flex;font-size:0;height:36px;justify-content:center;padding:0;width:36px}@media only screen and (max-width:600px){.navLeft{left:2px}.navLeft .navBack{height:30px;width:30px}.navLeft .navBack svg{height:18px;width:18px}}.toastWrap{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:76px;z-index:20}.toast{animation:toastLife 1.8s ease forwards;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0006;box-sizing:border-box;color:#121212;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;max-width:calc(100vw - 32px);padding:12px 18px}@keyframes toastLife{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.rowShake{animation:rowShake .4s ease}@keyframes rowShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.toast{animation:toastFade 1.8s linear forwards}.rowShake{animation:none}@keyframes toastFade{0%,80%{opacity:1}to{opacity:0}}}@media only screen and (max-width:600px){.toastWrap{top:48px}.toast{font-size:15px;padding:10px 16px}}.gameOverSummary{font-size:18px;font-weight:700;margin:12px 0 10px}.resultsPanel{max-width:440px;text-align:center}.resultsKicker{color:#8a8a8a;font-size:13px;letter-spacing:2px;margin:0 0 4px!important;text-transform:uppercase}.resultsTitle{animation:resultsPop .45s cubic-bezier(.2,1.6,.4,1);font-size:34px!important;font-weight:900;margin:0 0 14px!important}@keyframes resultsPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.resultsWord{display:flex;gap:5px;justify-content:center;margin-bottom:18px}.resultsTile{background:#3a393c;border:1px solid #3a393c;display:grid;font-size:20px;font-weight:700;height:38px;place-items:center;width:38px}.resultsTileWin{animation:tileFlip .5s ease backwards;background:#528d4e;border-color:#528d4e}.resultsTileWin:nth-child(2){animation-delay:.08s}.resultsTileWin:nth-child(3){animation-delay:.16s}.resultsTileWin:nth-child(4){animation-delay:.24s}.resultsTileWin:nth-child(5){animation-delay:.32s}@keyframes tileFlip{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.resultsStats{display:flex;gap:8px;justify-content:center}.resultsStat{flex:1 1;min-width:0}.resultsStatValue{font-feature-settings:"tnum";font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.resultsStatLabel{color:#bdbdbd;font-size:12px;line-height:1.3}.resultsStatsSmall .resultsStatValue{font-size:28px}.resultsCallout{background:#e573731f;border:1px solid #e5737373;border-radius:8px;color:#ffb4b4;font-size:14px;margin:16px 0 0!important;padding:10px 12px}.resultsSection{border-top:1px solid #3a393c;margin-top:20px;padding-top:16px;text-align:left}.resultsSection h3{font-size:13px!important;letter-spacing:1.5px;margin:0 0 10px!important;text-transform:uppercase}.resultsSection.nameEntry{align-items:center;text-align:center}.resultsMuted{color:#8a8a8a;font-size:13px}.pctRow{margin:10px 0}.pctHead{display:flex;font-size:14px;justify-content:space-between;margin-bottom:4px}.pctValue{font-weight:700}.pctTrack{background:#2a2a2c;border-radius:5px;height:10px;overflow:hidden}.pctFill{animation:pctGrow .8s ease;background:linear-gradient(90deg,#b49f39,#528d4e);border-radius:5px;height:100%;transform-origin:left}@keyframes pctGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dist h4{color:#bdbdbd;font-size:13px;font-weight:400;margin:16px 0 6px}.distRow{align-items:center;display:flex;font-size:13px;gap:8px;margin:3px 0}.distLabel{font-weight:700;text-align:right;width:16px}.distTrack{flex:1 1}.distBar{background:#3a393c;box-sizing:border-box;color:#fff;font-size:12px;font-weight:700;min-width:22px;padding:2px 6px;text-align:right}.distBarMine,.shareButton{background:#528d4e}.shareButton{color:#fff}.resultsPanel .gameOverActions{margin-top:22px}.confetti{inset:0;overflow:hidden;pointer-events:none;position:fixed}.confetti span{animation-fill-mode:forwards;animation-name:confettiFall;animation-timing-function:ease-in;border-radius:2px;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:.8;transform:translateY(105vh) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.confetti,.pctFill,.resultsTileWin,.resultsTitle{animation:none!important}.confetti{display:none}}@media only screen and (max-width:600px){.resultsTitle{font-size:28px!important}.resultsStatValue{font-size:30px}.resultsStatsSmall .resultsStatValue{font-size:24px}.resultsTile{height:34px;width:34px}}.startCallout{color:#ffb4b4;display:block;font-weight:700;margin-top:4px}.devReset{color:#8a8a8a!important;font-size:13px!important;margin-top:8px!important}.startNextPuzzle{display:block}.tabsBig .tab{font-size:17px;padding:10px 26px}.tabsBig{margin-bottom:14px}.personalBoards{max-width:420px;width:100%}.personalSection{margin-bottom:28px}.personalSection h2{font-size:20px;margin:0 0 12px;text-align:left}.personalBests{background:#1c1c1e;border:1px solid #3a393c;border-radius:10px;display:flex;gap:6px;margin-bottom:12px;padding:12px 6px}.personalBestValue{font-feature-settings:"tnum";font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.lbDate{color:#8a8a8a;display:block;font-family:Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:0}@media only screen and (max-width:600px){.tabsBig .tab{font-size:15px;padding:8px 20px}.personalBestValue{font-size:18px}}.key{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;transition:transform 60ms ease,background-color 60ms ease;user-select:none;-webkit-user-select:none}.keyPressed{background-color:#6e6e6e;transform:scale(.94)}@media only screen and (max-width:600px){.App{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.App>nav{flex:none;height:44px}.game{box-sizing:border-box;padding-top:6px}.board,.game{flex:1 1;height:auto;min-height:0}.board{width:min(92vw,420px)}.row{margin:1px 0}.letter{margin:2px}.keyboard{box-sizing:border-box;flex:none;height:auto;margin:0;padding:8px 4px calc(8px + env(safe-area-inset-bottom));width:100%}.line1,.line2,.line3{gap:5px;margin:0 0 8px}.line3{margin-bottom:0}.key{border-radius:5px;flex-basis:calc(10% - 4.5px);flex-grow:0;flex-shrink:1;font-size:20px;margin:0}#big,.key{height:54px;width:auto}#big{flex-basis:calc(15% - 6.75px);font-size:12px}.gameOver{flex:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media only screen and (max-width:600px) and (max-height:700px){#big,.key{height:46px}}.helpBackdropCenter{align-items:center}.quitPanel{max-width:360px;text-align:center}.quitPanel h2{margin-bottom:10px!important}.pillButtonDanger{background:#0000;border:2px solid #ff8a80;color:#ff8a80}body,html{background-color:#121212;margin:0}.startLogo{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.startLogoBounce{animation:logoBounce .25s ease}@keyframes logoBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08) rotate(-2deg)}}.classicToast{animation:none}@media (prefers-reduced-motion:reduce){.startLogoBounce{animation:none}}
/*# sourceMappingURL=main.e5fad658.css.map*/