*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;height:100vh;overflow:hidden;font-family:Arial, Helvetica, sans-serif}button{cursor:pointer;border:none}.grid-container{display:grid;width:100vw;height:95vh;grid-template-columns:repeat(9, 1fr);grid-template-rows:repeat(10, 1fr);overflow:hidden}.cell{position:relative;background:#f1f1f1;border:1px solid #9b9b9b;display:flex;align-items:center;justify-content:center;padding:10px}.cell.empty{animation:empty ease-in-out 0.5s}@keyframes empty{0%{background:#f1f1f1}10%{background:#ff6b6b}100%{background:#f1f1f1}}.gift{display:none;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px}#game-text{font-family:Arial, Helvetica, sans-serif;font-size:3rem;margin:0;padding:0;width:100%;color:#494848;letter-spacing:0.2rem}#game-text-finish{font-family:Arial, Helvetica, sans-serif;font-size:4rem;text-align:start;margin:0;padding:0;width:100%;color:#494848;letter-spacing:0.2rem}#start-button{font-size:2rem;padding:10px 65px;border:none;background:#6bafff;color:white;margin-top:12px;width:auto}.scoreboard{width:100vw;height:5vh;display:flex;align-items:center;justify-content:flex-end;padding:10px 20px;gap:20px;font-family:Arial, Helvetica, sans-serif}.finish-game-card{display:grid;grid-template-rows:max-content auto max-content;width:100%;height:100%;padding:10px}.finish-game-card .scoreboard_img{width:30px;height:30px}.finish-game-card .scoreboard_img img{display:block}.congrats-text{font-size:1.5rem;color:#494848}.congrats-score-container{display:flex;justify-content:space-between;align-items:center;width:100%}.congrats-score-container .congrats-score{font-size:2rem;color:#494848}.scoreboard .scoreboard_img{width:30px;height:30px}.scoreboard .scoreboard_img img{width:100%;height:100%;object-fit:contain;display:block}.text_bellow{font-size:1rem;text-align:start;margin:0;padding:0;width:100%;color:#494848;letter-spacing:0.1rem}#start-button:hover{background-color:#0056b3}.block-2x3{grid-column:span 2;grid-row:span 3}.block-2x2{grid-column:span 2;grid-row:span 2}.block-1x2{grid-column:span 1;grid-row:span 2}.block-2x1{grid-column:span 2;grid-row:span 1}.block-1x1{grid-column:span 1;grid-row:span 1}.gift-2x3{background-image:url('img/2x3.svg')}.gift-2x2{background-image:url('img/2x2.svg')}.gift-1x2{background-image:url('img/1x2.svg')}.gift-2x1{background-image:url('img/2x1.svg')}.gift-1x1{background-image:url('img/1.svg')}.color-yellow{background-color:#ffe76b}.color-green{background-color:#b7f479}.color-blue{background-color:#97f1d6}.color-purple{background-color:#e7b5ff}@media (max-width: 1500px){#game-text{font-size:2rem}#game-text-finish{font-size:2rem}#start-button{font-size:1.5rem}.congrats-text{font-size:1rem}.congrats-score-container .congrats-score{font-size:1.5rem}}@media (max-width: 890px){#game-text{font-size:1.5rem}#game-text-finish{font-size:1.5rem}#start-button{font-size:1rem}.congrats-text{font-size:0.5rem}.congrats-score-container .congrats-score{font-size:1rem}}@media (max-width: 576px){#game-text{font-size:1rem}#game-text-finish{font-size:1rem}#start-button{font-size:0.8rem;padding:5px 10px}.congrats-text{font-size:0.3rem}.congrats-score-container .congrats-score{font-size:0.5rem}}@media (max-height: 600px){#game-text-finish{font-size:2rem}.congrats-text{font-size:1.3rem}}@media (max-height: 500px){#game-text-finish{font-size:1rem}.congrats-text{font-size:1rem}}