/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}@keyframes explosion{0%{background-position:0% 0%}6.25%{background-position:33.33333% 0%}12.5%{background-position:66.66667% 0%}18.75%{background-position:0% 33.33333%}25%{background-position:33.33333% 33.33333%}31.25%{background-position:66.66667% 33.33333%}37.5%{background-position:0% 66.66667%}43.75%{background-position:33.33333% 66.66667%}50%{background-position:66.66667% 66.66667%}56.25%{background-position:0% 100%}62.5%{background-position:33.33333% 100%}68.75%{background-position:66.66667% 100%}75%{background-position:0% 133.33333%}81.25%{background-position:33.33333% 133.33333%}87.5%{background-position:66.66667% 133.33333%}93.75%{background-position:0% 166.66667%}}@media screen{main::before,main::after{content:"";display:table}#langSelect{position:absolute;top:1rem;left:1rem;display:block;margin:0;padding:0.5rem 1.75rem 0.5rem 0.5rem;border:1px solid #f0f0f0;border-radius:0.5rem}#langSelect:hover{border-color:#ccc}#langSelect #langsExpanded{display:none}#langSelect [for=langsExpanded]{position:absolute;top:0.66rem;right:0.5rem;width:0;height:0;border-left:0.375rem solid transparent;border-right:0.375rem solid transparent;border-top:0.5rem solid #000;cursor:pointer}#langSelect #langsExpanded:checked+[for=langsExpanded]{border-top:none;border-bottom:0.5rem solid #000}#langSelect ul{margin:0;padding:0}#langSelect ul [data-lang]{display:none;list-style:none;width:1.5rem;padding-bottom:66%;height:0;margin-top:0.5rem;cursor:pointer}#langSelect ul [data-lang]:first-of-type{margin-top:0;display:block}#langSelect ul [data-lang=de]{background:linear-gradient(to bottom, #000 0%, #000 33.33333%, red 33.33333%, red 66.66667%, #f7f75e 66.66667%, #f7f75e 100%)}#langSelect ul [data-lang=en]{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:linear-gradient(26.6deg, #00247d 30%, transparent 29%, transparent 34%, #cf142b 34%, #cf142b 44%, transparent 44%, transparent 59%, #00247d 59%),linear-gradient(26.6deg, #00247d 40%, transparent 41%, transparent 56%, #cf142b 56%, #cf142b 66%, transparent 66%, transparent 71%, #00247d 71%),linear-gradient(-26.6deg, #00247d 40%, transparent 41%, transparent 46%, #cf142b 46%, #cf142b 56%, transparent 56%, transparent 71%, #00247d 71%),linear-gradient(-26.6deg, #00247d 29%, transparent 29%, transparent 44%, #cf142b 44%, #cf142b 54%, transparent 54%, transparent 59%, #00247d 59%),linear-gradient(to right, transparent 45%, #cf142b 45%, #cf142b 55%, transparent 55%),linear-gradient(to bottom, transparent 40%, #cf142b 40%, #cf142b 60%, transparent 60%);background-origin:padding-box;background-position:0 0, 100% 100%, 0 100%, 100% 0, 0 0;background-repeat:no-repeat;background-size:41.6% 33.3%, 41.6% 33.3%, 41.6% 33.3%, 41.6% 33.3%, 100% auto, 100% auto}#langSelect #langsExpanded:checked ~ ul [data-lang]{display:block}#minesweeper{position:relative;background:#ccc none repeat scroll 0 0;border-radius:0.5rem;padding:1rem;margin:1rem auto 0}#minesweeper[data-scaleby=width]{width:calc(100vw - 4rem)}#minesweeper .info{display:block;text-align:center;margin-bottom:0.5rem;height:6.25rem;overflow:hidden}#minesweeper .info .elem{display:inline-block;text-align:left;margin:0 0.5rem}#minesweeper .info .elem .label{margin:0;font-size:1rem;line-height:1}#minesweeper .info .elem .numbers{margin:0.25rem 0 0.5rem;font-size:4rem;font-family:'PT Mono', monospace;line-height:1;color:#a00;background:#000;border-radius:0.25rem}#minesweeper .field{display:block;border:1px solid #000;border-radius:0.1875rem;width:100%}#minesweeper .field .row{line-height:0;margin:0}#minesweeper .field .row .cell{position:relative;display:inline-block;height:0;border:1px inset #000;background:#a8a8a8}#minesweeper .field .row .cell[data-concealed]{border:1px outset #000;background:#777 radial-gradient(circle at 0 0, #F0F0F0 0%, rgba(240,240,240,0) 75%)}#minesweeper .field .row .cell[data-concealed]:hover,#minesweeper .field .row .cell[data-concealed]:focus{background-image:radial-gradient(circle at 0 0, #F0F0F0 0%, rgba(240,240,240,0) 100%)}#minesweeper .field .row .cell[data-icon=number]::before{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'PT Mono', monospace;font-weight:bold;height:100%;line-height:1;cursor:default}#minesweeper .field .row .cell[data-icon=number][data-number="1"]::before{content:"1";color:#006cff}#minesweeper .field .row .cell[data-icon=number][data-number="2"]::before{content:"2";color:#34e654}#minesweeper .field .row .cell[data-icon=number][data-number="3"]::before{content:"3";color:red}#minesweeper .field .row .cell[data-icon=number][data-number="4"]::before{content:"4";color:#f7f709}#minesweeper .field .row .cell[data-icon=number][data-number="5"]::before{content:"5";color:#cf0000}#minesweeper .field .row .cell[data-icon=number][data-number="6"]::before{content:"6";color:#00ffc1}#minesweeper .field .row .cell[data-icon=number][data-number="7"]::before{content:"7";color:#333}#minesweeper .field .row .cell[data-icon=number][data-number="8"]::before{content:"8";color:#b319dd}#minesweeper .field .row .cell[data-icon=number][data-number="9"]::before{content:"9"}#minesweeper .field .row .cell[data-icon=flag]::before{display:block;content:'';position:absolute;left:12.5%;top:12.5%;width:75%;height:75%;background:radial-gradient(circle at 50% 175%, #000 0%, #000 50%, transparent 50%),linear-gradient(to right, transparent 45%, #000 45%, #000 55%, transparent 55%)}#minesweeper .field .row .cell[data-icon=flag]::after{position:absolute;display:block;content:'';top:12.5%;right:52.5%;background:#ff0000;width:30%;height:25%;transform:skewY(-15deg);transform-origin:100% 0 0}#minesweeper .field .row .cell[data-icon=mine]::before{display:block;position:absolute;left:12.5%;top:12.5%;width:75%;height:75%;content:'';background:radial-gradient(circle at 40% 40%, #FFF 0%, rgba(255,255,255,0) 25%),radial-gradient(circle at 50% 50%, #000 0%, #000 50%, transparent 50%),linear-gradient(to right, transparent 45%, #000 45%, #000 55%, transparent 55%),linear-gradient(to bottom, transparent 45%, #000 45%, #000 55%, transparent 55%),linear-gradient(to bottom right, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%),linear-gradient(to top right, transparent 47.5%, #000 47.5%, #000 52.5%, transparent 52.5%);border-radius:50%}#minesweeper .field .row .cell[data-icon=mine][data-explode]::after{position:absolute;display:block;width:150%;height:150%;content:'';top:-25%;left:-25%;background:url(../img/explosion.png) no-repeat 100% 100%/400% 400%;animation-name:explosion;animation-duration:750ms;animation-timing-function:steps(1, end)}#minesweeper .newgameButton{display:block;margin:auto;padding:0;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer}#minesweeper .newgameButton[data-status=playing]::before{content:'\1F642'}#minesweeper .newgameButton[data-status=win]::before{content:'\1F60E'}#minesweeper .newgameButton[data-status=lose]::before{content:'\1F623'}.modalContainer{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(51,51,51,0.25)}.modalContainer .modal{width:25%;margin:20vh auto 0;background:#fff;border-radius:0.5rem;padding:0.5rem 1rem 1rem}.modalContainer .modal H2{font-size:2.125rem}.modalContainer .modal BUTTON{display:block;font-size:1.25rem;margin:0;padding:0.25rem;border-radius:0.25rem;text-align:center;background:#a00;color:#f0f0f0;cursor:pointer}.modalContainer .modal .buttonRow>BUTTON{display:inline-block;margin-right:1rem;width:calc((100% - 2rem) / 3)}.modalContainer .modal .buttonRow>BUTTON:last-of-type{margin-right:0}.modalContainer .modal FORM{display:block;margin-top:1.5rem}.modalContainer .modal FORM LABEL{display:inline-block;margin-right:1rem;width:calc((100% - 2rem) / 3 - 0.5rem);padding:0.25rem}.modalContainer .modal FORM LABEL:last-of-type{margin-right:0}.modalContainer .modal FORM LABEL INPUT{border:1px solid #000;display:block;padding:0.125rem;width:calc(100% - 0.25rem - 2px)}.modalContainer .modal FORM LABEL INPUT:focus{border-color:#777;transition:border-color 200ms}.modalContainer .modal FORM BUTTON{margin-top:0.5rem}}
/*# sourceMappingURL=minesweeper.css.map */