@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box}body{color:#51ff00;margin:0;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3rem}.background{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.background:before{content:"";opacity:.7;z-index:-1;background-image:url(/Minesweeper/assets/background-0kbGVbdQ.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (width<=1024px){body{font-size:2.5rem}}@media screen and (width<=768px){body{font-size:2rem}}@media screen and (width<=540px){body{font-size:1.5rem}}@media screen and (width<=428px){body{font-size:1.2rem}}@media screen and (width<=376px){body{font-size:1rem}}@media screen and (width<=324px){body{font-size:.8rem}}h1,h2{color:#fffb00;font-family:Orbitron,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.title{margin:20px;font-size:60px}.subtext{color:#fffb00;margin-bottom:10px;font-size:1.5rem}@media screen and (width<=1024px){.title{font-size:50px}}@media screen and (width<=768px){.title{font-size:40px}}@media screen and (width<=540px){.title{font-size:30px}.subtext{font-size:1.2rem}}@media screen and (width<=376px){.title{font-size:20px}.subtext{font-size:1rem}}.info-icon-container{cursor:pointer;z-index:1;font-size:40px}.info-icon-container>i{color:#fffb00;opacity:.4;transition:all .3s}.info-icon-container>i:hover{color:#fffb00;opacity:1}.info-modal{z-index:10;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.info-modal-content{text-align:center;color:#fffb00;text-align:left;background-color:#084908;border:2px solid #38db38;border-radius:10px;max-width:800px;max-height:80vh;margin:5% auto;padding:30px;font-size:16px;overflow-y:auto}.info-modal-content>h2{text-align:center}.info-modal-content li{margin:10px 0}@media screen and (width<=1024px){.info-icon-container{font-size:35px}.info-modal-content{max-width:400px}}@media screen and (width<=768px){.info-icon-container{font-size:30px}}@media screen and (width<=428px){.info-modal-content{max-width:300px;padding:20px}}@media screen and (width<=376px){.info-icon-container{font-size:20px}.info-modal-content ul{padding-left:30px}}@media screen and (width<=324px){.info-modal-content{max-width:240px}.info-modal-content ul{padding-left:20px}}.board{grid-template-columns:repeat(var(--size), 40px);grid-template-rows:repeat(var(--size), 40px);opacity:.65;background-color:#084908;border-radius:5px;gap:4px;padding:10px;display:inline-grid}.board>*{color:#0023c0;-webkit-user-select:none;user-select:none;border:2px solid #38db38;border-radius:3px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.board>[data-status=hidden]{cursor:pointer;background-color:#06a106}.board>[data-status=mine]{background-color:red;background-image:url(/Minesweeper/assets/mine-BdLqRgRk.png);background-position:50%;background-repeat:no-repeat;background-size:80% 80%}.board>[data-status=number]{background-color:#bcbcff}.board>[data-status=flagged]{background-color:#fffb00;background-image:url(/Minesweeper/assets/flag-XNm2zo1e.png);background-position:50%;background-repeat:no-repeat;background-size:80% 80%}@media screen and (width<=768px){.board{grid-template-columns:repeat(var(--size), 30px);grid-template-rows:repeat(var(--size), 30px);gap:3px;padding:8px}}@media screen and (width<=540px){.board{grid-template-columns:repeat(var(--size), 24px);grid-template-rows:repeat(var(--size), 24px);gap:2.4px;padding:6px}}@media screen and (width<=428px){.board{grid-template-columns:repeat(var(--size), 20px);grid-template-rows:repeat(var(--size), 20px);gap:2px;padding:5px}}@media screen and (width<=376px){.board{grid-template-columns:repeat(var(--size), 16px);grid-template-rows:repeat(var(--size), 16px);gap:1.6px;padding:4px}}@media screen and (width<=324px){.board{grid-template-columns:repeat(var(--size), 14px);grid-template-rows:repeat(var(--size), 14px);gap:1.4px;padding:3.5px}}.game-modal{z-index:1;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.game-modal-content{text-align:center;color:#fffb00;background-color:#084908;border:2px solid #38db38;border-radius:10px;width:80%;max-width:400px;margin:15% auto;padding:20px}.modal-buttons{justify-content:center;margin-top:20px;display:flex}@media screen and (width<=768px){.game-modal-content{max-width:300px}}@media screen and (width<=428px){.game-modal-content{font-size:1.5rem}}.button{cursor:pointer;color:#fffb00;background-color:#0000;border:2px solid #38db38;border-radius:10px;width:100px;margin:0 10px;padding:10px 20px;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;transition:all .3s;position:relative}.button:hover{color:#084908;background:#fffb00;border:2px solid #fffb00;box-shadow:0 0 10px #fffb00,0 0 20px #fffb00}.button.active{color:#084908;pointer-events:none;background:#fffb00;border:2px solid #fffb00}.button--reset{width:80px;margin-bottom:10px;padding:5px 8px}@media screen and (width<=768px){.button{margin:0 8px;padding:8px 16px;font-size:16px}.button--reset{width:80px;margin-bottom:10px;padding:5px 8px}}@media screen and (width<=540px){.button{width:80px;margin:0 5px;padding:5px 10px;font-size:14px}.button--reset{width:80px;margin-bottom:10px;padding:5px 8px}}.board-size-selector,.game-difficulty-selector{justify-content:center;align-items:center;margin:20px 0;display:flex}.board-size-selector>span,.game-difficulty-selector>span{font-size:32px}@media screen and (width<=768px){.board-size-selector,.game-difficulty-selector{margin:10px 0}.board-size-selector>span,.game-difficulty-selector>span{font-size:20px}}@media screen and (width<=428px){.board-size-selector,.game-difficulty-selector{flex-direction:column;margin:10px}.board-size-selector>button,.game-difficulty-selector>button{margin:5px 0}}footer{text-align:center;background-color:#084908;justify-content:center;align-items:center;padding:20px;font-size:16px;display:flex}footer>p{margin:0 20px}footer>.cube{flex-shrink:0}.box>span:first-of-type{--i:0}.box>span:nth-of-type(2){--i:1}.box>span:nth-of-type(3){--i:2}.box>span:nth-of-type(4){--i:3}.cube{width:32px;height:8px;transform-style:preserve-3d;cursor:pointer;transition:filter .3s;position:relative;transform:rotateX(-45deg)rotateY(45deg)}.cube .box{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.cube .box span{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(90deg * var(--i))) translateZ(16px);background:linear-gradient(#151519,#38db38);transition:all .3s;position:absolute;top:0;left:0}.top{width:32px;height:32px;transform-style:preserve-3d;background:#222;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:0;left:0;transform:rotateX(90deg)translateZ(16px)}.cube .box:hover span,.cube .top:hover{filter:drop-shadow(0 0 10px #38db38)drop-shadow(0 0 20px #38db38)}.top>i{color:#38db38;font-size:1.2em;position:absolute}@media screen and (width<=324px){footer{padding:12px;font-size:14px}footer>p{margin-left:0;margin-right:15px}}