.wordle-tile{transform-style:preserve-3d;--wordle-idle-bg:oklch(21% 0.006 285.885);--wordle-idle-border:oklch(55.2% 0.016 285.938);--wordle-idle-fg:oklch(96.7% 0.001 286.375)}.betweenle-tile{--betweenle-bound:#0ea5e9;--betweenle-typed:#f97316;--betweenle-solved:#10b981}.betweenle-tile-bound{background-color:var(--betweenle-bound);border-color:var(--betweenle-bound)}.betweenle-tile-typed{background-color:var(--betweenle-typed);border-color:var(--betweenle-typed)}.betweenle-tile-solved{background-color:var(--betweenle-solved);border-color:var(--betweenle-solved)}@media (prefers-reduced-motion:no-preference){@keyframes wordle-pop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.wordle-tile-pop{animation:wordle-pop .11s ease-out}@keyframes wordle-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.wordle-row-shake{animation:wordle-shake .38s ease-in-out}@keyframes wordle-flip{0%{transform:rotateX(0deg);background-color:var(--wordle-idle-bg);border-color:var(--wordle-idle-border);color:var(--wordle-idle-fg)}49.99%{transform:rotateX(90deg);background-color:var(--wordle-idle-bg);border-color:var(--wordle-idle-border);color:var(--wordle-idle-fg)}50%{transform:rotateX(90deg);background-color:var(--wordle-bg);border-color:var(--wordle-border);color:var(--wordle-fg)}to{transform:rotateX(0deg);background-color:var(--wordle-bg);border-color:var(--wordle-border);color:var(--wordle-fg)}}.wordle-tile-flip{animation:wordle-flip var(--wordle-flip-ms,.56s) ease-in-out both}@keyframes wordle-flip-plain{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.wordle-flip-plain{animation:wordle-flip-plain .5s linear both}@keyframes wordle-count-flip{0%{transform:rotateX(0deg);color:transparent}49.99%{transform:rotateX(90deg);color:transparent}50%{transform:rotateX(90deg);color:#ffffff}to{transform:rotateX(0deg);color:#ffffff}}.wordle-count-flip{animation:wordle-count-flip var(--wordle-count-flip-ms,.5s) linear both}@keyframes betweenle-walk{0%{transform:translateY(var(--betweenle-from))}}@keyframes betweenle-fill{0%{background-color:var(--betweenle-typed);border-color:var(--betweenle-typed)}to{background-color:var(--betweenle-bound);border-color:var(--betweenle-bound)}}.betweenle-land{animation:betweenle-walk .3s cubic-bezier(.455,.03,.515,.955) both,betweenle-fill .3s cubic-bezier(.215,.61,.355,1) both}@keyframes betweenle-solve{0%{background-color:var(--betweenle-typed);border-color:var(--betweenle-typed)}to{background-color:var(--betweenle-solved);border-color:var(--betweenle-solved)}}.betweenle-solve{animation:betweenle-solve .3s cubic-bezier(.215,.61,.355,1) both}@keyframes betweenle-shake{0%,to{transform:translateX(0)}33%{transform:translateX(-10%)}66%{transform:translateX(10%)}}.betweenle-shake{animation:betweenle-shake .1s cubic-bezier(.455,.03,.515,.955) 4}.betweenle-dot{transition:top .3s cubic-bezier(.455,.03,.515,.955)}@keyframes wordle-bounce{0%,to{transform:translateY(0)}35%{transform:translateY(-11px)}65%{transform:translateY(3px)}}.wordle-tile-win{animation:wordle-bounce .42s ease-in-out both}}