@font-face{font-family:"Encode Sans",sans-serif;font-weight:400;font-style:normal;src:local("Encode Sans"),url(fonts/EncodeSans_Condensed-Regular.woff2) format("woff2"),url(fonts/EncodeSans_Condensed-Regular.woff) format("woff"),url(fonts/EncodeSans_Condensed-Regular.ttf) format("ttf")}*{box-sizing:border-box}body{font-family:"Encode Sans",sans-serif;font-size:14px;color:#000;background-color:#fff}.body-dark{background-color:#373737;color:#f4f4f4}.container{display:flex;flex-direction:column;justify-items:center;align-items:center;width:auto;margin:0 auto}@media(max-width: 580px){.container{max-width:480px}}.h1{text-align:center;font-size:1.5rem}@media(max-width: 700px){.h1{font-size:1.4rem}}@media(max-width: 580px){.h1{font-size:1.3rem}}.one{color:blue}.one-dark{color:#00009a}.two{color:#007b00}.two-dark{color:#005c00}.three{color:red}.three-dark{color:#810000}.four{color:#00007b}.four-dark{color:#00007b}.five{color:#7b0000}.five-dark{color:#7b0000}.six{color:#007b7b}.six-dark{color:#00cdcd}.seven{color:#000}.seven-dark{color:#000}.eight{color:#7b7b7b}.eight-dark{color:#f4f4f4}.links{display:flex;margin:0;margin-top:1.5em;padding:0;list-style:none}.links__item{font-size:1.2rem}@media(max-width: 700px){.links__item{font-size:1.1rem}}@media(max-width: 580px){.links__item{font-size:1rem}}.links__item:not(:first-child){position:relative;margin-left:2em}.links__item:not(:first-child):before{position:absolute;content:"|";left:-1em}.links__link{position:relative;-webkit-text-decoration:none;text-decoration:none;color:blue;opacity:1;transition:all .5s linear}.links__link:hover{opacity:.5;transition:all .5s linear}.links__link-disable{cursor:not-allowed}.links__link-dark{color:#87cefa}.links__link:hover:after{width:100%;transition:all .5s linear}.volume{margin:20px auto 0;width:25px;height:22px;background-image:url(img/sound.png);background-size:25px 22px;background-position:center center;background-repeat:no-repeat;color:blue;opacity:1;cursor:pointer;transition:all .5s linear}.volume-dark{background-image:url(img/sound-darktheme.png)}.volume:hover,.volume-disable{opacity:.5;transition:all .5s linear}.game{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;margin-top:2em;padding:10px;background-color:silver}.game-dark{background-color:gray}.game__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border-left:2px solid #7b7b7b;border-top:2px solid #7b7b7b;border-right:2px solid #fff;border-bottom:2px solid #fff}.game__header-dark{border-left:2px solid dimgray;border-top:2px solid dimgray;border-right:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4}.game__field{display:grid;width:100%;border-left:2px solid #7b7b7b;border-top:2px solid #7b7b7b;border-right:2px solid #fff;border-bottom:2px solid #fff}.game__field-dark{border-left:2px solid dimgray;border-top:2px solid dimgray;border-right:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4}.header__clicks{width:30%;font-size:1.5rem;font-weight:bold}@media(max-width: 700px){.header__clicks{font-size:1.3rem}}@media(max-width: 580px){.header__clicks{font-size:1.1rem}}.header__reload{background-image:url(img/reload.png);background-size:26px 26px;background-position:center center;background-repeat:no-repeat;width:36px;height:36px;border-left:2px solid #fff;border-top:2px solid #fff;border-right:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b}.header__reload-dark{border-left:2px solid #f4f4f4;border-top:2px solid #f4f4f4;border-right:2px solid dimgray;border-bottom:2px solid dimgray}.header__reload-pressed{border-left:1px solid #7b7b7b;border-top:1px solid #7b7b7b;border-right:1px solid #7b7b7b;border-bottom:1px solid #7b7b7b}.header__reload-cell-pressed{background-image:url(img/cell-pressed.png)}.header__reload-win{background-image:url(img/win.png)}.header__reload-loose{background-image:url(img/die.png)}.header__timer{width:30%;font-size:1.5rem;font-weight:bold;text-align:right}@media(max-width: 700px){.header__timer{font-size:1.3rem}}@media(max-width: 580px){.header__timer{font-size:1.1rem}}.field__cell{display:flex;justify-content:center;align-items:center;width:25px;height:25px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:900;font-size:1.2rem;border-left:2px solid #fff;border-top:2px solid #fff;border-right:2px solid #7b7b7b;border-bottom:2px solid #7b7b7b}@media(max-width: 700px){.field__cell{width:20px;height:20px;font-size:1rem}}@media(max-width: 580px){.field__cell{width:15px;height:15px;font-size:.8rem}}.field__cell-dark{border-left:2px solid #f4f4f4;border-top:2px solid #f4f4f4;border-right:2px solid dimgray;border-bottom:2px solid dimgray}.field__cell-pressed{border-left:1px solid #7b7b7b;border-top:1px solid #7b7b7b;border-right:1px solid #7b7b7b;border-bottom:1px solid #7b7b7b}.field__cell-flag{background-image:url(img/flag.png);background-size:18px 18px;background-position:center center;background-repeat:no-repeat}@media(max-width: 700px){.field__cell-flag{background-size:16px 16px}}@media(max-width: 580px){.field__cell-flag{background-size:14px 14px}}.field__cell-bomb{background-image:url(img/bomb.png);background-size:18px 18px;background-position:center center;background-repeat:no-repeat}@media(max-width: 700px){.field__cell-bomb{background-size:16px 16px}}@media(max-width: 580px){.field__cell-bomb{background-size:14px 14px}}.field__cell-red-bomb{background-image:url(img/bomb.png);background-color:red;background-size:18px 18px;background-position:center center;background-repeat:no-repeat}@media(max-width: 700px){.field__cell-red-bomb{background-size:16px 16px}}@media(max-width: 580px){.field__cell-red-bomb{background-size:14px 14px}}.field__cell-crossed-bomb{position:relative;background-image:url(img/bomb.png);background-size:18px 18px;background-position:center center;background-repeat:no-repeat}@media(max-width: 700px){.field__cell-crossed-bomb{background-size:16px 16px}}@media(max-width: 580px){.field__cell-crossed-bomb{background-size:14px 14px}}.field__cell-crossed-bomb:before,.field__cell-crossed-bomb:after{content:"";position:absolute;top:10px;display:block;width:24px;height:2px;background:red}.field__cell-crossed-bomb:before{transform:rotate(45deg)}.field__cell-crossed-bomb:after{transform:rotate(-45deg)}.agenda{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#000;font-size:1.2rem;font-weight:700}.agenda>*+*{margin-left:20px}.agenda-dark{color:#f4f4f4}.agenda__flags{padding-left:25px;background-image:url(img/flag.png);background-size:18px 18px;background-position:left center;background-repeat:no-repeat}@media(max-width: 700px){.agenda__flags{background-size:16px 16px}}@media(max-width: 580px){.agenda__flags{background-size:14px 14px}}.agenda__mines{padding-left:25px;background-image:url(img/bomb.png);background-size:18px 18px;background-position:left center;background-repeat:no-repeat}@media(max-width: 700px){.agenda__mines{background-size:16px 16px}}@media(max-width: 580px){.agenda__mines{background-size:14px 14px}}.info{margin-top:10px;font-size:1rem;text-align:center}@media(max-width: 700px){.info{font-size:.9rem}}@media(max-width: 580px){.info{font-size:.8rem}}.message{text-align:center;font-weight:700}.message>p{margin:0 auto 10px;font-size:1.8rem;color:red}@media(max-width: 700px){.message>p{font-size:1.6rem}}@media(max-width: 580px){.message>p{font-size:1.4rem}}.message span{color:#000;font-size:1rem;font-weight:400}.message input{font-size:1.5rem}.message-dark>p{color:red}.message-dark span{color:#f4f4f4}.input-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.save-result{margin:10px;padding:5px;font-size:1.1rem;cursor:pointer;background-color:#fff;color:#000;border:1px solid #000;transition:all .5s linear}.save-result:hover{background-color:silver;transition:all .5s linear}.results{display:flex;justify-content:center;align-items:flex-start;width:-moz-fit-content;width:fit-content}.results__content{padding:5px}.results>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.results>*+*{margin-left:20px}.results__title{margin:10px auto}.results__list{margin:10px auto 10px;padding:0 5px 0 25px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(41,41,41,.6)}.modal{position:relative;width:-moz-fit-content;width:fit-content;height:auto;font-size:1.2rem;color:#000;box-shadow:0px 2px 35px 14px rgba(13,13,13,.04);background-color:#f4f4f4}@media(max-width: 580px){.modal{max-width:480px}}.modal__title{display:flex;justify-content:space-between;align-items:center;background-color:blue}.modal__title h2{display:block;margin:0;padding:5px;font-size:1.3rem;color:#fff}.modal__close{padding:5px 10px 5px;font-size:1.3rem;font-weight:700;color:#fff;cursor:pointer}.modal__btn{margin:10px 10px 0;padding:5px;font-size:1.1rem;cursor:pointer;background-color:#fff;color:#000;border:1px solid #000;transition:all .5s linear}.modal__btn:hover{background-color:silver;transition:all .5s linear}.modal__error{padding:10px;color:red;font-size:1rem}@keyframes make-hidden{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.make-hidden{animation-name:make-hidden;animation-duration:.5s}@keyframes make-visible{from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.make-visible{animation-name:make-visible;animation-duration:.5s}.content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:repeat(4, auto);grid-template-areas:". height width mines" "label-easy height-easy width-easy mines-easy" "label-medium height-medium width-medium mines-medium" "label-hard height-hard width-hard mines-hard";padding:5px}.content>div{padding:5px}.content__label{cursor:pointer}.content__label-active{color:blue}.content__label-easy{grid-area:label-easy}.content__label-medium{grid-area:label-medium}.content__label-hard{grid-area:label-hard}.content__height-easy{grid-area:height-easy}.content__height-medium{grid-area:height-medium}.content__height-hard{grid-area:height-hard}.content__width-easy{grid-area:width-easy}.content__width-medium{grid-area:width-medium}.content__width-hard{grid-area:width-hard}.content__mines>input{margin-left:.5em;width:-moz-fit-content;width:fit-content}.content__mines-easy{grid-area:mines-easy}.content__mines-medium{grid-area:mines-medium}.content__mines-hard{grid-area:mines-hard}.header__height{grid-area:height}.header__width{grid-area:width}.header__mines{grid-area:mines}