*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#217f7f;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}h1{color:#ffbb0f;text-align:center;font-size:2.5rem;margin-top:1rem}h1:before{content:"💣 "}h1:after{content:" 🧨"}.container{max-width:1000px;margin:0 auto}.center{width:100%}.menu{margin-top:2rem;display:flex;flex-direction:column;justify-content:center}.choice-button{margin:.5rem;padding:1.5rem 3rem;color:#ffbb0f;background-color:#850638;border:1px dashed rgb(255,187,15);border-radius:50px;font-size:1.1rem;font-weight:700;text-transform:uppercase}.choice-button:hover{border:1px solid rgb(255,187,15);cursor:pointer}.minesweeper{margin:1rem auto;padding:10px;background-color:silver;border:5px solid;border-top-color:#fff;border-right-color:#7b7b7b;border-bottom-color:#7b7b7b;border-left-color:#fff;text-align:center;vertical-align:middle}.small{width:310px}.medium{width:520px}.large{width:940px}.minesweeper-top{padding:.2rem .3rem;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;background-color:silver;border:5px solid;border-bottom-color:#fff;border-left-color:#7b7b7b;border-top-color:#7b7b7b;border-right-color:#fff}.minesweeper-top .counter{display:flex;border:1px solid;border-bottom-color:#fff;border-left-color:#7b7b7b;border-top-color:#7b7b7b;border-right-color:#fff}.minesweeper-top .counter img{margin-bottom:-3px}.face button{margin:.2rem .5rem;border-radius:0;background-color:#fff;border:0}.face button:hover{cursor:pointer}.face button img{display:block}.face button:active img{content:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='yes'?%3e%3csvg%20width='260'%20height='260'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0'%20y='0'%20width='260'%20height='260'%20fill='%23808080'%20/%3e%3c!--%20shade%20--%3e%3cpolygon%20points='0,0%20260,0%20250,10%2010,10%2010,250%200,260'%20fill='%23808080'%20/%3e%3crect%20x='30'%20y='30'%20width='220'%20height='220'%20fill='%23c0c0c0'%20/%3e%3c!--%20background%20--%3e%3ccircle%20cx='135'%20cy='135'%20r='80'%20stroke-width='7'%20stroke='%23000000'%20fill='%23ffff00'%20/%3e%3c!--%20face%20--%3e%3cpath%20d='M%2095%20150%20Q%20110%20175,%20135%20175%20T%20175%20150'%20fill='transparent'%20stroke='%23000000'%20stroke-width='8'%20/%3e%3c!--%20mouth%20--%3e%3ccircle%20cx='110'%20cy='110'%20r='11'%20fill='%23000000'%20/%3e%3c!--%20left%20eye%20--%3e%3ccircle%20cx='160'%20cy='110'%20r='11'%20fill='%23000000'%20/%3e%3c!--%20right%20eye%20--%3e%3c/svg%3e")}.grid{display:flex;flex-wrap:wrap;background-color:silver;border:5px solid;border-bottom-color:#fff;border-left-color:#7b7b7b;border-top-color:#7b7b7b;border-right-color:#fff}.cell{width:30px;height:30px;border-radius:0;background-color:#fff;border:0}.active{background-color:#525252;border:1px solid rgb(127,127,127)}