@keyframes bounce-in{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes flip-with-scale{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}body{font-family:sans-serif}.app{--wordle-light-gray: #d3d6da;--wordle-correct-green: #6aaa64;--wordle-present-yellow: #c9b458;--wordle-absent-gray: #787c7e;--spacing: 8px;--mobile-spacing: 5px;--letter-size: 64px;--mobile-key-scaler: .67;display:flex;align-items:center;flex-direction:column}.app-header{font-size:32px;font-weight:700;text-align:center;font-family:Oswald,sans-serif}.divider{width:100%}.wordle-board{position:relative;margin:calc(var(--spacing) * 2)}.wordle-row{display:flex;gap:var(--spacing)}.wordle-row:not(:last-child){margin-bottom:var(--spacing)}.wordle-letter{display:flex;align-items:center;justify-content:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.wordle-board-letter{height:var(--letter-size);width:var(--letter-size);border:2px solid var(--wordle-light-gray);font-size:36px;font-weight:700}.wordle-board-letter--filled{border:2px solid gray;animation:bounce-in .3s ease}.wordle-board-letter--evaluated{border:2px solid transparent;animation:flip-with-scale .5s ease}.letter-evaluated{color:#fff}.keyboard{display:flex;flex-direction:column;align-items:center}.keyboard-row{display:flex;gap:var(--spacing)}.keyboard-row:not(:first-child){margin-top:var(--spacing)}.keyboard-key{padding:18px 12px;border-radius:4px;min-width:20px;font-size:20px;font-weight:700;cursor:pointer}@media (max-width: 480px){.keyboard-key{padding:12px 8px;font-size:15px;min-width:14px}.keyboard-row{gap:var(--mobile-spacing)}.wordle-board{margin:calc(var(--mobile-spacing) * 2)}.wordle-board-letter{height:calc(var(--letter-size) * .8);width:calc(var(--letter-size) * .8);font-size:30px}.wordle-row{gap:var(--mobile-spacing)}.wordle-row:not(:last-child){margin-bottom:var(--mobile-spacing)}.app-header{font-size:28px}}.special-key{font-size:14px}.default-key-state{background-color:var(--wordle-light-gray)}.default-board-letter-state{background-color:#fff}.absent-state{background-color:var(--wordle-absent-gray)}.present-state{background-color:var(--wordle-present-yellow)}.correct-state{background-color:var(--wordle-correct-green)}.user-message{background:#000000b3;font-weight:700;padding:16px;border-radius:6px;color:#fff}.error-message{position:absolute;left:50%;top:10px;transform:translate(-50%)}.game-end-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}