:root{--bg-color: white;--text-color: black;--cell-bg: lightgrey;--cell-revealed-bg: white;--cell-border-light: white;--cell-border-dark: grey;--button-active: grey;--color: black;-webkit-user-select:none;user-select:none}.dark-mode{--bg-color: black;--text-color: white;--cell-bg: #2e2e2e;--cell-revealed-bg: black;--cell-border-light: #4e4e4e;--cell-border-dark: black;--button-active: grey;--color: white}body{margin:0;background-color:#fff;color:#000;text-align:center;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}main{display:flex;justify-content:center;align-items:center;padding:1.5rem 0;box-sizing:border-box}button{padding:0;cursor:pointer;margin:.5rem;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none}button:hover{background-color:gray}.active{background-color:#00f;color:#00f}.dark-mode .active{background-color:red;color:red}.game-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.grid{display:grid;-webkit-user-select:none;user-select:none;margin:0 auto}.cell{width:30px;height:30px;background-color:var(--cell-bg);box-sizing:border-box;border-top:2px solid var(--cell-border-light);border-left:2px solid var(--cell-border-light);border-right:2px solid var(--cell-border-dark);border-bottom:2px solid var(--cell-border-dark);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:25px;-webkit-user-select:none;user-select:none}.revealed{background-color:var(--cell-revealed-bg);border:none}.mine{background-color:red;border-top:2px solid var(--cell-border-light);border-left:2px solid var(--cell-border-light);border-right:2px solid var(--cell-border-dark);border-bottom:2px solid var(--cell-border-dark)}.mine-symbol{color:#000!important;font-size:25px!important;font-weight:700}.flag,.false-flag{background-color:var(--cell-bg);color:red!important;font-size:25px!important;font-weight:700}.dark-mode .flag,.dark-mode .false-flag{color:red!important}.dark-mode .mine{background-color:red}.dark-mode .mine-symbol{color:#000!important}.color-1{color:#00f}.color-2{color:#0a0}.color-3{color:red}.color-4{color:#00c}.color-5{color:#a00}.color-6{color:#0cc}.color-7{color:#000}.color-8{color:#666}.dark-mode .color-1{color:#498cff}.dark-mode .color-2{color:#42ff42}.dark-mode .color-3{color:#fe5252}.dark-mode .color-4{color:#7c7cff}.dark-mode .color-5{color:#f99}.dark-mode .color-6{color:#6ff}.dark-mode .color-7{color:#fff52f}.dark-mode .color-8{color:#dbdbdb}.hidden{display:none}.board-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:min-content;margin:0 auto}.grid-wrapper{display:flex;justify-content:center;align-items:center;width:100%;border:5px solid var(--cell-bg);box-sizing:border-box}.grid-wrapper.board-finished{border-color:transparent}.copy-button{padding:0;margin:0}.difficulty-buttons-grid{display:grid;grid-template-columns:repeat(3,max-content);left:calc(-3rem - 4px);gap:.5rem;bottom:1rem;justify-items:start;align-items:center}.difficulty-button{padding:0;margin:0;font-size:16px;background-color:var(--bg-color);color:var(--text-color);border:none;cursor:pointer}.difficulty-button:hover{background-color:gray}.difficulty-button.active{color:#00f;background-color:#00f}.dark-mode .difficulty-button.active{color:red;background-color:red}.difficulty-button.active:hover{background-color:#00f}.dark-mode .difficulty-button.active:hover{background-color:red}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:.6rem}.footer-right{justify-content:flex-end}.footer-stats{display:flex;align-items:center;gap:.5rem;font-size:16px}.reset-hint{font-size:16px;color:var(--text-color)}.seeded-warning{font-size:16px;color:var(--text-color);white-space:nowrap}.seeded-warning.hidden{display:none}.retry-container{display:inline-flex;align-items:center;gap:.2rem;font-size:16px}.retry-container.hidden{display:none}.retry-button{padding:0;margin:0}.retry-reset-group{display:inline-flex;align-items:center;gap:.2rem}.footer-stats .flags-display{margin:0}.footer-stats .timer{font-variant-numeric:tabular-nums}.footer-center{justify-content:center}.footer-brand{margin:0}.footer-link{text-underline-offset:2px}.settings-group{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem}.panel-anchor{position:relative;display:inline-flex;align-items:center}#load-panel{background:var(--bg-color);min-width:10rem;left:-2.75rem;bottom:1.5rem;padding:0;margin:0;align-items:center;box-sizing:border-box}#load-panel input{width:100%;border:none;background-color:var(--bg-color);color:var(--text-color);caret-color:#00f;font-size:16px;font-family:Times New Roman,Times,serif;padding:0}#load-panel input:focus{outline:none;box-shadow:none}#load-panel input::placeholder{color:gray}.dark-mode #load-panel input{background-color:#000;color:#fff;caret-color:red}.dark-mode #load-panel input::placeholder{color:gray}.settings-button{cursor:pointer;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);border:none;font-size:16px}.settings-button:hover{background-color:gray}.settings-panel{position:absolute;bottom:1.5rem;left:0;display:flex;flex-direction:column;background-color:var(--bg-color);font-size:1rem}.settings-panel.hidden{display:none}.settings-panel .difficulty{padding:0}.settings-panel input{width:12rem;box-sizing:border-box;padding:.25rem .5rem;border:1px solid var(--text-color);background-color:var(--bg-color);color:var(--text-color)}.settings-panel input:focus{outline:2px solid var(--text-color)}.start-cell{color:var(--color)}.locked-cell{cursor:not-allowed}.footer-right .settings-button{margin-left:auto}.timer{font-size:16px}