.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;font-family:Arial,sans-serif;background-color:#e6edf7;display:flex;justify-content:center;align-items:center;height:auto;color:#333;overflow-x:hidden}.apple{display:flex;flex-direction:column;align-items:center;max-width:100%;width:1000px;padding:20px;border-radius:10px;box-sizing:border-box}.attempts-container{display:flex;flex-direction:column;align-items:center;font-size:2rem;gap:10px;width:100%;max-width:200px}.attempts-container span{font-weight:700;font-size:3rem;color:#ff6f61}.figure-container{fill:transparent;stroke:#ff6f61;stroke-width:6px;stroke-linecap:round}.principal{display:flex;flex-direction:column;gap:20px;align-items:center;flex:1}.game-container{display:flex;flex-direction:column;align-items:center}.word{display:flex;gap:10px;justify-content:center;font-size:24px;flex-wrap:wrap}.letter{border-bottom:3px solid #ff6f61;display:inline-flex;font-size:22px;align-items:center;justify-content:center;height:40px;width:40px;color:#333;background-color:#fff;border-radius:8px;transition:background-color .3s ease,box-shadow .3s ease}.letter:hover{background-color:#ffe0e0;box-shadow:0 2px 8px #0000001a}.boton{padding:.8rem 2rem;cursor:pointer;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;border:none;background-color:#ff6f61;border-radius:8px;color:#fff;position:relative;transition:background-color .3s ease}.boton:hover{background-color:#e55a4f}.incorrect-letters-container{display:flex;flex-direction:column;align-items:center;width:auto;margin-top:20px}.incorrect-letters-container p{font-size:2rem;color:#e55a4f;margin:0}.incorrect-letters-container span{font-size:22px;font-weight:700;color:#ff6f61}@media (min-width: 1024px){.letter{font-size:22px;height:50px;width:50px}}@media (max-width: 1024px) and (min-width: 768px){.letter{font-size:20px;height:45px;width:45px}}@media (max-width: 768px){.apple{width:auto;padding:15px}.attempts-container,.incorrect-letters-container{width:100%;text-align:center}.principal{width:100%;gap:15px}.word{font-size:18px}.letter{height:40px;width:40px;font-size:18px}.incorrect-letters-container p{font-size:16px}.incorrect-letters-container span{font-size:20px}.boton{padding:.6rem 1.5rem;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;max-width:300px;width:100%;box-shadow:0 4px 8px #0000001a;position:relative;text-align:center}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:#ff6f61}.modal-body{margin-top:20px;font-family:Arial,sans-serif;font-weight:600;color:#333}.modal-new-game{margin-top:20px;padding:10px 20px;border:none;background-color:#ff6f61;color:#fff;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.modal-new-game:hover{background-color:#e55a4f}.name-letters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;justify-content:center;width:450px}.letter-button{padding:10px;font-size:18px;border:1px solid #ddd;border-radius:5px;cursor:pointer;background-color:#f9f9f9;transition:background-color .3s}.letter-button:hover{background-color:#e0e0e0}@media (max-width: 768px){.name-letters{gap:8px;width:450px}.letter-button{font-size:16px;padding:8px}}@media (max-width: 480px){.name-letters{width:auto;gap:6px}.letter-button{font-size:14px;padding:6px}}