nav{background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 0 10px #0000001a}nav ul{display:flex;justify-content:stretch;align-items:center;margin:0;padding:0;list-style:none}nav ul li{margin:0;padding:0;width:100%;text-align:center}nav ul li.active{background-color:#aaa}nav ul li a{display:block;padding:5px;text-decoration:none;color:#333;font-weight:700;text-transform:uppercase}nav ul li a:hover{background-color:#eee}@media (prefers-color-scheme: dark){nav{background-color:#333;border-bottom:1px solid #555;box-shadow:0 0 10px #ffffff1a}nav ul li.active{background-color:#555}nav ul li a{color:#fff}nav ul li a:hover{background-color:#444}}.install-pwa-banner{position:fixed;bottom:0;left:0;right:0;background-color:#f8f9fa;box-shadow:0 -2px 10px #0000001a;padding:12px;display:flex;justify-content:center;z-index:1000}.install-pwa-content{display:flex;align-items:center;justify-content:space-between;max-width:600px;width:100%}.install-pwa-content p{margin:0;padding-right:16px}.install-pwa-content button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}@media (prefers-color-scheme: dark){.install-pwa-banner{background-color:#333;color:#fff}}.timer{width:2rem;text-align:center;border:1px solid #ccc;padding:10px;background-color:#000;color:red;border-radius:5px;box-shadow:0 0 10px #0000001a}.cell{width:30px;height:30px;border:1px solid #ccc;display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:700;cursor:pointer}.cell span{-webkit-user-select:none;user-select:none}.cell span[data-neighborcount="1"]{color:#00f}.cell span[data-neighborcount="2"]{color:green}.cell span[data-neighborcount="3"]{color:red}.cell span[data-neighborcount="4"]{color:#00008b}.cell span[data-neighborcount="5"]{color:brown}.cell span[data-neighborcount="6"]{color:#008b8b}.cell span[data-neighborcount="7"]{color:#000}.cell span[data-neighborcount="8"]{color:gray}.cell span.mine{width:100%;height:100%;background-color:red;color:#fff}.cell.revealed{background-color:#fff;border-color:#aaa}.cell.revealed:hover{background-color:#ddd}.cell.flagged{background-color:#ccc}@media (prefers-color-scheme: dark){.cell.revealed{background-color:#333;border-color:#fff}}.minesweeper{display:flex;overflow-x:auto}.minesweeper .minesweeper-header{overflow:hidden}.minesweeper-header{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 0 10px #0000001a;font-size:large;font-weight:700}.minesweeper-header .status{font-size:xx-large;background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}.minesweeper-header .numMines{border:1px solid #ccc;padding:10px;background-color:#000;color:red;border-radius:5px;box-shadow:0 0 10px #0000001a}.minesweeper .board{border:1px solid #ccc;background-color:#eee;box-shadow:0 0 10px #0000001a;margin:auto}.minesweeper .board .row{display:flex}@media (prefers-color-scheme: dark){.minesweeper-header{background-color:#333;border-bottom:1px solid #555;box-shadow:0 0 10px #ffffff1a;color:#d3d3d3}}.settings-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.settings-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#d3d3d3}.settings-input-container{display:flex;flex-direction:column;width:100%;margin-bottom:10px}.settings-label{width:100%;margin-bottom:5px;font-size:16px;font-weight:700}.settings-input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.settings-submit{width:100%;padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer}.settings-error{color:red;margin-top:10px}.legend{margin-bottom:10px;text-align:center}.legend table{width:100%}.legend table thead{font-weight:700;text-align:left}.legend table tbody tr td,.legend table thead tr th{padding:5px 10px}.legend table tbody tr td:first-child{text-transform:capitalize;font-weight:700}@font-face{font-family:Segment;font-display:auto;src:local("Segment"),url(/assets/SevenSegment-CxYp0BnY.woff) format("woff")}body{font-family:Segment;background-color:#fff}@media (prefers-color-scheme: dark){body{background-color:#a9a9a9}}.board{-webkit-touch-callout:none!important;-webkit-user-select:none;-ms-user-select:none;user-select:none}