*{box-sizing:border-box}body,html{font-family:Arial,Helvetica,sans-serif;font-size:18px;background-color:#292425;color:hsla(0,0%,100%,.699);width:100%;height:100%;margin:0;padding:0}.view{display:flex;flex-direction:column;align-items:center}.container{position:relative;width:100%;max-width:500px;padding:0 1em 4rem}.button,button,input{background-color:#342f30;color:hsla(0,0%,100%,.4);padding:.6rem 1rem;border-radius:5px;border:none;font-size:1rem;cursor:pointer;text-decoration:none;display:flex;align-items:center}.button svg,button svg,input svg{font-size:1.2em}.button.transparent,button.transparent,input.transparent{background-color:transparent}.button:focus,button:focus,input:focus{outline:none;color:#d68c02}.button:active:not(:disabled),button:active:not(:disabled),input:active:not(:disabled){transform:translateY(1px);box-shadow:0 -1px rgba(0,0,0,.34901960784313724),0 1px rgba(122,87,27,.2784313725490196);background-image:linear-gradient(rgba(0,0,0,.0705882),transparent)}.button:hover,button:hover,input:hover{-webkit-filter:brightness(1.24) opacity(70%);filter:brightness(1.24) opacity(70%)}.icon-text-group{display:flex}.icon-text,.text-icon{display:flex;align-items:center}.icon-text svg{padding-right:.5rem;font-size:1.5em}.icon-text.p-right{padding-right:3rem}.text-icon svg{padding-left:.5em}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}header h1{margin:0}header .button.transparent{transform:translateX(1rem)}header .button.transparent:active:not(:disabled){transform:translate(1rem,1px);box-shadow:none;background-image:none}header .button.transparent svg{font-size:1.6em}.status-bar{display:flex;justify-content:space-between;align-items:center;height:4rem;position:-webkit-sticky;position:sticky;top:0;z-index:2;background-color:#292425}.icon-button{background-color:hsla(0,0%,100%,.050980392156862744);color:hsla(0,0%,100%,.4);padding:.2rem 1rem .2rem .5rem!important;border-radius:5px;font-size:.9rem}.endgame{position:-webkit-sticky;position:sticky;bottom:0;display:flex;flex-direction:row;margin-top:6px;padding:2rem 0;width:100%;background-color:#292425;grid-gap:1rem;gap:1rem}.endgame:after{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background-image:linear-gradient(transparent,rgba(41,36,37,.388235))}.endgame .endgame-result{display:flex;justify-content:center;font-size:1.5rem;white-space:nowrap;flex:1 1}.endgame .endgame-result svg{font-size:2em}.board{position:relative;display:flex;flex-direction:column;width:100%}.board-row{display:flex;flex-direction:row}.tile{background-color:#373737;border-radius:4px;position:relative;transition:transform .1s ease-in-out}.tile.hidden:not(.disabled){cursor:pointer}.tile.hidden:not(.disabled).scanned{background-color:#4d4d4d;transform:scale(.94)}.tile.revealed{background-color:#8c8b8b}.tile.revealed.hasMine{color:#000;background-color:#707070}.tile.revealed.hasMine.causeOfDefeat{background-color:#d04a4a}.tile.revealed:not(.hasMine){cursor:zoom-in}.tile.flagged:not(.disabled){cursor:pointer}.tile.flagged:not(.disabled).scanned{background-color:#4d4d4d;transform:scale(.94)}.tile .board-tile-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.red{color:#a40000}.blue{color:#00f}.dark-blue{color:#020277}.green{color:green}.yellow{color:#d68c02}.results-title{display:flex;align-items:center}.results-title svg{margin-right:.5em}.play-again-wrapper{display:flex;justify-content:center;padding-bottom:2em}table.results-table{width:100%}table.results-table tr td{padding:1em 0}table.results-table td{text-align:center}table.results-table td span{display:flex;justify-content:center;align-items:center}table.results-table td span svg:not(:last-child){margin-right:.4em}table.results-table td span span{font-size:.9rem}table.results-table td .time{text-align:left;display:flex;align-items:center}table.results-table td .time svg{margin-right:.5em}table.results-table td .center{display:flex;align-items:center;justify-content:center}table.results-table td .result{font-size:1.1rem}table.results-table td.regular-width{min-width:3em}table.results-table tbody{font-size:.9rem}.clear-btn-wrapper{display:flex;justify-content:flex-end;padding-top:.8rem}.clear-btn-wrapper .clear-btn{font-size:.8rem;padding:.2rem .6rem}@media (max-width:599px){.hideOnMobile{display:none!important}}@media (min-width:600px){.showOnMobile{display:none}}.section{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:3em}.section .section-title{display:flex;align-items:center;margin-bottom:1em}.section .section-title svg{margin-right:.5em}.section .section-body{display:flex;justify-content:center}.section .section-body.username{display:flex;flex-direction:column}.section .section-body.username input{flex:1 1;font-size:1rem}.section .section-body.username small{color:#d68c02;font-size:.76em;text-align:right;padding:.5rem 0;opacity:.8;cursor:default}.section .section-body.username small.hidden{opacity:0;visibility:none}.section .section-body.level{grid-gap:1.5em;gap:1.5em}.section .section-body.level button{flex:1 1;display:flex;justify-content:center}.section .section-body.level button.selected{box-shadow:0 0 0 1px #d68c02}.play-button-wrapper{display:flex;justify-content:center;padding-top:2em}.play-button-wrapper .play-button{background-color:#d68c02;color:#342f30;display:inline-flex;font-weight:600;text-transform:uppercase;padding:.8rem 1.6rem}.play-button-wrapper .play-button svg{font-size:1.5em;color:#342f30}.play-button-wrapper .play-button:focus{color:#342f30!important;box-shadow:0 1px 20px 0 rgba(214,140,2,.6509803921568628)}.play-button-wrapper .play-button:disabled{-webkit-filter:opacity(70%);filter:opacity(70%);cursor:not-allowed}
/*# sourceMappingURL=main.96000ac1.chunk.css.map */