:root{--cell-size:20px;--cell-font-size:14px}body{-webkit-user-select:none;user-select:none;background-color:silver;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:MS Sans Serif,Arial,sans-serif;display:flex}#game-container{background-color:silver;border:3px solid gray;border-color:#fff gray gray #fff;padding:6px;display:inline-block}#header{border:2px solid #fff;border-color:gray #fff #fff gray;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px;display:flex}.led{color:red;text-align:right;background-color:#000;border:1px solid gray;width:45px;padding:2px 4px;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;line-height:1}.face{cursor:pointer;background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;display:flex}.face:active{border-color:gray #fff #fff gray}.face-normal:before{content:"🙂"}.face-click:before{content:"😮"}.face-dead:before{content:"😵"}.face-win:before{content:"😎"}#board-container{border:3px solid #fff;border-color:gray #fff #fff gray;position:relative;overflow:hidden}#bg-layer{filter:grayscale(80%)brightness(80%)opacity(.3);z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}#bg-layer.clear-reveal{filter:grayscale(0%)brightness()opacity();transition:filter 3s,opacity 3s}@keyframes flash{0%{background-color:#0000}50%{background-color:#fffc}to{background-color:#0000}}.flash-effect{animation:.5s ease-out flash}#board{z-index:1;background-color:#0000;display:grid;position:relative}.cell{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;font-weight:700;font-size:var(--cell-font-size);cursor:default;justify-content:center;align-items:center;line-height:1;display:flex}.cell-unopened{background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff}.cell-unopened:active{background-color:silver;border:none;border-top:1px solid gray;border-left:1px solid gray}.cell-opened{background-color:#c0c0c066;border:1px solid #80808080;border-top:none;border-left:none}.cell-mine{background-color:red}.clear-mode .cell-unopened,.clear-mode .cell-opened,.clear-mode .cell-mine{background-color:#0000!important;border-color:#0000!important}.clear-mode .cell{color:#0000!important;text-shadow:none!important}.num-1{color:#00f}.num-2{color:green}.num-3{color:red}.num-4{color:navy}.num-5{color:maroon}.num-6{color:teal}.num-7{color:#000}.num-8{color:gray}#controls{margin-top:20px}#mode-toggle{cursor:pointer;background-color:silver;border:2px solid gray;border-color:#fff gray gray #fff;padding:5px 10px;font-size:16px}#mode-toggle:active{border-color:gray #fff #fff gray}#mode-toggle.mode-flag{background-color:#fcc}