.minesweeper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-collapse:collapse;border-spacing:0;padding:10px;background:#bdbdbd;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;border-color:#fefefe #7b7b7b #7b7b7b #fefefe;border-style:solid;border-width:2px;font-size:24px}.minesweeper__body{border:2px solid #7b7b7b}.minesweeper__field,.minesweeper__row{display:-ms-flexbox;display:flex}.minesweeper__field{background:#dedede;position:relative;border:1px solid #7b7a7a;width:30px;height:30px;font-weight:700;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box}.minesweeper__field_1{color:#1212f9}.minesweeper__field_2{color:#007b00}.minesweeper__field_3{color:#ef2e2e}.minesweeper__field_4{color:#00007b}.minesweeper__field_5{color:#7b0000}.minesweeper__field_6{color:#007f7e}.minesweeper__field_7,.minesweeper__field_8{color:#000}.minesweeper__field_bomb:before{background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE3OTIiIHdpZHRoPSIxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01NzEgNTg5cS0xMC0yNS0zNC0zNXQtNDkgMHEtMTA4IDQ0LTE5MSAxMjdUMTcwIDg3MnEtMTAgMjUgMCA0OXQzNSAzNHExMyA1IDI0IDUgNDIgMCA2MC00MCAzNC04NCA5OC41LTE0OC41VDUzNiA2NzNxMjUtMTEgMzUtMzV0MC00OXptOTQyLTM1Nmw0NiA0Ni0yNDQgMjQzIDY4IDY4cTE5IDE5IDE5IDQ1LjV0LTE5IDQ1LjVsLTY0IDY0cTg5IDE2MSA4OSAzNDMgMCAxNDMtNTUuNSAyNzMuNXQtMTUwIDIyNS0yMjUgMTUwVDcwNCAxNzkydC0yNzMuNS01NS41LTIyNS0xNTAtMTUwLTIyNVQwIDEwODh0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzA0IDM4NHExODIgMCAzNDMgODlsNjQtNjRxMTktMTkgNDUuNS0xOXQ0NS41IDE5bDY4IDY4em04LTU2cS0xMCAxMC0yMiAxMC0xMyAwLTIzLTEwbC05MS05MHEtOS0xMC05LTIzdDktMjNxMTAtOSAyMy05dDIzIDlsOTAgOTFxMTAgOSAxMCAyMi41dC0xMCAyMi41em0yMzAgMjMwcS0xMSA5LTIzIDl0LTIzLTlsLTkwLTkxcS0xMC05LTEwLTIyLjV0MTAtMjIuNXE5LTEwIDIyLjUtMTB0MjIuNSAxMGw5MSA5MHE5IDEwIDkgMjN0LTkgMjN6bTQxLTE4M3EwIDE0LTkgMjN0LTIzIDloLTk2cS0xNCAwLTIzLTl0LTktMjMgOS0yMyAyMy05aDk2cTE0IDAgMjMgOXQ5IDIzek0xNjAwIDMydjk2cTAgMTQtOSAyM3QtMjMgOS0yMy05LTktMjNWMzJxMC0xNCA5LTIzdDIzLTkgMjMgOSA5IDIzem0xNTEgNTVsLTkxIDkwcS0xMCAxMC0yMiAxMC0xMyAwLTIzLTEwLTEwLTktMTAtMjIuNXQxMC0yMi41bDkwLTkxcTEwLTkgMjMtOXQyMyA5cTkgMTAgOSAyM3QtOSAyM3oiLz48L3N2Zz4=)}.minesweeper__field_cloud:before{background:#bdbdbd;border-color:#fefefe #7b7b7b #7b7b7b #fefefe;border-style:solid;border-width:2px;box-sizing:border-box}.minesweeper__field_cloud:active:before{transform:translate(1px,1px)}.minesweeper__field_flag:after{background:inherit}.minesweeper__field_flag:before{z-index:5;background:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB3aWR0aD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTU0LjIyNyAxMi42MTFhMS42NCAxLjY0IDAgMCAwLTEuMTk2LS41MDVjLS4yMjkgMC0uNzEyLjE4OC0xLjQ0Ni41NTktLjczNS4zNzItMS41MTUuNzg2LTIuMzM2IDEuMjQ4LS44MjMuNDU5LTEuNzk3Ljg3NS0yLjkyMSAxLjI0Ny0xLjEyMy4zNzEtMi4xNjMuNTU5LTMuMTIuNTU5LS44ODQgMC0xLjY2NC0uMTY4LTIuMzM2LS41MDUtMi4yMjktMS4wNDQtNC4xNjgtMS44MjMtNS44MTQtMi4zMzctMS42NDYtLjUxMy0zLjQxNi0uNzcxLTUuMzExLS43NzEtMy4yNzIgMC02Ljk5OSAxLjA2NC0xMS4xNzcgMy4xODgtLjg2Mi40My0xLjQ4Ljc2My0xLjg4IDEuMDA3bC0uMzk3LTIuOTExYTQuMjIgNC4yMiAwIDAgMCAxLjQ3Ni0zLjE5NSA0LjI0OSA0LjI0OSAwIDEgMC04LjQ5OCAwYzAgMS41MzEuODE4IDIuODYyIDIuMDMyIDMuNjFsNS43NCA0Mi4wOWEyLjUgMi41IDAgMCAwIDQuOTU0LS42NzVMMTkuNjkgMzguMzAzYzQuMTg2LTIuMDc3IDcuODA3LTMuMTI0IDEwLjg1My0zLjEyNCAxLjI5MyAwIDIuNTU0LjE5MyAzLjc4My41ODMgMS4yMy4zOTEgMi4yNTMuODE1IDMuMDY3IDEuMjc0LjgxNC40NiAxLjc3NS44ODYgMi44OCAxLjI3NCAxLjEwNy4zOSAyLjIuNTg1IDMuMjc5LjU4NSAyLjcyNiAwIDUuOTkxLTEuMDI3IDkuNzk2LTMuMDguNDc4LS4yNDguODI4LS40OTIgMS4wNDktLjczMS4yMjEtLjIzOS4zMzItLjU3OS4zMzItMS4wMjFWMTMuODA2YTEuNjQgMS42NCAwIDAgMC0uNTAyLTEuMTk1eiIvPjwvc3ZnPg==)}.minesweeper__field_bomb:before,.minesweeper__field_cloud:before,.minesweeper__field_flag:after,.minesweeper__field_flag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:75% 75%;background-position:50% 50%;background-repeat:no-repeat}