.wordle-space{--tile-gap:clamp(4px, 1.2vw, 8px);--tile-size:min(calc(var(--nav-size) * 1.15), calc((min(94vw, 30rem) - (var(--key-guess-count) - 1) * var(--tile-gap)) / var(--key-guess-count)));--tile-radius:8px;--color-correct:#16a34a;--color-found:#d99a25;--color-wrong:#6b7280;color:var(--text-color);min-height:100vh;min-height:100svh;font-family:var(--font-family-base);background:radial-gradient(circle at 12% 18%, #00c1c11a, transparent 42%), radial-gradient(circle at 88% 12%, #ff732e1a, transparent 40%), radial-gradient(circle at 50% 92%, #3838ff14, transparent 48%), var(--bg-page);flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.dark-theme .wordle-space{background:radial-gradient(circle at 12% 18%, #00ffff14, transparent 42%), radial-gradient(circle at 88% 12%, #ff732e1a, transparent 40%), radial-gradient(circle at 50% 92%, #4da6ff1a, transparent 48%), var(--bg-page)}.footer-space{background-color:#0000!important}.wordle-main{width:100%;max-width:34rem;padding:calc(var(--nav-size) * 1.35) var(--spacing-sm) var(--spacing-lg);z-index:1;flex-direction:column;flex:1 0 auto;align-items:center;display:flex}.title{margin:0 0 var(--spacing-xs);padding-bottom:var(--spacing-xs);color:var(--text-color);font-size:clamp(.9rem,8vw,2.6rem);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;text-align:center;line-height:1;position:relative}.title:after{content:"";width:clamp(60px,26vw,120px);height:4px;margin:var(--spacing-xs) auto 0;background:linear-gradient(90deg, var(--fg-mint), var(--fg-blue), var(--fg-pink));border-radius:999px;display:block}.timer{margin:0 0 var(--spacing-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--text-color);background:var(--bg-page-transp);border:1px solid var(--border-nav);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.4em;padding:.35em .9em;display:inline-flex}.guessGrid{justify-content:center;align-items:center;gap:var(--tile-gap);width:100%;margin:var(--spacing-xs) 0 var(--spacing-md);text-align:center;flex-direction:column;display:flex}.guess-row{justify-content:center;align-items:center;display:flex}.key-guess{width:var(--tile-size);height:var(--tile-size);margin:calc(var(--tile-gap) / 2);vertical-align:middle;font-size:calc(var(--tile-size) * .52);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-color);border:2px solid var(--border-nav);border-radius:var(--tile-radius);-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;line-height:1;transition:border-color .15s,transform .1s;display:inline-flex}.key-guess.filled{border-color:var(--fg-blue);animation:.12s ease-out tilePop}@keyframes tilePop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}.wordle-space .key-guess.correct,.wordle-space .key-guess.found,.wordle-space .key-guess.wrong{color:#fff;border-color:#0000;animation:.45s both tileReveal}.wordle-space .key-guess.correct{background:var(--color-correct);box-shadow:0 4px 12px #16a34a4d}.wordle-space .key-guess.found{background:var(--color-found);box-shadow:0 4px 12px #d99a254d}.wordle-space .key-guess.wrong{background:var(--color-wrong);box-shadow:none}@keyframes tileReveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.game-start-message{margin-top:var(--spacing-sm);color:var(--text-color-accent);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;animation:.5s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wordle-answer{width:100%;max-width:30rem;margin:0 auto var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color);background:var(--bg-page-transp);border:1px solid var(--border-nav);border-left:4px solid var(--fg-mint);border-radius:var(--border-radius);box-shadow:var(--shadow-md);animation:.4s both fadeInUp}.wordle-answer strong{font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--fg-mint);font-size:1.15em}.keyboard{width:100%;max-width:32rem;margin:0 auto var(--spacing-sm);text-align:center}.keyboard-div1{flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.keyboard-div2{margin:3px 2.5px;display:inline-flex}.keyboard-div2.keyboard-break{flex-basis:100%;width:100%;height:0;margin:0;padding:0}.keyboard-div2.keyboard-break br{display:none}.key{height:calc(var(--nav-size) * 1.15);min-width:calc(9.09091vw - .181818rem);max-width:calc(var(--nav-size) * 1.05);font-family:var(--font-family-base);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-color);background:var(--bg-nav-dropper);cursor:pointer;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;flex:auto;justify-content:center;align-items:center;padding:0 .35em;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}.key:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-md);background:var(--bg-nav-dropper);transform:translateY(-1px)}.key:active{transform:translateY(0)scale(.96)}.key[id=⏎],.key[id=⌫]{min-width:calc(14.2857vw - .285714rem);max-width:calc(var(--nav-size) * 1.7);font-size:var(--font-size-base);background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));color:var(--text-color-inv)}.wordle-space .key.correct{background:var(--color-correct);color:#fff}.wordle-space .key.found{background:var(--color-found);color:#fff}.wordle-space .key.wrong{background:var(--color-wrong);color:#fff;opacity:.85}.automate{align-items:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.wordle-controls{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;width:100%;display:flex}#automate-newBut,#automate-solutionBut,#automate-settingBut{height:calc(var(--nav-size) * .95);padding:0 var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color-inv);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .15s,filter .15s;display:inline-flex}#automate-newBut{background:linear-gradient(135deg, var(--fg-mint), var(--fg-blue))}#automate-solutionBut{background:linear-gradient(135deg, var(--fg-orange), var(--fg-pink))}#automate-settingBut{width:calc(var(--nav-size) * .95);font-size:var(--font-size-large);background:var(--bg-nav-dropper);color:var(--text-color);padding:0}#automate-newBut:hover,#automate-solutionBut:hover,#automate-settingBut:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-2px)}#automate-newBut:active,#automate-solutionBut:active,#automate-settingBut:active{transform:translateY(0)scale(.98)}.settingMenu-overlay{padding:var(--spacing-md);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#00000080;justify-content:center;align-items:center;animation:.2s both overlayFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.settingMenu{width:100%;max-width:26rem;max-height:min(85vh,42rem);padding:var(--spacing-md);text-align:center;font-size:var(--font-size-small);color:var(--text-color);background:var(--bg-page);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin:0 auto;animation:.22s cubic-bezier(.25,.46,.45,.94) both modalPopIn;position:relative;overflow-y:auto}@keyframes modalPopIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.settingMenu-header{margin:calc(var(--spacing-xs) * -1) calc(var(--spacing-xs) * -1) var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-nav);justify-content:space-between;align-items:center;display:flex}.settingMenu-header h2{font-size:var(--font-size-large);font-weight:var(--font-weight-bold);margin:0}.settingMenu-close{width:calc(var(--nav-size) * .7);height:calc(var(--nav-size) * .7);min-height:0;font-size:var(--font-size-base);color:var(--text-color);background:var(--bg-nav-dropper);cursor:pointer;box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:transform .12s,filter .15s;display:inline-flex}.settingMenu-close:hover{filter:brightness(1.1);box-shadow:none;background:var(--bg-nav-dropper);transform:rotate(90deg)}.settingMenu label{cursor:pointer;color:var(--text-color)}.settingMenu input[type=checkbox]{accent-color:var(--fg-blue);cursor:pointer;min-height:0}#settingMenu-text{width:3.2em;height:auto;min-height:0;margin-left:var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-align:center;color:var(--text-color);background:var(--bg-1);border:2px solid var(--border-nav);border-radius:var(--border-radius-sm);vertical-align:middle;padding:.3em}#automate-solverbut{height:calc(var(--nav-size) * .8);padding:0 var(--spacing-md);margin-top:var(--spacing-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-color-inv);background:linear-gradient(135deg, var(--fg-blue), var(--fg-mint));cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .15s,filter .15s;display:inline-flex}#automate-solverbut:hover{box-shadow:var(--shadow-md);filter:brightness(1.05);transform:translateY(-2px)}.credits{width:100%;max-width:30rem;margin:var(--spacing-sm) auto var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-align:center;color:var(--text-color);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);white-space:pre-line;background:var(--bg-page-transp);border:1px solid var(--border-nav);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.credits:empty{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.credits-clickable{cursor:pointer;font-weight:var(--font-weight-semibold);border-color:var(--fg-blue)!important;background:linear-gradient(135deg, var(--bg-blue), var(--bg-mint))!important}.credits-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.expand-toggle{border-radius:var(--border-radius-sm);padding:2px 6px;transition:all .2s}.expand-toggle:hover{background-color:var(--fg-blue)!important;color:var(--text-color-inv)!important}.guessGrid.shake{animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.wordle-space *,.wordle-space :before,.wordle-space :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (orientation:landscape) and (max-height:560px){.wordle-main{padding-top:calc(var(--nav-size) * 1.1)}.title{font-size:clamp(1.4rem,4vh,2rem)}.key{height:calc(var(--nav-size) * .95)}.key-guess{--tile-size:min(calc(var(--nav-size) * .95), 8vh)}}@media (min-width:600px){.key{min-width:calc(var(--nav-size) * .85)}.key[id=⏎],.key[id=⌫]{min-width:calc(var(--nav-size) * 1.5)}}