:root{--bg-dark:#1a2126;--shadow-dark:#353c40;--panel-gray:#878a8c;--white-highlight:#dedede;--light-gray:#d9d9d9;--bg-brown:#262626;--darker-panel-gray:#7d858c;--darker-darker-panel-gray:#425059;--darker-light-gray:#657371;--lighter-dark-gray:#808c8b;--num-1:#6fa8ff;--num-2:#6ecf8b;--num-3:#ff7a7a;--num-4:#7f8cff;--num-5:#d27a7a;--num-6:#6fd1d1;--num-7:#555;--num-8:#b5b5b5;--cell-size:34px}body{background-color:var(--bg-brown);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Arial,sans-serif;display:flex;overflow:hidden}.main-container{background-color:var(--darker-darker-panel-gray);border-top:4px solid var(--darker-light-gray);border-left:4px solid var(--darker-light-gray);border-right:4px solid var(--bg-dark);border-bottom:4px solid var(--bg-dark);-webkit-user-select:none;user-select:none;flex-direction:column;width:fit-content;max-width:95vw;max-height:90vh;margin:0 auto;padding:12px;display:flex}.status-panel{background-color:var(--darker-darker-panel-gray);border-top:4px solid var(--bg-dark);border-left:4px solid var(--bg-dark);border-bottom:4px solid var(--darker-light-gray);border-right:4px solid var(--darker-light-gray);justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:10px;display:flex}#game-border{border:4px solid;border-color:var(--bg-dark) var(--darker-light-gray) var(--darker-light-gray) var(--bg-dark);width:fit-content}#game{background-color:var(--bg-dark);gap:0;display:grid}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--darker-darker-panel-gray);border-top:4px solid var(--darker-light-gray);border-left:4px solid var(--darker-light-gray);border-right:4px solid var(--bg-dark);border-bottom:4px solid var(--bg-dark);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;font-family:Bree Serif,serif;font-size:24px;font-style:normal;font-weight:800;display:flex}.cell.revealed{background-color:var(--darker-darker-panel-gray);border:1px solid var(--bg-dark);cursor:default}.cell.revealed.exploded{background-color:var(--num-5)!important}.cell.revealed.bomb{background-color:var(--darker-darker-panel-gray)}.n-1{color:var(--num-1)}.n-2{color:var(--num-2)}.n-3{color:var(--num-3)}.n-4{color:var(--num-4)}.n-5{color:var(--num-5)}.n-6{color:var(--num-6)}.n-7{color:var(--num-7)}.n-8{color:var(--num-8)}.game-buttons{color:var(--white-highlight);margin-bottom:20px}#reset{background-color:var(--darker-darker-panel-gray);border-top:4px solid var(--darker-light-gray);border-left:4px solid var(--darker-light-gray);border-right:4px solid var(--bg-dark);border-bottom:4px solid var(--bg-dark);cursor:pointer;outline:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:flex}#reset:active{border-top:4px solid var(--bg-dark);border-left:4px solid var(--bg-dark);border-bottom:4px solid var(--darker-light-gray);border-right:4px solid var(--darker-light-gray)}.difficult-selector{gap:10px;margin-bottom:20px;display:flex}.diff-btn{background:var(--shadow-dark);cursor:pointer;width:7.8rem;color:var(--bg-dark);border-top:4px solid var(--darker-darker-panel-gray);border-left:4px solid var(--darker-darker-panel-gray);border-right:4px solid var(--bg-dark);border-bottom:4px solid var(--bg-dark);flex:1;padding:8px 0;font-family:Bree Serif,serif;font-size:12px;font-weight:700}.diff-btn.active,.diff-btn:hover:not(.active){background:var(--darker-light-gray);color:var(--bg-dark);border-top:4px solid var(--lighter-dark-gray);border-left:4px solid var(--lighter-dark-gray);border-right:4px solid var(--darker-darker-panel-gray);border-bottom:4px solid var(--darker-darker-panel-gray)}.led-display{border-top:3px solid var(--bg-dark);border-left:3px solid var(--bg-dark);border-bottom:3px solid var(--darker-light-gray);border-right:3px solid var(--darker-light-gray);background-color:#000;padding:2px;display:flex}.github-btn{z-index:1000;transition:transform .3s;position:fixed;bottom:20px;right:20px}.github-btn img{filter:invert()opacity(.8);width:40px;height:40px;transition:filter .3s}.github-btn:hover{transform:scale(1.1)}.github-btn:hover img{filter:invert()opacity()}@media (width<=600px){.github-btn img{width:30px;height:30px}}.seven-segment{width:30px;height:50px;margin:0 2px;position:relative}.segment{background-color:#3d0000;transition:background-color .1ms;position:absolute}.segment.lit{z-index:2;background-color:red}.seg-a,.seg-g,.seg-d{clip-path:polygon(4px 0%,calc(100% - 4px) 0%,100% 50%,calc(100% - 4px) 100%,4px 100%,0% 50%)}.seg-b,.seg-c,.seg-e,.seg-f{clip-path:polygon(0% 4px,50% 0%,100% 4px,100% calc(100% - 4px),50% 100%,0% calc(100% - 4px))}.seg-a{height:8px;top:0;left:3px;right:3px}.seg-b{width:8px;top:3px;bottom:25px;right:0}.seg-c{width:8px;top:25px;bottom:3px;right:0}.seg-d{height:8px;bottom:0;left:3px;right:3px}.seg-e{width:8px;top:25px;bottom:3px;left:0}.seg-f{width:8px;top:3px;bottom:25px;left:0}.seg-g{height:8px;top:20px;left:3px;right:3px}