@font-face{font-family:sports-world;font-style:bold;font-weight:700;font-display:swap;src:url(../fonts/sports-world.1a8543b8e5dc097abca5c194550ee5a5.woff)}@font-face{font-family:ds-digital-bold;font-style:bold;font-weight:700;font-display:swap;src:url(../fonts/ds-digital-bold.746ffb04a6d8f3bff3a5a018fb8d6a6e.woff)}:root{--color-bg:#333;--color-highlight:#444;--color-text:#ffebcd;--color-text2:#7fffd4;--color-red:#900;--color-icon-bg:#828282}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:monospace}#root{min-height:100vh;background-color:var(--color-bg);position:relative;justify-content:center;align-items:center}#root,.menu{width:100%;display:flex}.menu{flex-direction:column;justify-content:space-around}.menu__btn{background:none;border:none;font-family:sports-world,monospace;font-size:2rem;font-weight:700;color:var(--color-text);padding:20px;text-transform:uppercase;cursor:pointer}.menu__btn:hover{background-color:var(--color-highlight)}.menu-top{justify-content:space-between;color:var(--color-text);font-size:1.4rem;text-transform:uppercase}.menu-top,.menu-top .table{display:flex;flex-direction:column}.menu-top .list{width:100%;text-align:center;border:1px solid #000;margin-right:2px}.menu-top .list ul{list-style:none;border-top:1px solid #000}.menu-top .list ul li{display:flex;justify-content:space-between;padding:0 10px}.menu-top .list ul li:nth-child(2n){color:var(--color-text2)}.game-area{display:flex;flex-direction:column;border:5px solid #000}.game-area__header{display:flex;justify-content:space-around;border-bottom:5px solid #000}.game-area__header-button{width:40px;height:40px;background-color:var(--color-icon-bg);background-size:cover;border:none}.menu-icon{position:relative}.menu-icon:after,.menu-icon:before{content:"";position:absolute;width:30px;height:6px;background-color:#000;top:10px;left:5px;border-radius:9999px}.menu-icon:after{top:24px}.menu-icon:hover.menu-icon:before{transition:all .1s linear;transform:rotate(-30deg)}.menu-icon:hover.menu-icon:after{transition:all .1s linear;transform:rotate(30deg)}.mines-left-icon,.timer-icon{width:50px;line-height:40px;font-family:ds-digital-bold,monospace;font-size:30px;font-weight:700;color:var(--color-red)}.smile-good{background-image:url(../img/smile-good.f41ec245fa041a65a52f5fe867ca2ded.png)}.smile-bad{background-image:url(../img/smile-bad.e5d8ee3fa101f3f1020537b06af60a63.png)}.pause-icon{position:relative}.pause-icon:after,.pause-icon:before{content:"";position:absolute;width:6px;height:30px;background-color:#000;top:5px;left:10px;border-radius:9999px}.pause-icon:after{left:24px}.pause-icon:hover.pause-icon:after,.pause-icon:hover.pause-icon:before{transform:scale(1.1)}.pause-icon:active.pause-icon:after,.pause-icon:active.pause-icon:before{transform:scale(1)}.start-icon{position:relative}.start-icon:before{content:"";position:absolute;top:10px;left:10px;width:0;height:0;border-color:transparent transparent transparent #000;border-style:solid;border-width:10px 0 10px 20px}.start-icon:hover.start-icon:before{transform:scale(1.1)}.start-icon:active.start-icon:before{transform:scale(1)}.area{position:relative;display:flex;flex-direction:column}.area__war-shadow{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(10px)}.line-element{display:flex}.cell-element{width:25px;height:25px;font-family:sports-world,monospace;font-size:1.4rem;text-align:center;line-height:30px;background-color:var(--color-bg);background-image:url(../img/closed-cell.5e4fe0ee24e7971da2f2ab613c29c201.png);background-size:cover;background-repeat:no-repeat}.cell-mine{background-image:url(../img/mine-cell.e6dd62f3d41b40223dc75e978c157bf8.png)}.cell-boom{background-image:url(../img/boom-cell.192e783be5374edecd753481defa613a.png)}.cell-empty,.cell-num{background-image:url(../img/empty-cell.846e49f4af43d66105ace9d692d1c6fd.png)}.cell-flag{background-image:url(../img/flag-cell.c1fea0295debabe0745b869761a853b2.png)}.win-animation-canvas{position:absolute;width:100%;height:100%;top:0;left:0;backdrop-filter:blur(2px) brightness(50%)}.add-score-form{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:400px;height:200px;padding:30px;background-color:var(--color-bg);top:50%;transform:translateY(-50%);z-index:10}.add-score-form *{font-family:sports-world,monospace;text-align:center;font-size:1.5em;font-weight:700;color:var(--color-text);background-color:var(--color-bg)}@media (min-device-width:599px){.menu{width:80%}.menu-top .table{flex-direction:row}.mines-left-icon,.timer-icon{width:60px;font-size:36px}.cell-element{width:30px;height:30px}}.invisible{opacity:0}.hide{display:none}