@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{margin:0;font-family:Kanit,sans-serif;background:-webkit-linear-gradient(315deg,#2a3444,#2a5298);background:-o-linear-gradient(315deg,#2a3444,#2a5298);background:linear-gradient(135deg,#2a3444,#2a5298);color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;text-align:center}.App{padding:10px 30px 50px}@media (max-width:400px){.App{padding:10px}}h1{font-size:42px;font-weight:700;text-transform:uppercase;letter-spacing:12px;text-shadow:2px 2px 10px rgba(0,0,0,.2);margin:20px 0;z-index:100;position:relative}h1,h2,h3{font-family:Kanit,sans-serif}h2,h3{font-weight:500;letter-spacing:8px}h2{margin:10px 0}.instructions p{font-size:20px;font-weight:200}.instructions strong{font-weight:500}.grid-container{display:inline-block;padding:30px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;min-height:450px;margin:0 0 40px;border:5px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:800px){.grid-container{background:hsla(0,0%,100%,.1);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2)}}@media (max-width:800px){h1{font-size:30px;letter-spacing:6px;margin:20px 0}h2,h3{font-family:Kanit,sans-serif;font-weight:400;letter-spacing:2px}.grid-container{margin-top:0;padding:15px}.grid-container .action-buttons{margin-top:15px}}@-webkit-keyframes softGlow{0%,to{border-color:#32cd32;-webkit-box-shadow:0 0 100vw 0 rgba(50,205,50,.6);box-shadow:0 0 100vw 0 rgba(50,205,50,.6)}25%{border-color:#7cfc00;-webkit-box-shadow:0 0 400px 400px rgba(124,252,0,.6);box-shadow:0 0 400px 400px rgba(124,252,0,.6)}}@keyframes softGlow{0%,to{border-color:#32cd32;-webkit-box-shadow:0 0 100vw 0 rgba(50,205,50,.6);box-shadow:0 0 100vw 0 rgba(50,205,50,.6)}25%{border-color:#7cfc00;-webkit-box-shadow:0 0 400px 400px rgba(124,252,0,.6);box-shadow:0 0 400px 400px rgba(124,252,0,.6)}}.grid-container.win{-webkit-animation:softGlow 15s infinite;animation:softGlow 15s infinite}@-webkit-keyframes flashGlow{0%,to{border-color:#ff4d4d;-webkit-box-shadow:0 0 50px rgba(255,77,77,.6);box-shadow:0 0 50px rgba(255,77,77,.6)}0.5%{border-color:red;-webkit-box-shadow:0 0 200vw 200vw red;box-shadow:0 0 200vw 200vw red}2%{border-color:red;-webkit-box-shadow:0 0 100px 50px rgba(255,77,77,.8);box-shadow:0 0 100px 50px rgba(255,77,77,.8)}3%{border-color:red;-webkit-box-shadow:0 0 140px 80px red;box-shadow:0 0 140px 80px red}7%{border-color:red;-webkit-box-shadow:0 0 100px rgba(255,77,77,.8);box-shadow:0 0 100px rgba(255,77,77,.8)}}@keyframes flashGlow{0%,to{border-color:#ff4d4d;-webkit-box-shadow:0 0 50px rgba(255,77,77,.6);box-shadow:0 0 50px rgba(255,77,77,.6)}0.5%{border-color:red;-webkit-box-shadow:0 0 200vw 200vw red;box-shadow:0 0 200vw 200vw red}2%{border-color:red;-webkit-box-shadow:0 0 100px 50px rgba(255,77,77,.8);box-shadow:0 0 100px 50px rgba(255,77,77,.8)}3%{border-color:red;-webkit-box-shadow:0 0 140px 80px red;box-shadow:0 0 140px 80px red}7%{border-color:red;-webkit-box-shadow:0 0 100px rgba(255,77,77,.8);box-shadow:0 0 100px rgba(255,77,77,.8)}}.grid-container.lose{-webkit-animation:flashGlow 100s infinite;animation:flashGlow 100s infinite}.grid{border:2px solid hsla(0,0%,100%,.3);max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;margin:0 auto}.cell,.row{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.cell{height:40px;width:40px;border:2px solid hsla(0,0%,100%,.3);-ms-flex-align:center;align-items:center;font-size:20px;font-weight:700;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;background:hsla(0,0%,100%,.1)}.cell.static{cursor:default!important}.cell-secret:hover{background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.bordering-0{background-color:#b1b1b1;color:#777}.bordering-1{background-color:#eee;color:#111}.bordering-2{background-color:#fc0;color:#111}.bordering-3{background-color:#ffb300;color:#000}.bordering-4{background-color:#e67e00;color:#000}.bordering-5{background-color:#ff4500;color:#fff}.bordering-6{background-color:#c21807;color:#fff}.bordering-7{background-color:#8b0000;color:#fff}.bordering-8{background-color:#450000;color:#fff}.bordering-9{background-color:#0a0000;color:#fff}.red{background:#ff4d4d;color:#fff}.yellow{background:#fc0;color:#000}.white{background:hsla(0,0%,100%,.1);color:#fff}.green{background:#32cd32;color:#fff}.flag,.mine{width:100%;height:100%}.action-buttons,.setup-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;gap:12px}@media (max-width:800px){.action-buttons{-ms-flex-wrap:wrap;flex-wrap:wrap}}.setup-buttons{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}.button,.setup-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.button{width:100px;height:40px;-ms-flex-direction:column;flex-direction:column;background:#d5cccc;margin:10px 0;font-size:16px;-webkit-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;transition:width .4s ease-in-out}.setup-buttons .button{border-radius:0;min-width:0}.button.active,.button.active:hover{background:-webkit-linear-gradient(315deg,#ffb300,#e67e00);background:-o-linear-gradient(315deg,#ffb300,#e67e00);background:linear-gradient(135deg,#ffb300,#e67e00);color:#fff}@media (min-width:800px){.button.active,.button.active:hover{width:200px}}.button,.button-wide{background:#4a90e2;color:#fff;padding:6px 22px;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:120px}@media (max-width:800px){.button{padding:6px 3px}}.button-wide:hover{background:#357abd;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.button:hover{background:#357abd}.button-wide.go-button{background:#fc0;color:#333;font-size:20px;min-width:150px}.button-wide.go-button:hover{background:#e6b800}.action-buttons{-ms-flex-pack:center;justify-content:center;gap:15px}.action-buttons .main-button,.action-buttons .pale-button{min-width:130px;max-width:180px}@media (max-width:800px){.action-buttons .main-button,.action-buttons .pale-button{min-width:80px;width:50%;max-width:180px}}.main-button{background:-webkit-linear-gradient(315deg,#fc0,#ff8c00);background:-o-linear-gradient(315deg,#fc0,#ff8c00);background:linear-gradient(135deg,#fc0,#ff8c00);color:#333;font-size:22px;font-weight:700;height:50px;border-radius:12px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main-button p{line-height:22px}.main-button:hover{background:-webkit-linear-gradient(315deg,#ffb300,#e67e00);background:-o-linear-gradient(315deg,#ffb300,#e67e00);background:linear-gradient(135deg,#ffb300,#e67e00);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.pale-button{background:hsla(0,0%,100%,.2);color:#fff;font-size:18px;font-weight:600;height:50px;border-radius:10px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.pale-button:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.action-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;margin-top:20px}.action-buttons.with-stats .stats-popup-trigger{-ms-flex-negative:0;flex-shrink:0}.action-buttons.with-stats .main-button,.action-buttons.with-stats .pale-button{width:calc((100% - 206px - 12px) / 2)}.action-buttons:not(.with-stats) .main-button,.action-buttons:not(.with-stats) .pale-button{width:calc((69% - 12px) / 2)}@media (min-width:800px){.action-buttons,.status-message{min-width:444px}}.status-message{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.status-message-container{gap:15px}.stats-popup-trigger,.status-message-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stats-popup-trigger{width:105px;height:62px;background:hsla(0,0%,100%,.2);color:#333;cursor:pointer;border-radius:10px;font-size:24px;font-weight:700;-webkit-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.stats-popup-trigger:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.bar-chart-icon{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;gap:3px;width:24px;height:24px}.bar{background-color:#fff;width:6px}.bar1{height:11px}.bar2{height:23px}.bar3{height:16px}.stats-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:1000}.stats-popup{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#fff;padding:25px 30px;border-radius:10px;width:320px;max-width:90%;-webkit-box-shadow:0 8px 20px rgba(0,0,0,.3);box-shadow:0 8px 20px rgba(0,0,0,.3);font-family:Kanit,sans-serif;text-align:left;position:relative}.stats-popup h2{margin:0 0 20px;font-weight:700;font-size:24px;letter-spacing:4px;text-transform:uppercase;text-align:center}.stats-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px;font-size:18px}.stats-label{font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fc0}.stats-value{font-weight:400;color:#fff;text-transform:uppercase}.stats-popup button{background:-webkit-linear-gradient(315deg,#fc0,#ff8c00);background:-o-linear-gradient(315deg,#fc0,#ff8c00);background:linear-gradient(135deg,#fc0,#ff8c00);color:#000;border:none;font-size:16px;font-weight:700;padding:10px 16px;border-radius:8px;cursor:pointer;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease;margin-top:20px;display:block;margin-left:auto;margin-right:auto;-webkit-transition:width .4s ease-in-out;-o-transition:width .4s ease-in-out;transition:width .4s ease-in-out}.stats-popup button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.status-message{font-size:24px;min-width:319px;font-weight:700;padding:11px;letter-spacing:2px;margin-top:20px;min-height:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:Kanit,sans-serif}.status-message.playing{color:hsla(0,0%,100%,.5)}.status-message.won{color:#fff;background:-webkit-linear-gradient(315deg,#32cd32,#228b22);background:-o-linear-gradient(315deg,#32cd32,#228b22);background:linear-gradient(135deg,#32cd32,#228b22);-webkit-box-shadow:0 0 15px rgba(50,205,50,.6);box-shadow:0 0 15px rgba(50,205,50,.6);border-radius:8px}.status-message.lost{color:#fff;background:-webkit-linear-gradient(315deg,#ff4d4d,#b22222);background:-o-linear-gradient(315deg,#ff4d4d,#b22222);background:linear-gradient(135deg,#ff4d4d,#b22222);-webkit-box-shadow:0 0 15px rgba(255,77,77,.6);box-shadow:0 0 15px rgba(255,77,77,.6);border-radius:8px}.status-message.main-button{cursor:pointer}.status-message.insurance{background:-webkit-linear-gradient(45deg,#ff007f,#f0f);background:-o-linear-gradient(45deg,#ff007f,#f0f);background:linear-gradient(45deg,#ff007f,#f0f);border:2px solid #ff69b4;padding:10px;border-radius:8px}.status-message.failed-insurance,.status-message.insurance{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;-o-transition:background .5s ease-in-out,color .5s ease-in-out;transition:background .5s ease-in-out,color .5s ease-in-out}.status-message.failed-insurance{background:-webkit-linear-gradient(45deg,#b22222,#ff4d4d,#f0f);background:-o-linear-gradient(45deg,#b22222,#ff4d4d,#f0f);background:linear-gradient(45deg,#b22222,#ff4d4d,#f0f);border:2px solid #b22222;padding:9px;border-radius:8px}.status-three-boxes,.status-two-boxes{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:15px 0;margin-top:20px}.status-three-boxes .status-box{width:33.333%;min-width:100px}.status-box{min-width:180px;min-height:60px;padding:6px 22px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:Kanit,sans-serif;text-transform:uppercase;-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff;max-width:280px;width:50%;height:50px;background:#d5cccc}@media (max-width:800px){.status-three-boxes,.status-two-boxes{width:100%}.status-two-boxes .status-box{min-width:100px;width:50%}.status-three-boxes .status-box{padding:12px 3px;min-height:40px}}.status-number{font-size:24px;font-weight:700;line-height:26px;margin:0}.insurance-box .status-number{color:#f0f}.status-label{font-size:14px;opacity:.8;margin:0;line-height:14px}.mines-box{background:hsla(0,0%,100%,.2)}.timer-box{background:hsla(0,0%,100%,.1)}.timer-box.timer-low{background:-webkit-linear-gradient(315deg,#ff4d4d,#b22222);background:-o-linear-gradient(315deg,#ff4d4d,#b22222);background:linear-gradient(135deg,#ff4d4d,#b22222)}.timer-box.timer-lower{background:-webkit-linear-gradient(315deg,#b22222,#6a0808);background:-o-linear-gradient(315deg,#b22222,#6a0808);background:linear-gradient(135deg,#b22222,#6a0808)}.mines-box.main-button{background:-webkit-linear-gradient(315deg,#fc0,#ff8c00);background:-o-linear-gradient(315deg,#fc0,#ff8c00);background:linear-gradient(135deg,#fc0,#ff8c00);border-radius:0;color:#000;cursor:pointer}.insurance-box{background:hsla(0,0%,100%,.2)}.insurance .insurance-box{color:linear-gradient(45deg,#ff007f,#f0f)}.insurance{-webkit-animation:shinyAnimation 4s ease-in-out;animation:shinyAnimation 4s ease-in-out;background:-webkit-linear-gradient(45deg,#ff007f,#f0f);background:-o-linear-gradient(45deg,#ff007f,#f0f);background:linear-gradient(45deg,#ff007f,#f0f)}@-webkit-keyframes shinyAnimation{0%{-webkit-box-shadow:none;box-shadow:none}50%{-webkit-box-shadow:0 0 15px 5px rgba(255,20,147,.8);box-shadow:0 0 15px 5px rgba(255,20,147,.8)}to{-webkit-box-shadow:none;box-shadow:none}}@keyframes shinyAnimation{0%{-webkit-box-shadow:none;box-shadow:none}50%{-webkit-box-shadow:0 0 15px 5px rgba(255,20,147,.8);box-shadow:0 0 15px 5px rgba(255,20,147,.8)}to{-webkit-box-shadow:none;box-shadow:none}}@media (max-width:800px){.status-message,.status-message.lost,.status-message.won{font-size:18px;padding:10px;min-height:35px}}.instructions{max-width:600px;background:hsla(0,0%,100%,.2);padding:20px;border-radius:10px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}form{-ms-flex-pack:center;justify-content:center;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.formField,form{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.formField{-ms-flex-direction:column;flex-direction:column}.formField h5{font-size:14px;font-weight:400;letter-spacing:2px;line-height:1.5;text-align:center;text-transform:uppercase;margin:0}.formField .form-sub{color:hsla(0,0%,100%,.6);margin-bottom:5px}input{width:80px;height:40px;border:2px solid hsla(0,0%,100%,.5);border-radius:5px;background:hsla(0,0%,100%,.1);color:#fff;font-size:18px;text-align:center;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}input:focus{border-color:#fc0;background:hsla(0,0%,100%,.2)}input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}input:-ms-input-placeholder,input::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}input::placeholder{color:hsla(0,0%,100%,.4)}@media (min-width:400px){input{width:120px}}@media (max-width:800px){.lg{display:none!important}}@media (min-width:800px){.sm{display:none}}.info-heading{gap:8px}.info-button,.info-heading{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}.info-button{-ms-flex-pack:center;justify-content:center;margin:10px 0 0;width:24px;height:24px;border-radius:50%;background:#fc0;color:#333;font-size:14px;font-weight:700;line-height:1;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.info-button:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.mb-0{margin-bottom:0}.im-done-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:15px}.im-done-button{background:#ff4d4d;color:#fff;font-size:24px;font-weight:700;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;-webkit-box-shadow:0 0 15px rgba(255,77,77,.6);box-shadow:0 0 15px rgba(255,77,77,.6);-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}.im-done-button:hover{background:#b22222}.toggle-container{-ms-flex-pack:center;justify-content:center;margin-top:20px;gap:10px}.toggle-text{font-size:18px;font-weight:700}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toggle-inline-group .toggle-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:0 10px}.toggle-inline-group{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:18px;margin:10px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center}.toggle-inline-group .info-button{margin:0 0 0 5px}.toggle-container{-ms-flex-direction:column;flex-direction:column;min-width:100px}.toggle-container,.toggle-label-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toggle-label-row{margin-bottom:8px}.toggle-text{font-size:14px;font-weight:400;letter-spacing:2px;line-height:1.2;text-align:center}.collapsible{max-height:0;margin:0;overflow:hidden;-webkit-transition:all 1.2s ease;-o-transition:all 1.2s ease;transition:all 1.2s ease}.collapsible.open{max-height:500px}form.collapsible.open{margin:20px 0 30px}.timer-main{text-transform:uppercase;margin:0;line-height:1.2}.timer-label{font-size:12px;font-weight:400;opacity:.7;margin:0;line-height:1.2}
/*# sourceMappingURL=main.7fe8a337.css.map*/