*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color:#2c3e50;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:700;line-height:1.2}button{cursor:pointer;font-family:inherit}button:focus{outline:none}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}.letter-display{display:flex;justify-content:center;flex-wrap:wrap;margin:30px 0}.letter-circle{width:60px;height:60px;background-color:#3498db;color:#fff;font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:8px;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.letter-circle:hover{transform:scale(1.1);cursor:pointer}.letter-circle.used{border:3px solid #e74c3c;transform:scale(1.1);box-shadow:0 4px 8px #0003}.input-field-container{margin:20px 0}.word-display{background-color:#fff;border:2px solid #ddd;border-radius:4px;padding:15px;font-size:20px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;box-shadow:inset 0 1px 3px #0000001a}.word-display[data-empty=true]{color:#95a5a6;font-style:italic}.word-display.completed{background-color:#f1c40f;color:#2c3e50;font-weight:700;border-color:#f39c12}.button-container{display:flex;gap:10px}.shuffle-button{border:none;background:none;padding:12px;font-size:24px;cursor:pointer;transition:transform .2s}.shuffle-button:hover{transform:scale(1.2)}.clear-button,.submit-button{flex:.9;border:none;padding:12px 20px;font-size:18px;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s}.clear-button{background-color:#e74c3c;color:#fff}.clear-button:hover:not(:disabled){background-color:#c0392b}.submit-button{background-color:#2ecc71;color:#fff}.submit-button:hover:not(:disabled){background-color:#27ae60}button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.message{margin-top:10px;padding:8px;border-radius:4px;text-align:center;animation:fadeIn .3s}.error-message{background-color:#e74c3c33;color:#c0392b}.success-message{background-color:#2ecc7133;color:#27ae60}.progress-indicator-container{margin:20px 0;text-align:center}.progress-count{font-size:18px;font-weight:700;margin-bottom:10px;color:#2c3e50}.progress-dots{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px;align-items:center}.progress-item{display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);min-width:20px;min-height:20px}.progress-item.empty{width:20px;height:20px;border-radius:50%;background-color:#ecf0f1;border:2px solid #bdc3c7}.progress-item.found{background-color:#2ecc71;border:2px solid #27ae60;border-radius:20px;padding:8px 16px;box-shadow:0 2px 8px #00000026;animation:expandToChip .6s cubic-bezier(.68,-.55,.265,1.55)}.word-text{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.5px;opacity:0;animation:fadeInText .3s ease-in .3s forwards}@keyframes expandToChip{0%{width:20px;height:20px;border-radius:50%;padding:0;transform:scale(1)}50%{transform:scale(1.15)}to{border-radius:20px;padding:8px 16px;transform:scale(1)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.timer{font-size:24px;font-weight:700;background-color:#2c3e50;color:#fff;padding:8px 16px;border-radius:20px;display:inline-block;box-shadow:0 2px 5px #0003;font-family:monospace}.game-container{background-color:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;max-width:800px;margin:0 auto}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#7f8c8d}.completion-message{margin-top:30px;background-color:#f1c40f;padding:20px;border-radius:8px;text-align:center;animation:fadeIn .5s}.completion-message h2{color:#2c3e50;margin-bottom:10px}.share-button{margin-top:15px;background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.share-button:hover{background-color:#2980b9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.game-header{flex-direction:column;align-items:center}}.App{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.app-header{text-align:center;margin-bottom:30px}.app-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.app-subtitle{color:#7f8c8d;font-size:1.2rem;margin-bottom:10px}.app-subsubtitle{color:#7f8c8d;font-size:1rem;margin-top:5px;margin-bottom:20px}main{margin-bottom:40px}.app-footer{margin-top:50px;text-align:center;color:#7f8c8d;font-size:.9rem;padding:20px 0;border-top:1px solid #ecf0f1}@media (max-width: 768px){.App{padding:15px}.app-header h1{font-size:2rem}.app-subtitle{font-size:1rem}.app-subsubtitle{font-size:.9rem}}