*{box-sizing:border-box}body{background-color:#143f69;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .5s .1s;touch-action:manipulation}#root{height:100vh;background-color:radial-gradient(ellipse at center,rgba(41,120,199,.6) 10%,rgba(20,63,105,0) 80%);transition:background-color 1s}body.static #root{padding-top:30px}body.fluid #root{padding-top:3px}body[data-game-state=s1]{background-color:#920f0f}body[data-game-state=s1] #root{background-color:radial-gradient(ellipse at center,rgba(105,15,15,.6) 10%,rgba(146,15,15,0) 80%)}body[data-game-state=s2]{background-color:#14693f}body[data-game-state=s2] #root{background-color:radial-gradient(ellipse at center,rgba(41,199,120,.6) 10%,rgba(20,105,63,0) 80%)}.frame{zoom:2;margin:0 auto;background:#c2c2c2;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #818181;border-right:2px solid #818181;box-shadow:0 1px 2px rgba(0,0,0,.5)}.frame__well{text-align:center;margin:6px;border-top:2px solid #818181;border-left:2px solid #818181;border-bottom:2px solid #fff;border-right:2px solid #fff;overflow:hidden;display:flex;justify-content:space-between}.frame__well--panel{padding:2px}.frame__well-inner{padding:0}.board{overflow:hidden}.board--end-game{opacity:.5}.swap-button{background:#c2c2c2;background-position-x:1px;background-position-y:1px;background-repeat:no-repeat;background-clip:border-box;image-rendering:pixelated;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #818181;border-right:2px solid #818181;width:23px;height:23px;line-height:23px;font-size:14px;vertical-align:middle;padding:1px;margin:1px auto 0;outline:none;text-align:center}.swap-button--flag{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQY02M4dOgQAwz/51P8D8LIYigSWBWgS5JuAlFuQBEA2kqeApAEMkYSR5XAgvErAAAZM5gevgFdFQAAAABJRU5ErkJggg==);background-size:14px;background-position-x:2.5px;background-position-y:2px}.swap-button--mine{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYPDBEqwQPmfQAAAHhJREFUOMu1VMENACEIYwJ3cP8hey8NQYqgHgnxY1vAiggPSD1OMByE1oHWkcF4d6FOmwuJIXAxQUEuAKw7RbTkVmREUmwSaowp4I2QJXa6TI0rnbMzMsqqIH3TQKhkhCejO3Ydc17kuPI/urF3aZ0QIiQ3yH8r6AMm+/iC7fP0QwAAAABJRU5ErkJggg==);background-size:28px;background-position-x:2.5px;background-position-y:2px;background-clip:content-box;padding:2px}.static .frame__well-inner--swap-button{display:none}.swap-button:active{border:none;border-top:1px solid #818181;border-left:1px solid #818181;background-position-x:4.5px;background-position-y:4px;padding-right:3px}.new-game-button{background:#c2c2c2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAARCAYAAABkUAr2AAAABmJLR0QA/wD/AP+gvaeTAAAA7klEQVRYw+2YUQ6EIAxEey3PsLeuB2M/Nm4UZtpCuhsxfJCYii/TsRZQVFXQEJFSDzb3SQz6cCmvZkQFzcxoAOhhBLNEzMzoBlhinsAYAkDQiaH79rm3b5f5KM4YGTqO65qL4gcDCkHfHosxIRYDCbEYbERMtXoIygW+laghLN5TIYjBkvdMiVSCFx8uU8+oUQZL3ool67iPIagPsUqt+9A0hkTEZldZqiEeNNpbzm/527Sq3vEvQ6ze08zL6MxsyYxwM1eIlFXGSsZz1TMkUiERU0d19FT7xZBf7hCjidxqp7rOMuu0Gzvtrv8hKm9rRUFYJ4+F4QAAAABJRU5ErkJggg==);background-position-x:1px;background-position-y:1px;background-clip:content-box;image-rendering:pixelated;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #818181;border-right:2px solid #818181;width:23px;height:23px;line-height:23px;font-size:14px;vertical-align:middle;padding:1px;margin:1px auto 0;outline:none;text-align:center}.new-game-button--default{background-position-x:1px}.new-game-button--loss{background-position-x:18px}.new-game-button--win{background-position-x:35px}.new-game-button:active{border:none;border-top:1px solid #818181;border-left:1px solid #818181;background-position-x:3px;background-position-y:3px;padding:3px 2px 2px 3px}.new-game-button--loss:active{background-position-x:20px}.new-game-button--win:active{background-position-x:37px}.new-game-button>*{margin-top:-3px}.button{background:#c2c2c2;border-top:2px solid #fff;border-left:2px solid #fff;border-bottom:2px solid #818181;border-right:2px solid #818181;width:100%;height:100%;padding:0;margin:0;display:block;outline:none;text-align:center;font-size:1px;position:relative}.button:active{border:none;border-top:1px solid #818181;border-left:1px solid #818181}.board{display:flex;flex-direction:column;justify-content:space-between}.row{display:flex;justify-content:space-between}.cell,.row{flex-basis:0;flex-grow:1;flex-shrink:1}.pressed{border:none;border-top:1px solid #818181;border-left:1px solid #818181;font-weight:700;font-family:sans-serif;font-size:11px}.c{display:none;position:absolute;left:0}.n1 .c,.n2 .c,.n3 .c,.n4 .c,.n5 .c,.n6 .c,.n7 .c,.n8 .c{left:25%}.static .n1 .c,.static .n2 .c,.static .n3 .c,.static .n5 .c,.static .n6 .c,.static .n7 .c,.static .n8 .c,.static n4 .c{left:29%;top:8%}.n1{color:blue}.n1 .c-1{display:inline}.n2{color:green}.n2 .c-2{display:inline}.n3{color:red}.n3 .c-3{display:inline}.n4{color:navy}.n4 .c-4{display:inline}.n5{color:purple}.n5 .c-5{display:inline}.n6{color:brown}.n6 .c-6{display:inline}.n7{color:#66e}.n7 .c-7{display:inline}.n8{color:#000}.flag .c-flag,.mine .c-mine,.n8 .c-8{display:inline}.flag .c-flag{line-height:75%}.mmine{height:13px;width:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAANCAYAAAC3mX7tAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gYPDBEqwQPmfQAAAHhJREFUOMu1VMENACEIYwJ3cP8hey8NQYqgHgnxY1vAiggPSD1OMByE1oHWkcF4d6FOmwuJIXAxQUEuAKw7RbTkVmREUmwSaowp4I2QJXa6TI0rnbMzMsqqIH3TQKhkhCejO3Ydc17kuPI/urF3aZ0QIiQ3yH8r6AMm+/iC7fP0QwAAAABJRU5ErkJggg==);image-rendering:pixelated;margin:1px}.mmine--wrong{background-position-x:-13px}.fflag{height:10px;width:8px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAYAAACJxx+AAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQY02M4dOgQAwz/51P8D8LIYigSWBWgS5JuAlFuQBEA2kqeApAEMkYSR5XAgvErAAAZM5gevgFdFQAAAABJRU5ErkJggg==);image-rendering:pixelated;margin:1px 2px}.info{padding:1em;z-index:-1}.info,.info a{color:hsla(0,0%,100%,.5)}.counter{border-top:1px solid #818181;border-left:1px solid #818181;border-bottom:1px solid #fff;border-right:1px solid #fff;overflow:hidden;width:41px}.counter__digit{width:13px;height:23px;float:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAXCAYAAADHqJcNAAABO0lEQVRo3u2asQ7CMAxEvSOxM/L/H8JnlQlUBeMkbnycyg1RodGrYytckyNmZpuamr0+bNd7t3kPeFxu4bVtmThnGxspY+8bPWAP7osZFdpjMnFmGI/vjW20Bh4/wxzJp5ixj45vQDvrosnQYzJxRpn2+8jYRmrQKkmGOZpPIWNdifX6Z2QWzWTymX3NZBmWfJz+XKAomV8zFYWLFGGGYcln2USQIkgRpAhSBCnCXyhCZDjM/lJ/yWTyGWGiXcMqRUDm406ErCfA7CNUMKt8hAqP47CPkHXi5N6dyvXEKQLKiWNWHpQiJPLBrRFQ71TmtQhxHNyuAbXKZt6dEMfB+QiofTezX0EcR4ogRZAiSBGkCFKE0FmsPI+A+v8edVaCqW4L8uHbD6/yEapdz9P5CDqzqLGZTu+qmdn2BISYRckZiFU/AAAAAElFTkSuQmCC);image-rendering:crisp-edges}.counter__digit--1{background-position-x:-13px}.counter__digit--2{background-position-x:-26px}.counter__digit--3{background-position-x:-39px}.counter__digit--4{background-position-x:-52px}.counter__digit--5{background-position-x:-65px}.counter__digit--6{background-position-x:-78px}.counter__digit--7{background-position-x:-91px}.counter__digit--8{background-position-x:-104px}.counter__digit--9{background-position-x:-117px}