*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121213;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.App{width:100%;max-width:500px;margin:0 auto;padding:20px}.wordle-container{display:flex;flex-direction:column;align-items:center;gap:30px}.wordle-header{text-align:center;width:100%}.wordle-header h1{font-size:2.5rem;font-weight:700;letter-spacing:.2rem;margin-bottom:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.3)}.subtitle{font-size:.9rem;color:#818384;letter-spacing:.1rem;margin-bottom:20px;text-transform:uppercase}.game-over{margin-top:20px}.win-message{font-size:1.8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-weight:700}.lose-message{font-size:1.2rem;color:#f7da21;margin-bottom:15px}.lose-message strong{color:#fff;text-transform:uppercase}.win-section,.lose-section{display:flex;flex-direction:column;align-items:center;gap:15px}.energy-word-reveal{background:linear-gradient(145deg,#1a1a1b,#2a2a2b);border:2px solid #fbbf24;border-radius:12px;padding:20px 25px;max-width:400px;text-align:center;box-shadow:0 4px 20px #fbbf2426}.revealed-word{font-size:2rem;font-weight:700;letter-spacing:.3rem;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.energy-definition{font-size:.95rem;line-height:1.6;color:#d1d5db;text-align:left;padding:12px 15px;background:#fbbf2414;border-left:3px solid #fbbf24;border-radius:0 8px 8px 0;margin-top:10px}.lose-section .energy-definition{max-width:350px;margin-top:5px}.reset-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d;margin-top:10px}.reset-button:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.wordle-board{display:flex;flex-direction:column;gap:8px;width:100%;max-width:350px}.wordle-row{display:flex;gap:8px;justify-content:center}.wordle-cell{width:62px;height:62px;border:2px solid #3a3a3c;background-color:#121213;color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;transition:all .3s ease}.wordle-cell.empty{border-color:#3a3a3c;background-color:#121213}.wordle-cell.correct{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.wordle-cell.present{background-color:#c9b458;border-color:#c9b458;color:#fff}.wordle-cell.absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.keyboard{display:flex;flex-direction:column;gap:8px;width:100%;max-width:500px;padding:0 8px}.keyboard-row{display:flex;gap:6px;justify-content:center}.key{background-color:#818384;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:600;padding:14px 12px;cursor:pointer;transition:background-color .2s;min-width:43px;height:58px;text-transform:uppercase}.key:hover{background-color:#5f6365}.key.key-large{min-width:65px;font-size:.75rem}.key.correct{background-color:#f59e0b}.key.present{background-color:#c9b458}.key.absent{background-color:#3a3a3c;opacity:.8}@media (max-width: 480px){.wordle-cell{width:50px;height:50px;font-size:1.5rem}.key{min-width:30px;padding:10px 8px;font-size:.75rem;height:50px}.key.key-large{min-width:50px;font-size:.65rem}.wordle-header h1{font-size:1.8rem}.subtitle{font-size:.75rem}.energy-word-reveal{padding:15px 18px;max-width:320px}.revealed-word{font-size:1.5rem}.energy-definition{font-size:.85rem;padding:10px 12px}.lose-section .energy-definition{max-width:280px}}