@font-face{font-family:Play;src:url(../fonts/Play-Regular.ttf);font-size:16px;font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Play;src:url(../fonts/Play-Bold.ttf);font-size:16px;font-style:bold;font-weight:700}.app-body.dark-theme{--c-emphasis:rgb(247, 247, 247);--c-main-alt:rgb(0, 255, 76);--c-main:rgb(9, 255, 0);--c-subtle:rgb(33, 202, 33);--c-bg-2-alt:rgb(0, 80, 16);--c-bg-2:rgb(0, 54, 12);--c-bg-1:rgb(0, 40, 2);--c-bg-0-alt:rgb(0, 37, 2);--c-bg-0:rgb(0, 26, 2);--c-button-hover-text:var(--c-bg-0);--c-button-hover-bg:var(--c-main);--c-button-hover-border:var(--c-button-hover-bg);--h1-c-text:var(--c-bg-0);--h1-c-border:rgb(8, 245, 0);--h1-g-0:transparent;--h1-g-1:rgba(9, 255, 0, .45);--h1-g-2:rgba(9, 255, 0, .9);--h1-g-3:rgb(232, 255, 230, 1);--h1-g-bg:linear-gradient(90deg,
              var(--h1-g-0) 0%,
              var(--h1-g-1) 13%,
              var(--h1-g-2) 45%,
              var(--h1-g-3) 50%,
              var(--h1-g-2) 55%,
              var(--h1-g-1) 87%,
              var(--h1-g-0) 100%);--overlay-c-message-border:rgba(9, 255, 0, 0.7);--overlay-c-menu-bg:rgba(0, 40, 2, 0.8);--overlay-c-menu-border:var(--c-emphasis);--overlay-c-menu-button-bg:rgba(0, 26, 2, 0.9);--c-board-bg:var(--c-bg-0);--c-tile-border:var(--c-main-alt);--c-tile-border-emphasis:var(--c-emphasis);--c-tile-hidden:rgb(0, 109, 22);--c-tile-mine:var(--c-bg-0);--c-tile-mine-exploded:var(--c-bg-0-alt);--c-tile-number:rgb(59, 59, 59);--c-tile-flag:transparent;--url-tile-flag-wrong-icon:url(../images/shield-wrong.svg);--c-tile-num1:rgb(0, 236, 0);--c-tile-num2:rgb(0, 217, 255);--c-tile-num3:rgb(209, 109, 255);--c-tile-num4:rgb(252, 0, 155);--c-tile-num5:rgb(255, 255,0);--c-tile-num6:rgb(252, 165, 0);--c-tile-num7:rgb(241 166 166);--c-tile-num8:rgb(243, 243, 243);--c-focus-border:white}.app-body.light-theme{--c-emphasis:rgb(10, 10, 10);--c-main-alt:rgb(80, 80, 80);--c-main:rgb(65, 65, 65);--c-subtle:rgb(94, 94, 94);--c-bg-2-alt:rgb(253, 253, 253);--c-bg-2:rgb(251, 251, 251);--c-bg-1:rgb(243, 243, 243);--c-bg-0-alt:rgb(250, 250, 250);--c-bg-0:rgb(245, 245, 245);--c-button-hover-text:var(--c-bg-0);--c-button-hover-bg:var(--c-main);--c-button-hover-border:var(--c-emphasis);--h1-c-text:rgb(0, 26, 2);--h1-c-border:rgb(0, 26, 2);--h1-g-0:transparent;--h1-g-1:rgb(247, 247, 247);--h1-g-2:rgb(250, 250, 250);--h1-g-3:rgb(255, 255, 255);--h1-g-bg:linear-gradient(90deg,
              var(--h1-g-0) 0%,
              var(--h1-g-1) 13%,
              var(--h1-g-2) 45%,
              var(--h1-g-3) 50%,
              var(--h1-g-2) 55%,
              var(--h1-g-1) 87%,
              var(--h1-g-0) 100%);--overlay-c-message-border:rgba(107, 107, 107, 0.7);--overlay-c-menu-bg:rgba(247, 247, 247, 0.8);--overlay-c-menu-border:rgba(90, 90, 90, 0.7);--overlay-c-menu-button-bg:rgba(126, 126, 126, 0.9);--c-board-bg:var(--c-tile-border);--c-tile-border:rgb(120,120,120);--c-tile-border-emphasis:rgb(0, 255, 0);--c-tile-hidden:rgb(205, 205, 205);--c-tile-mine:var(--c-main);--c-tile-mine-exploded:var(--c-subtle);--c-tile-number:rgb(254, 254, 254);--c-tile-flag:rgb(173, 173, 173);--url-tile-flag-wrong-icon:url(../images/shield-wrong-dark.svg);--c-tile-num1:rgb(0, 192, 0);--c-tile-num2:rgb(0, 174, 255);--c-tile-num3:rgb(174, 0, 255);--c-tile-num4:rgb(252, 0, 155);--c-tile-num5:rgb(255, 255,0);--c-tile-num6:rgb(252, 165, 0);--c-tile-num7:rgb(235, 0, 0);--c-tile-num8:rgb(0, 0, 0);--c-focus-border:var(--c-tile-border-emphasis)}body{margin:0}h1{display:inline-block;max-width:100vw;margin:1.5rem 0 1rem;padding:.3rem 3rem;font-size:2.4rem;border-style:solid;border-color:var(--h1-c-border);border-width:1px 0;background:var(--h1-g-bg);color:var(--h1-c-text)}button{font-family:var(--main-font-list);font-size:1rem;color:var(--c-main-alt);background:0 0;border:1px solid var(--c-main-alt);border-radius:.3rem}input[type=radio]{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.app-body{--main-font-list:Play,Verdana,sans-serif;--tile-size:2rem;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;margin:0;font-family:var(--main-font-list);color:var(--c-main);background:var(--c-bg-0);background:linear-gradient(90deg,var(--c-bg-0) 0,var(--c-bg-0-alt) 50%,var(--c-bg-0) 100%)}.minesweeper{display:flex;flex-direction:column;align-items:center;width:min-content;max-width:100%}.panel{position:relative;box-sizing:border-box;width:calc(100% - 1rem);margin:1.5rem .5rem;padding:.6rem 1rem;border:1px solid var(--c-main-alt);border-radius:.3rem;background:var(--c-bg-2);background:linear-gradient(90deg,var(--c-bg-2) 0,var(--c-bg-2-alt) 50%,var(--c-bg-2) 100%);box-shadow:0 0 .6rem .2rem rgba(0,0,0,.05)}.panel h2{display:block;position:absolute;top:-.7rem;left:.5rem;height:1.4rem;padding:.1rem .5rem;margin:0;font-size:1rem;font-weight:700;color:var(--c-emphasis);background:linear-gradient(transparent calc(50% - 3px),var(--c-bg-2) calc(50% - 3px),var(--c-bg-2) calc(50% - 1px),transparent calc(50% - 1px))}.controls{--width-button:5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;padding:1.5rem 1rem .8rem}.controls-row{display:grid;grid-template-columns:auto var(--width-button) var(--width-button) var(--width-button);grid-template-rows:1fr;grid-template-areas:"title cell1 cell2 cell3";width:100%}.controls-row .reset,.controls-row .theme-toggle{grid-area:cell3}button.btn{padding:.3rem 1rem;line-height:1rem}button.btn:hover{color:var(--c-button-hover-text);background-color:var(--c-button-hover-bg);border-color:var(--c-button-hover-border)}.btn.enterBoard,.btn.reset{display:flex;align-items:center;justify-content:center;min-height:1.7rem;width:var(--width-button);padding:0}.radioWrapper{display:flex;justify-content:stretch;align-items:stretch;min-width:var(--width-button);min-height:1.7rem;border-style:solid;border-color:var(--c-main-alt);border-width:1px 0}.radioWrapper label{display:flex;align-items:center;justify-content:center;width:100%;color:var(--c-subtle);border-style:solid;border-color:var(--c-subtle);border-width:0 1px 0 0}.radioWrapper label:hover{background:var(--c-main);color:var(--c-bg-0-alt)}.radioWrapper input[type=radio]:focus-visible~label{outline:2px solid var(--c-focus-border)}.radioWrapper input[type=radio]:checked~label{color:var(--c-emphasis);background:rgba(255,255,255,.2)}.radioWrapper.first{border-width:1px 0 1px 1px;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.radioWrapper.last{border-width:1px 1px 1px 0;border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.radioWrapper.last label{border-width:0}.theme-toggle{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 2fr 1fr;height:1.7rem;padding:0;width:var(--width-button)}.theme-toggle .option{display:block;width:1.5rem;height:100%;border:none;background-repeat:no-repeat;background-position:center;background-size:1rem 1rem}.theme-toggle .divider{display:flex;flex-direction:column;height:calc(100% - .4rem - 1px);margin:.2rem .2rem;box-sizing:border-box}.theme-toggle .divider:after,.theme-toggle .divider:before{display:block;content:"";width:100%;height:50%}.theme-toggle .divider:before{border-bottom:3px solid var(--c-subtle)}.theme-toggle span{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.light-theme .theme-toggle .divider{border-left:3px solid var(--c-emphasis)}.light-theme .theme-toggle .option.first{background-image:url(../images/sun-white.svg);background-color:var(--c-subtle)}.light-theme .theme-toggle .option.last{background-image:url(../images/moon-grey.svg)}.light-theme .theme-toggle:hover .divider{border-color:transparent;border-right:3px solid var(--c-emphasis)}.light-theme .theme-toggle:hover .option.last{background-image:url(../images/moon-yellow.svg);background-color:var(--c-button-hover-bg)}.dark-theme .theme-toggle .divider{border-right:3px solid var(--c-emphasis)}.dark-theme .theme-toggle .option.first{background-image:url(../images/sun-green.svg)}.dark-theme .theme-toggle .option.last{background-image:url(../images/moon-white.svg)}.dark-theme .theme-toggle:hover .divider{border-color:transparent;border-left:3px solid var(--c-emphasis)}.dark-theme .theme-toggle:hover .option.first{background-image:url(../images/sun-black.svg);background-color:var(--c-button-hover-bg)}.overlayWrapper{display:flex;justify-content:center;position:absolute;z-index:4;box-sizing:border-box;height:fit-content}.overlayWrapper .panel{width:28rem;max-width:calc(100% - 1rem);box-shadow:0 0 1rem .2rem rgba(0,0,0,.3)}.overlayWrapper.message{width:100%;background:var(--c-bg-1);border-width:1px 0;border-style:solid;border-color:var(--overlay-c-message-border);box-shadow:0 0 10rem .2rem rgba(0,0,0,.5)}.overlayWrapper.menu{background:var(--overlay-c-menu-bg);border:1px solid var(--overlay-c-menu-border);border-radius:.3rem}.close{align-self:flex-end;position:absolute;top:.3rem;right:.3rem;font-size:1rem;font-weight:700;color:var(--c-main);background:0 0;border:none}.close:hover{color:var(--c-emphasis)}.result{text-align:center}.result h3{margin:.7rem 0 0;padding:.3rem 0;font-size:1.6rem;color:var(--c-emphasis)}.result p{margin:.1rem 0 1rem;padding:0}.tileMenu{display:flex;flex-direction:column;gap:calc(var(--tile-size) * .25);padding:calc(var(--tile-size) * .25);box-shadow:0 0 1rem .2rem rgba(0,0,0,.2)}button.tileMenuBtn{width:calc(var(--tile-size) * 1.25);aspect-ratio:1/1;background-color:var(--overlay-c-menu-button-bg);background-repeat:no-repeat;background-size:80%;background-position:50% 54%}button.tileMenuBtn:hover{background-color:var(--c-subtle)}button.tileMenuBtn.addflag{background-image:url(../images/shield-plus.svg)}button.tileMenuBtn.unflag{background-image:url(../images/shield-minus.svg)}button.tileMenuBtn.unhideTile{background-image:url(../images/show.svg)}.boardContainer{display:flex;flex-direction:column;align-items:center}.progress{width:100%}.progress p{display:flex;justify-content:space-between;width:100%}.progress .value{color:var(--c-emphasis);border-bottom:1px solid transparent}.progress .value.error{font-style:italic;border-bottom:1px dotted var(--c-emphasis)}.board{display:flex;flex-direction:column;width:max-content;margin:.7rem .5rem 1rem;background:var(--c-board-bg);box-shadow:0 0 .4rem .05rem rgba(0,0,0,.2)}.board-row{display:flex}.tile{display:flex;align-items:center;justify-content:center;width:var(--tile-size);aspect-ratio:1/1;border:1px solid var(--c-tile-border)}.hidden{background:var(--c-tile-hidden)}.empty{background:0 0}.menuActive,.tile:focus-visible{outline:0}.menuActive:after,.tile:focus-visible:after{display:block;content:"";position:absolute;z-index:2;box-sizing:border-box;width:calc(var(--tile-size) + 4px);aspect-ratio:1/1;border:2px solid var(--c-tile-border-emphasis)}.mine{background:url(../images/skull-green.svg) var(--c-tile-mine);background-repeat:no-repeat;background-size:80%;background-position:center}.mine.exploded{background-color:var(--c-tile-mine-exploded);position:relative}.mine.exploded:before{display:block;content:"";position:absolute;box-sizing:border-box;width:calc(var(--tile-size) + 4px);aspect-ratio:1/1;border:2px solid var(--c-tile-border-emphasis)}.flag{background:var(--c-tile-flag)}.flag:before{display:block;content:"";width:100%;aspect-ratio:1/1;background:url(../images/shield-active.svg) transparent;background-size:80%;background-repeat:no-repeat;background-position:center}.flag.wrong:before{background-image:var(--url-tile-flag-wrong-icon);background-color:var(--c-tile-number);background-size:80%;background-repeat:no-repeat;background-position:center}.number{font-size:1.2rem;font-weight:700;background:var(--c-tile-number)}.adj1{color:var(--c-tile-num1)}.adj2{color:var(--c-tile-num2)}.adj3{color:var(--c-tile-num3)}.adj4{color:var(--c-tile-num4)}.adj5{color:var(--c-tile-num5)}.adj6{color:var(--c-tile-num6)}.adj7{color:var(--c-tile-num7)}.adj8{color:var(--c-tile-num8)}.light-theme :focus-visible{outline:2px solid var(--c-focus-border)}.light-theme .progress .value{font-weight:700}.light-theme button.toggle .toggleActive{font-weight:700;background:#cce6ff}.light-theme .radioWrapper input[type=radio]:checked~label{background:var(--c-subtle);color:var(--c-bg-0-alt)}.light-theme .adj5{color:#1b1b1b;background:var(--c-tile-num5)}.light-theme .adj6{color:#1b1b1b;background:var(--c-tile-num6)}.light-theme .adj7{color:#fff;background:var(--c-tile-num7)}.light-theme .adj8{color:#fff;background:var(--c-tile-num8)}@media screen and (max-width:407px){.boardContainer{--tile-size:1.6rem}.controls{gap:1.2rem}.controls-row{grid-template-columns:auto 5rem 5rem 5rem;grid-template-rows:1fr 1fr;grid-template-areas:"title title title title" ". cell1 cell2 cell3"}.controls-row .controls-row__title{grid-area:title}.controls-row .radioWrapper{grid-area:cell2}.controls-row .enterBoard,.controls-row .radioWrapper.first{grid-area:cell1}.controls-row .radioWrapper.last,.controls-row .reset,.controls-row .theme-toggle{grid-area:cell3}}