html{background-image:url(/minesweeper/assets/background-light-a186209a.webp);background-position:center;background-repeat:no-repeat;background-size:cover;height:100vh;font-family:Futurama;transition:background .8s ease}html.dark{background-image:url(/minesweeper/assets/background-dark-8b928caa.webp)}.game-title{font-family:Futurama-Title;color:#f7ef73;text-shadow:#b02115 0px 0 4px;font-size:2.5rem;font-weight:700;text-align:center;padding-top:0;margin-top:0}@font-face{font-family:Futurama;src:url(/minesweeper/assets/futurama-3b753065.woff2) format("woff2")}@font-face{font-family:Futurama-Title;src:url(/minesweeper/assets/futurama-title-64c29b88.ttf)}.cell{display:block;background-color:#5a9599;border:1px solid #000;text-align:center;user-select:none}.cell.dark{background-color:#203031}.cell.small{width:17px;height:17px;font-size:10px;line-height:17px}.cell.medium{width:30px;height:30px;font-size:16px;line-height:30px}.cell.large{width:40px;height:40px;font-size:20px;line-height:40px}.open{background-color:#b1e2d0}.open.dark{background-color:#394d4e}.fail{background-color:#dd7066}.fail.dark{background-color:#7e322b}.success{background-color:#35e44c}.success.dark{background-color:#136913}.mine{background-color:#dd7066;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAJFBMVEVHcEyZmcwAAABmZpn//5lERETMzP8zMzMiIiKIiIj/zGZ3d3eF/txmAAAAAXRSTlMAQObYZgAAAPVJREFUKM9dkb1qwzAUhY3AQ8YrU+hoXUui0KkReYFwoe3WGDp0bIr9BAbNgVI0JnmMPGUUO/qpznY+jo6urqrKi1WFRFsAdixAXSbqdXmkQ5X7lf7pTE4URzAm9TC4yWzSFDNoYvFqB0vk49+Jx0PT5oD/7ZtNAhz1txGhpEbU4x6NCCVsHIdeUrcOJfqM6otoGwAbJJEk58HSqnt6+13A0qpxBtQJiMAXXJyCAM6S3p1zcXg2Dp9P7gC9gvsGENUJHpDsLnsNl692EmkD+Gwt2QxU0zQn0odZn0DghrcxsfVeNC+BMBTe+0kEj3u+eeAA92uSrg1dNRD0/3I/AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center;background-size:cover}.mine.dark{background-color:#7e322b}.flagged{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAIVBMVEVHcEz/zJkAAADMZjPM//9ERET///+IiIiZZjNVVVUiIiLISct7AAAAAXRSTlMAQObYZgAAAOFJREFUKM9dkTFOBDEMRa1IK2qnoY3tWUSd3GDkA8BuQY/QHACJC+wlaPeoxONMsuF3fvH3dxKAQx/wT98J7hMIGXhukSSpFz98BsmSe7uUwlKu5c2qU+0uTbsnpFBmkGUCFy5DNiPUWYV5x55ihox4kTYC9pHviJHbpvUkM2ElXp/cYRqOCpixWXxE3DbettQBvXzp+qm/Bp6uBpZFV3VQU7LQorqyHlMpUlQlPF6MichSjlwA8jWog+AkjkduLXF8EvLD7uZBJ/EBoF24Az9m7im3Wj+fxye+3qYICLzLiz8xFC79tohZtgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:center;background-size:cover}.field{display:flex;flex-direction:column;margin:auto;width:fit-content}.field .row{display:flex;width:100%;margin:auto}.new-game-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease}.new-game-popup.hide{display:none;opacity:0}.new-game-popup.show{display:flex;opacity:1}.new-game-popup .popup-content{background-color:#0a6a8a;color:#fff;padding:20px;text-align:left;max-width:400px;border-radius:10px}.new-game-popup button{margin-top:15px;padding:10px 20px;font-size:18px;background-color:#fcba03;border:none;align-self:center;justify-self:center;color:#000;border-radius:5px;cursor:pointer}.new-game-popup button:hover{background-color:#fcb003}.new-game-popup .slidecontainer{width:100%}.new-game-popup .slider{width:100%;height:25px;outline:none;opacity:.7;transition:opacity .2s}.highscores-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease}.highscores-popup.hide{display:none;opacity:0}.highscores-popup.show{display:flex;opacity:1}.highscores-popup .popup-content{background-color:#0a6a8a;color:#fff;padding:20px;text-align:left;max-width:450px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.highscores-popup button{padding:10px 20px;font-size:18px;margin-top:10px;width:100px;background-color:#fcba03;border:none;color:#000;border-radius:5px;cursor:pointer}.highscores-popup button:hover{background-color:#fcb003}.switch-container{height:40px;margin:auto;text-align:center}.switch-container .switch input{position:absolute;opacity:0}.switch-container #switch-text{color:#000}.switch-container #switch-text.dark{color:#fff}.switch-container .switch{display:inline-block;font-size:20px;height:1em;width:2em;background:#BDB9A6;border-radius:1em}.switch-container .switch div{background-image:url(/minesweeper/assets/toggle-10e303dd.png);background-size:cover;height:1em;width:1em;border-radius:1em;box-shadow:0 .1em .3em #0000004d;transition:all .3s}.switch-container .switch input:checked+div{transform:translate3d(100%,0,0)}.control{display:flex;background-color:#a0e9ab;margin:auto;width:480px;height:60px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:#be1817 solid 3px}.control.dark{background-color:#1c383b}.control .clock{display:flex;font-size:48px;margin:4px;color:#000;border-radius:4px}.control .clock span{display:block;width:2em}.control .clock .clock-img{display:block;width:32px;height:32px;margin-right:4px;align-self:center}.control .digit-block{display:flex;flex-direction:column;background-color:#000;border-radius:4px}.control .digit-block .digit{font-family:monospace;color:red;padding:2px 10px;text-align:center;font-size:20px;text-shadow:0px 0px 2px #ff0000}.control .digit-block .char-text{font-size:14px;color:#66bbc6;text-align:center;width:100%}.status{display:flex;background-color:#a0e9ab;margin:auto;width:480px;height:60px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:#be1817 solid 3px}.status.dark{background-color:#1c383b}.status .status-text{font-size:18px;text-align:center;width:100%}.status .status-text.dark{background-color:#1c383b;color:#ff8c00}.buttons{display:flex;margin:auto;max-width:600px;flex-wrap:wrap;height:80px}.buttons .new-game{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px 20px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .new-game:hover{background-color:#1a5354;cursor:pointer}.buttons .new-game:focus{outline:none}.buttons .new-game.dark{background-color:#1c383b}.buttons .new-game.dark:hover{background-color:#66bbc6}.buttons .highscores{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px 20px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .highscores:hover{background-color:#1a5354;cursor:pointer}.buttons .highscores:focus{outline:none}.buttons .highscores.dark{background-color:#1c383b}.buttons .highscores.dark:hover{background-color:#66bbc6}.buttons .save-game{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .save-game:hover{background-color:#1a5354;cursor:pointer}.buttons .save-game:focus{outline:none}.buttons .save-game.dark{background-color:#1c383b}.buttons .save-game.dark:hover{background-color:#66bbc6}.buttons .load-game{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .load-game:hover{background-color:#1a5354;cursor:pointer}.buttons .load-game:focus{outline:none}.buttons .load-game.dark{background-color:#1c383b}.buttons .load-game.dark:hover{background-color:#66bbc6}.buttons .music-switch{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .music-switch:hover{background-color:#1a5354;cursor:pointer}.buttons .music-switch:focus{outline:none}.buttons .music-switch.dark{background-color:#1c383b}.buttons .music-switch.dark:hover{background-color:#66bbc6}.buttons .sfx-switch{margin:auto;border:1px solid;border-radius:4px;background-color:#66bbc6;color:#fff;padding:10px;font-size:.7rem;text-transform:uppercase;transition:background-color .3s ease}.buttons .sfx-switch:hover{background-color:#1a5354;cursor:pointer}.buttons .sfx-switch:focus{outline:none}.buttons .sfx-switch.dark{background-color:#1c383b}.buttons .sfx-switch.dark:hover{background-color:#66bbc6}