.board{padding:10px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.cells,.row{display:grid;gap:10px}.row.hide .cell{background-color:gray}.cell{border:1px solid var(--primary);font-size:4vh;font-weight:700;display:grid;place-items:center;color:var(--primary);animation:none;text-transform:capitalize;border-radius:2px;background-color:var(--bg);transition:transform .5s ease-in-out}.zoom{animation:zoom .2s ease-in-out 0ms}.exact:nth-child(1),.nearby:nth-child(1),.none:nth-child(1){animation-delay:0ms!important}.exact:nth-child(2),.nearby:nth-child(2),.none:nth-child(2){animation-delay:.1s!important}.exact:nth-child(3),.nearby:nth-child(3),.none:nth-child(3){animation-delay:.2s!important}.exact:nth-child(4),.nearby:nth-child(4),.none:nth-child(4){animation-delay:.3s!important}.exact:nth-child(5),.nearby:nth-child(5),.none:nth-child(5){animation-delay:.4s!important}.absolute{position:absolute;display:grid;justify-content:flex-start;gap:10px}.exact{background-color:green!important;animation:anim .5s ease-in-out}.nearby{background-color:coral!important;animation:anim .5s ease-in-out}.none{background-color:gray;animation:anim .5s ease-in-out}@keyframes zoom{0%{scale:1}25%{scale:1.1}50%{scale:1.2}75%{scale:1.1}to{scale:1}}@keyframes anim{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.keyboardHolder{display:flex;-webkit-user-select:none;user-select:none;justify-content:center}.keyboard{display:flex;flex-direction:column;gap:15px;padding:20px 40px;border:2px solid var(--primary)}.keyboard .buttonHolder{display:flex;justify-content:stretch;gap:10px}.keyboard .letter{padding:12px 16px;flex:1 1;border-radius:4px;outline:none;font-size:18px;font-weight:700;cursor:pointer;background-color:transparent;color:var(--primary);border:2px solid var(--primary);text-transform:capitalize}.letter:hover:not(:disabled){background-color:var(--primary);color:var(--bg)}button[disabled]{cursor:not-allowed!important;opacity:.5}.help{font-size:16px;font-weight:700}.help.title{font-size:24px;color:var(--primary);letter-spacing:2px}.list{display:flex;flex-direction:column;gap:5px;font-size:16px}.green{color:#0f0;font-weight:700}.coral{font-weight:700;color:coral}.gray{font-weight:700;color:gray}.helpButton{padding:10px 14px;width:fit-content;align-self:center;border-radius:4px;outline:none;font-size:18px;font-weight:700;cursor:pointer;background-color:transparent;color:var(--primary);border:2px solid var(--primary);text-transform:uppercase;letter-spacing:1px}.helpButton:hover{background-color:var(--primary);color:var(--bg)}:root{--primary: aliceblue;--secondary: crimson;--bg: black}*{margin:0;padding:0;font-family:Electrolize,Roboto;box-sizing:border-box}body{margin:0;color:var(--primary);background-color:var(--bg);min-width:700px}.app{min-height:100vh;display:flex;justify-content:center;gap:20px;flex-direction:column;padding:10px}.title{display:flex;align-items:center;justify-content:center;font-size:5vh;font-weight:700;letter-spacing:1px;color:coral;text-transform:uppercase;text-shadow:0 0 2px coral}.gameover{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;gap:20px}.gameover span{font-size:4vh;font-weight:700}.gameover button{background-color:transparent;padding:8px 16px;border-radius:4px;border:2px solid var(--primary);color:var(--primary);font-weight:700;letter-spacing:1px;text-transform:uppercase}button span{font-size:16px!important}.gameover button:hover{cursor:pointer;background-color:var(--primary);color:var(--bg)}.gameover .won{color:#0f0;text-transform:uppercase}.gameover .lost{color:red;text-transform:uppercase}::-webkit-scrollbar{background-color:transparent;height:12px;width:10px}::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}