@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--background:#fff;--border:#665460;--text:#000;--key-dark:#737373;--key-light:#e0e0e0;--key-edge:#c5e0fa;--key-dark-hover:#636363;--highlight:#f2a900;--correct:#28a745;--empty:#fff}.games-played{padding:10px 15px 20px}.validation-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:1rem;margin-left:auto;margin-right:auto;max-width:300px;padding:20px 15px;position:relative;z-index:100}.validation-message.winner-message{font-size:3rem}body{background:#fff;background:var(--background);box-sizing:border-box;color:#000;color:var(--text);font-family:Press Start\ 2P,sans-serif;image-rendering:pixelated;margin-bottom:30px;text-align:center}.board{align-items:center;flex-direction:column;left:50%;margin:0 auto;position:fixed;top:45px;transform:translateX(-50%);width:95%}.board,.board-row{display:flex;gap:min(8px,1.5vw);max-width:500px}.board-row{justify-content:center;width:100%}.board .key{align-items:center;background-color:#e0e0e0;background-color:var(--key-light);border:min(3px,.6vw) solid #665460;border:min(3px,.6vw) solid var(--border);border-radius:min(6px,1.2vw);box-shadow:min(3px,.6vw) min(4px,.8vw) 0 #c5e0fa;box-shadow:min(3px,.6vw) min(4px,.8vw) 0 var(--key-edge);color:#000;color:var(--text);display:flex;font-size:min(24px,5vw);font-weight:700;height:min(60px,15vw);justify-content:center;text-shadow:1px 1px #665460;text-shadow:1px 1px var(--border);text-transform:uppercase;width:min(60px,15vw)}.board .key.empty{background-color:#fff;background-color:var(--empty);border:min(3px,.6vw) solid #665460;border:min(3px,.6vw) solid var(--border);color:#0000}.board .key.correct{background-color:#28a745;background-color:var(--correct);color:#fff}.board .key.misplaced{background-color:#f2a900;background-color:var(--highlight);color:#fff}.board .key.incorrect{background-color:#737373;background-color:var(--key-dark);color:#fff}.keyboard{align-items:center;bottom:10px;display:flex;flex-direction:column;gap:3px;left:50%;margin-top:20px;max-width:600px;padding:0 3vw;position:fixed;transform:translateX(-50%);width:100%}.keyboard-row{gap:5px;margin-bottom:2px}.key,.keyboard-row{display:flex;justify-content:center}.key{align-items:center;background-color:#e0e0e0;background-color:var(--key-light);border:none;border-radius:6px;color:#000;color:var(--text);font-size:16px;font-weight:700;height:min(55px,13vw);text-transform:uppercase;width:min(35px,8vw)}.key.correct{background-color:#28a745;background-color:var(--correct);color:#fff}.key.misplaced{background-color:#f2a900;background-color:var(--highlight);color:#fff}.key.incorrect{background-color:#737373;background-color:var(--key-dark);color:#fff}.special-key{background-color:#e0e0e0;background-color:var(--key-light);border:none;border-radius:6px;color:#000;color:var(--text);font-size:14px;height:min(55px,13vw);letter-spacing:1px;text-align:center;width:min(70px,13vw)}@media (hover:hover){.keyboard .key:hover,.special-key:hover{background-color:#c5e0fa;background-color:var(--key-edge);transform:translateY(-2px);transition:all .1s ease-in-out}.keyboard .key.correct:hover{background-color:#28a745;background-color:var(--correct);filter:brightness(1.2)}.keyboard .key.misplaced:hover{background-color:#f2a900;background-color:var(--highlight);filter:brightness(1.2)}.keyboard .key.incorrect:hover{background-color:#636363;background-color:var(--key-dark-hover)}}.board .key span,.keyboard .key span{display:inline-block;letter-spacing:-1px;margin:0;padding:0;transform:scaleX(.85)}
/*# sourceMappingURL=main.3dfbedea.css.map*/