:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.teclat{display:flex;gap:5px;justify-content:center;width:395px;flex-wrap:wrap}.tecla-wrapper{width:35px;height:35px;line-height:35px}.tecla{line-height:inherit;width:100%;height:100%;background-color:#fff;border-radius:3px;color:#000}#root{max-width:1280px;margin:0 auto;padding:2rem}.wordle{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;justify-content:center}.actions{display:flex;flex-direction:row;justify-content:space-between;width:100%}.app{display:flex;flex-direction:row;gap:15px}.graella{display:flex;flex-direction:column;gap:5px}.fila{display:flex;flex-direction:row;gap:5px}.cela{width:50px;height:50px;background-color:#fff;color:#000;border:8px solid white;display:flex;justify-content:center;align-items:center;padding:4px;border-radius:20px;transition:border-color 125ms,background-color 1s,color 1s}.cela.activa{border-color:#61b961}.cela.encertat{background-color:#26f230;border-color:#26f230}.cela.malColocada{background-color:#eb480d;border-color:#eb480d}.cela.descartat{background-color:#6f727f;border-color:#6f727f;color:#fff}.lletra{text-transform:uppercase;font-weight:900;font-size:40px}