*{font-family:"OCR A Std",monospace;font-size:1.3rem;padding:0;margin:0}h1{font-size:2rem;color:#fff}body{display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:100vh;width:100%;margin:0}select{background:#fc43d4;border:6px solid;border-image-slice:1;border-image-source:linear-gradient(270deg,#743ad5,#d53a9d);padding:0 .5em;color:#fff;cursor:pointer}option{background:#d924fd}#root{background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.38)),url(/static/media/bg.9d241ed1.jpg) no-repeat fixed 50%;background-size:cover;height:100vh;width:100%}.flex{display:flex;align-items:center;justify-content:center}.container{flex-direction:column;margin:0 auto;max-width:800px;width:100%;height:100vh;-webkit-animation:fadeIn 1.18s;animation:fadeIn 1.18s}.bomb{background:url(/static/media/bomb.76c302e7.png);background-size:contain;height:100%;width:100%}.flag{background:url(/static/media/flag.dd38d023.png) no-repeat;background-size:contain;height:80%;width:80%}.cell{background:#e0e0e0;text-align:center;border:5px outset #fff;padding:2px;text-decoration:none}.cell:hover{background:#f5f5f5}.cell:active{border-style:inset}#game-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%;max-width:800px;padding:20px 40px;margin:15px;border:2px solid hsla(0,0%,100%,.315);border-radius:30px;color:#fff}#grid{width:100%;margin:0 auto;display:grid}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:999;opacity:1;-webkit-animation:0s;animation:0s;transition:all 0s;visibility:hidden;-webkit-animation:fadeOut .4s;animation:fadeOut .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#overlay *{pointer-events:none}#overlay.active{visibility:visible;-webkit-animation:fadeIn .4s;animation:fadeIn .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#overlayin{padding:1em 4em;background-color:rgba(0,0,0,.5);border-radius:5px;flex-direction:column;color:#fff;box-shadow:0 0 20px #000}#overlayin p{text-align:center;font-size:1em}p.big{font-size:2em!important}p.darker{color:#aaa}p.glow{animation:glow .85s infinite alternate-reverse}@-webkit-keyframes glow{0%{text-shadow:0 0 20px #ff0}to{text-shadow:0 0 20px #ff7300}}@keyframes glow{0%{text-shadow:0 0 20px #ff0}to{text-shadow:0 0 20px #ff7300}}#overlay.active #overlayin{opacity:0;-webkit-animation:spinIn .75s ease-in-out;animation:spinIn .75s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#overlayin *{margin:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes spinIn{0%{transform:scale(.1) rotateX(0deg);opacity:0}to{transform:scale(1) rotateX(1turn);opacity:1}}@keyframes spinIn{0%{transform:scale(.1) rotateX(0deg);opacity:0}to{transform:scale(1) rotateX(1turn);opacity:1}}@media only screen and (min-width:769px) and (max-width:1024px){*{font-size:1.3rem}h1{font-size:1.9rem}.container{max-width:1024px}#game-header{width:70%;padding:10px 18px;margin:15px}}@media only screen and (min-width:481px) and (max-width:768px){*{font-size:1.275rem}h1{font-size:1.8rem}.container{max-width:768px}#game-header{padding:10px 18px;margin:15px}#overlayin{padding:1.1em 2.2em;box-shadow:0 0 15px #000}#overlayin p{font-size:1em}p.big{font-size:1.5em!important}}@media only screen and (max-width:480px){*{font-size:1rem}h1{font-size:1.27rem}select{width:40%;font-size:14px}.container{max-width:480px}#game-header{padding:6px 12px;margin:10px}#overlayin{padding:.9em 1.1em;box-shadow:0 0 10px #000}#overlayin p{font-size:.92em}p.big{font-size:1.25em!important}}@media only screen and (min-device-width:769px) and (max-device-width:1023px) and (orientation:landscape){*{font-size:1rem}h1{font-size:1.2rem}#grid{height:75%;width:44%;max-width:800px}#game-header{width:44%;padding:2px 10px;margin:10px}p.big{font-size:1.6em!important}}@media only screen and (min-device-width:480px) and (max-device-width:768px) and (orientation:landscape){*{font-size:1rem}h1{font-size:1.2rem}#grid{height:70%;width:50%}#game-header{width:50%;padding:6px 12px;margin:10px}}@media only screen and (width:653px) and (height:280px) and (orientation:landscape){*{font-size:1rem}h1{font-size:1.2rem}select{width:30%;font-size:10px}.cell>div{font-size:11px}#grid{height:60%;width:34%}#game-header{width:34%;padding:6px 12px;margin:10px}}@media only screen and (width:1024px) and (orientation:landscape){#grid{height:70%;width:70%;max-width:800px}}
/*# sourceMappingURL=main.c012cd20.chunk.css.map */