.wordle-page{display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;min-height:calc(100vh - 80px);background:#f1f5f9;font-family:system-ui,sans-serif}.wordle-header{text-align:center;margin-bottom:20px}.wordle-title{font-size:28px;font-weight:800;letter-spacing:.12em;color:#0f172a;text-transform:uppercase}.wordle-subtitle{font-size:12px;color:#64748b;margin-top:4px;letter-spacing:.05em}.wordle-notification{background:#1e293b;color:#f8fafc;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;margin-bottom:16px;animation:wordle-pop .2s ease;text-align:center}@keyframes wordle-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.wordle-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.wordle-row{display:flex;gap:6px}.wordle-tile{width:58px;height:58px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;border:2px solid #cbd5e1;background:#fff;color:#0f172a;transition:border-color .1s ease;-webkit-user-select:none;user-select:none}.wordle-tile--pending{border-color:#64748b;animation:wordle-bounce .1s ease}@keyframes wordle-bounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.wordle-tile--correct,.wordle-tile--present,.wordle-tile--absent{border-color:transparent;color:#fff;animation:wordle-flip .5s ease forwards}.wordle-row .wordle-tile:nth-child(1){animation-delay:0s}.wordle-row .wordle-tile:nth-child(2){animation-delay:.1s}.wordle-row .wordle-tile:nth-child(3){animation-delay:.2s}.wordle-row .wordle-tile:nth-child(4){animation-delay:.3s}.wordle-row .wordle-tile:nth-child(5){animation-delay:.4s}@keyframes wordle-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.wordle-tile--correct{background:#16a34a}.wordle-tile--present{background:#d97706}.wordle-tile--absent{background:#64748b}.wordle-row--shake{animation:wordle-shake .4s ease}@keyframes wordle-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wordle-keyboard{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:500px}.wordle-keyboard-row{display:flex;gap:6px;justify-content:center}.wordle-key{min-width:40px;height:58px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;border:0;cursor:pointer;background:#e2e8f0;color:#0f172a;transition:background .15s ease,color .15s ease,transform .08s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wordle-key:active{transform:scale(.94)}.wordle-key--wide{min-width:66px;font-size:12px}.wordle-key--correct{background:#16a34a;color:#fff}.wordle-key--present{background:#d97706;color:#fff}.wordle-key--absent{background:#94a3b8;color:#fff}.wordle-gameover{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:24px;padding:20px 28px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #00000012;text-align:center}.wordle-gameover-label{font-size:15px;font-weight:600;color:#334155}.wordle-gameover-answer{font-size:26px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#0f172a}.wordle-restart-btn{margin-top:4px;padding:10px 28px;background:#0f172a;color:#f8fafc;border:0;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .08s ease}.wordle-restart-btn:hover{background:#1e293b}.wordle-restart-btn:active{transform:scale(.97)}@media (max-width: 380px){.wordle-tile{width:50px;height:50px;font-size:19px}.wordle-key{min-width:32px;height:50px;font-size:12px}.wordle-key--wide{min-width:52px}}