.wordle-game[data-v-cec02cc9]{max-width:520px;margin:0 auto;padding:16px;display:flex;flex-direction:column;align-items:center}.game-info-bar[data-v-cec02cc9]{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.difficulty-bar[data-v-cec02cc9]{display:flex;justify-content:center;margin-bottom:12px}.grid-container[data-v-cec02cc9]{margin-bottom:16px}.grid[data-v-cec02cc9]{display:flex;flex-direction:column;gap:6px}.grid-row[data-v-cec02cc9]{display:flex;gap:6px}.grid-cell[data-v-cec02cc9]{width:56px;height:56px;border:2px solid #d3d6da;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#1a1a2e;text-transform:uppercase;transition:border-color .1s;background:#fff;position:relative;perspective:500px}.grid-cell.filled[data-v-cec02cc9]{border-color:#878a8c}.grid-cell.active-row[data-v-cec02cc9]{border-color:#999}.grid-cell.active-row.filled[data-v-cec02cc9]{border-color:#565758}.grid-cell.correct[data-v-cec02cc9]{background:#6aaa64;border-color:#6aaa64;color:#fff}.grid-cell.present[data-v-cec02cc9]{background:#c9b458;border-color:#c9b458;color:#fff}.grid-cell.absent[data-v-cec02cc9]{background:#787c7e;border-color:#787c7e;color:#fff}.grid-cell.flip[data-v-cec02cc9]{animation:flipCell-cec02cc9 .5s ease forwards}@keyframes flipCell-cec02cc9{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.grid-cell.pop[data-v-cec02cc9]{animation:popIn-cec02cc9 .1s ease}@keyframes popIn-cec02cc9{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.grid-cell.shake[data-v-cec02cc9]{animation:shakeCell-cec02cc9 .5s ease}@keyframes shakeCell-cec02cc9{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-4px)}30%,70%{transform:translate(4px)}}.grid-cell.hint-cell[data-v-cec02cc9]{border-color:#18a058;background:#18a0581a;color:#18a058;animation:hintPulse-cec02cc9 1.5s ease infinite}@keyframes hintPulse-cec02cc9{0%,to{box-shadow:0 0 #18a0584d}50%{box-shadow:0 0 8px 2px #18a05866}}.result-banner[data-v-cec02cc9]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;margin-bottom:12px;animation:slideDown-cec02cc9 .3s ease}.result-banner.win[data-v-cec02cc9]{background:linear-gradient(135deg,#6aaa64,#538d4e);color:#fff}.result-banner.lose[data-v-cec02cc9]{background:linear-gradient(135deg,#787c7e,#565758);color:#fff}.result-emoji[data-v-cec02cc9]{font-size:24px}@keyframes slideDown-cec02cc9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.keyboard[data-v-cec02cc9]{display:flex;flex-direction:column;gap:6px;width:100%;max-width:500px}.kb-row[data-v-cec02cc9]{display:flex;gap:4px;justify-content:center}.kb-key[data-v-cec02cc9]{min-width:36px;height:52px;border:none;border-radius:8px;background:#d3d6da;color:#1a1a2e;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;text-transform:uppercase;padding:0 6px;-webkit-user-select:none;user-select:none}.kb-key[data-v-cec02cc9]:hover{filter:brightness(.92)}.kb-key[data-v-cec02cc9]:active{transform:scale(.95)}.kb-wide[data-v-cec02cc9]{min-width:56px;font-size:12px}.kb-key.correct[data-v-cec02cc9]{background:#6aaa64;color:#fff}.kb-key.present[data-v-cec02cc9]{background:#c9b458;color:#fff}.kb-key.absent[data-v-cec02cc9]{background:#787c7e;color:#fff}@media (max-width: 420px){.grid-cell[data-v-cec02cc9]{width:46px;height:46px;font-size:20px}.kb-key[data-v-cec02cc9]{min-width:28px;height:46px;font-size:12px}.kb-wide[data-v-cec02cc9]{min-width:44px;font-size:10px}}