#intro{opacity:1;border:0 none;padding:0;position:fixed;inset:0;z-index:1}#intro.ending{opacity:0;transition:opacity var(--fadeout-time) ease}#intro:before,#intro:after,#achter{content:"";position:absolute;inset:0;z-index:-1}#intro:before{background:linear-gradient(to bottom,var(--light-blue) 0%,var(--ultra-light-blue) 66%,var(--medium-blue) 66%,var(--dark-blue) 100%)}#achter{opacity:0;background:linear-gradient(to bottom,var(--light-blue) 0%,var(--ultra-light-blue) 66%,var(--pale-violet) 66%,var(--dark-blue) 100%);animation-name:-anim-ramp;animation-timing-function:linear;animation-duration:10s}#intro:after{opacity:1;background:linear-gradient(to bottom,#aaa,#e3e3e3 66%,#777 66%,#555);animation-name:-anim-dood;animation-timing-function:linear;animation-duration:10s}@keyframes -anim-ramp{0%,36.66%{opacity:0}36.67%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes -anim-dood{0%,36.66%{opacity:0}36.67%,40%{opacity:0}50%,to{opacity:1}}#intro div{position:absolute}#zeemijn,#schip,#knal,#rook{left:33%;bottom:33%}#zeemijn{opacity:0;width:2em;height:2em;top:67%;animation-name:-zeemijn;animation-timing-function:linear;animation-duration:10s}@keyframes -zeemijn{0%,10%{opacity:.33}30%,to{opacity:0}}#schip{transform:scale(.01);animation-name:-schip;animation-timing-function:linear;animation-duration:10s}@keyframes -schip{0%,20%{bottom:33%;transform:scale(.01)}36.67%,40%{bottom:33%;transform:scale(1)}60%{bottom:-37%;transform:scale(.6)}70%,to{bottom:-37%;transform:scale(.2)}}#schip__brug{left:-6em;bottom:5em;height:3em;width:6em;animation-name:-scheepsbrug;animation-timing-function:linear;animation-duration:10s}@keyframes -scheepsbrug{0%,36.66%{background:#bfbfbf}36.67%,40%{background:var(--fire-orange)}50%,to{background:#bfbfbf}}#schip__links{left:-9em;bottom:-6em;height:0;width:0;border-color:transparent;border-style:solid solid solid none;border-width:2em 6em 10em 0;animation-name:-scheepsromp;animation-timing-function:linear;animation-duration:10s}#schip__rechts{left:-3em;bottom:-6em;height:0;width:0;border-color:transparent;border-style:solid none solid solid;border-width:2em 0 10em 6em;animation-name:-scheepsromp;animation-timing-function:linear;animation-duration:10s}@keyframes -scheepsromp{0%,36.66%{border-right-color:#cfcfcf;border-left-color:#afafaf}36.67%,40%{border-right-color:var(--fire-red);border-left-color:var(--fire-yellow)}50%,to{border-right-color:#cfcfcf;border-left-color:#afafaf}}#knal{color:transparent;animation-name:-knal;animation-timing-function:linear;animation-duration:10s}@keyframes -knal{0%,36.66%{color:transparent;font-size:100%}36.67%,40%{color:var(--fire-orange);font-size:100%}50%{color:transparent;font-size:200%}to{font-size:1%}}#knal div{left:-1em;bottom:0;width:0;height:0;border-top:3.33em solid currentColor;border-left:1em solid transparent;border-right:1em solid transparent;transform-origin:center bottom}#scherf2{transform:rotate(60deg)}#scherf3{transform:rotate(120deg)}#scherf4{transform:rotate(180deg)}#scherf5{transform:rotate(240deg)}#scherf6{transform:rotate(300deg)}#rook{opacity:0;animation-name:-rook;animation-timing-function:linear;animation-duration:10s}@keyframes -rook{0%,36.66%{opacity:0}36.67%,40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4)}}#rook div{border-radius:50%}#rook .donkerst{height:5em;width:5em;background:#333}#rook .donkerder{height:6em;width:6em;background:#555}#rook .normaal{height:7em;width:7em;background:#777}#rook .lichter{height:6em;width:6em;background:#999}#rook .lichtst{height:5em;width:5em;background:#bbb}#rookwolk1{left:-2.5em;bottom:-2.5em}#rookwolk2{left:-4em;bottom:-.5em}#rookwolk3{left:.5em;bottom:-.5em;z-index:1}#rookwolk4{left:-3em;bottom:2em;z-index:1}#rookwolk5{left:.5em;bottom:1.5em;z-index:1}#rookwolk6{left:2em;bottom:1em}#rookwolk7{left:1em;bottom:6em;z-index:1}#rookwolk8{left:4.5em;bottom:5.5em}#rookwolk9{left:4em;bottom:9em;z-index:1}.tekst{position:absolute;left:0;right:0;text-align:center}#titel{top:0;width:min-content;margin:10% auto;line-height:100%;color:var(--fire-red);text-shadow:.05em .05em var(--fire-orange);font-family:American Typewriter,Courier New,Courier,monospace;font-size:4em;font-weight:700;animation-name:-titel;animation-timing-function:ease;animation-duration:10s}@keyframes -titel{0%,70%{opacity:0}80%,to{opacity:1}}#intro small{bottom:0;margin:1ex auto;font-weight:400;color:#fff;animation-name:-hint;animation-timing-function:linear;animation-duration:10s;animation-fill-mode:forwards}@keyframes -hint{0%,20%{opacity:0}36.67%,to{opacity:1}}#game-board button{--shadow-topleft: .25em .25em .25em;--shadow-bottomright: -.25em -.25em .25em;margin:.2em;padding:0;vertical-align:middle;text-align:center;height:2em;width:2em;line-height:2em;color:#333;border:0 none;border-radius:.25em;font-weight:700;position:relative;z-index:5}#game-board button:before,#game-board button:after{--pseudo-margin: 0;content:"";border-radius:50%;position:absolute;top:var(--pseudo-margin);left:var(--pseudo-margin);right:var(--pseudo-margin);bottom:var(--pseudo-margin)}#game-board button.pristine{background:var(--medium-pristine);box-shadow:inset var(--light-pristine) var(--shadow-topleft),inset var(--dark-pristine) var(--shadow-bottomright)}#game-board button.touched{background:var(--medium-touched);box-shadow:inset var(--dark-touched) var(--shadow-topleft),inset var(--light-touched) var(--shadow-bottomright);cursor:default}#game-board button.pristine.flag{cursor:not-allowed}#game-board button.flag:after{content:"⚑";font-size:1.333em;z-index:-5}#game-board button.mijn{background:transparent;box-shadow:none}#game-board button.mijn:before{--pseudo-margin: 10%;--glow-color: white;--glow-offset: -1px -1px 3px 0;z-index:-10}.game-lost #game-board button.flag:after{color:var(--state-red)}#game-board button.mijn.flag:after{color:#fff;text-shadow:-1px -1px 0px #6666}.game-won #game-board button.mijn:before{background:radial-gradient(ellipse 50% 80% at 10% 50%,var(--ultra-light-blue) 14%,16%,transparent),radial-gradient(ellipse 50% 50% at 52% 50%,transparent 90%,var(--extra-dark-blue) 110%),radial-gradient(ellipse 60% 80% at 86% 50%,var(--light-blue) 4%,transparent 48%),var(--darker-blue);transform:rotate(45deg);box-shadow:var(--glow-color) var(--glow-offset)}.game-lost #game-board button.touched:not(.mijn){background:none;--shadow-topleft: 1px 1px 1px;--shadow-bottomright: -1px -1px 1px}.game-lost #game-board button.mijn:before{--glow-color: var(--fire-yellow);background:radial-gradient(ellipse at 25% 25%,#fff 10%,#975 27%,#032 46%);box-shadow:var(--glow-color) var(--glow-offset)}.game-lost #game-board button.mijn.explode{z-index:10}.game-lost #game-board button.mijn.exploded:before,.game-lost #game-board button.mijn.explode:before{--pseudo-margin: 10%;background:radial-gradient(ellipse at 25% 25%,#666 8%,#000 33%);box-shadow:none}.game-lost #game-board button.mijn.explode .burst{display:inline-block;width:1.5em;aspect-ratio:1;margin:.25em;transform-origin:center;background:radial-gradient(var(--fire-blue),var(--fire-red) 25%,var(--fire-orange) 50%,var(--fire-yellow) 75%);border-radius:50%;position:relative;z-index:-15;animation-name:explode;animation-timing-function:ease-out;animation-duration:.3s;animation-fill-mode:backwards;animation-iteration-count:1}@keyframes explode{0%{scale:1;opacity:.7}to{scale:150;opacity:0}}article[role=main]+nav{--active-color: var(--fire-yellorange);background:var(--medium-to-dark-blue)}article[role=main]+nav .sticky-slider{display:flex}article[role=main]+nav .nav-option{font-weight:700;line-height:144%;color:#fff;text-shadow:-.02em -.05em black,.008em .02em var(--light-blue)}@media only screen and (orientation:portrait){.screen{--nav-pad-top: .3em;--nav-pad-bottom: .7em}article[role=main]+nav{width:var(--app-width);flex:0 0 var(--nav-height)}article[role=main]+nav .sticky-slider{padding-block:var(--nav-pad-top) var(--nav-pad-bottom);width:var(--app-width);overflow-x:auto}article[role=main]+nav .nav-option{flex:1 0 auto}article[role=main]+nav .nav-option:not(:first-of-type){border-left:1px solid var(--dark-blue)}article[role=main]+nav .nav-option svg{display:inline-block;height:var(--nav-height);aspect-ratio:1;margin-block:calc(-1 * var(--nav-pad-top)) calc(-1 * var(--nav-pad-bottom))}}@media only screen and (orientation:landscape){.screen{--nav-pad: .3em}article[role=main]+nav .sticky-slider{position:sticky;top:0;flex-direction:column;padding-inline:var(--nav-pad)}article[role=main]+nav .nav-option{flex:1 1 auto;width:100%}article[role=main]+nav .nav-option:not(:first-of-type){border-top:1px solid var(--dark-blue)}article[role=main]+nav .nav-option svg{display:block;aspect-ratio:1}}dialog{width:100%;height:100%;background:#0003;border:3px solid #6661}dialog.ending{opacity:0;transition:opacity var(--fadeout-time) ease}.dialog-body{background:var(--light-to-medium-blue);border-radius:.5em;box-shadow:-.02em -.05em .25em #fff,.15em .1em .25em #000;position:fixed;left:50%;top:25%;width:20em;transform:translate(-50%,-25%);z-index:100}.dialog-body .h3.content{font-size:1.167em;margin:1em}.dialog-body .buttons{display:flex;justify-content:space-between;margin:.5em;min-height:1em}.dialog-body button:first-child{margin-left:inherit;margin-right:auto}.dialog-body button:last-child{margin-left:auto;margin-right:inherit}.approve-modal .dialog-body{text-align:left}dialog svg.shield{--left: 50%;--top: 15%;position:fixed;font-size:6em;left:var(--left);top:var(--top);width:2.5em;aspect-ratio:1;z-index:110;transform:translate(-50%,-15%);animation:var(--fadeout-time) ease-out -shield}@keyframes -shield{0%{left:0%;top:100%;opacity:0;width:.5em}to{left:var(--left);top:var(--top);opacity:1}}article[role=main]{padding-block:0 2em;padding-inline:var(--screen-gutter);color:#333}p,dl{text-align:left}dl.icons{--term-width: 2.5em}dl.keys{--term-width: 5em}dt,dd{display:inline-block;vertical-align:top}dt{width:var(--term-width)}dt svg{width:1.22em;height:.89em;margin-block:-1px}dt:has(text) svg{width:1.6em;margin-top:.22em}dt svg text#text-content{fill:currentcolor}dd{margin-inline-start:0;width:calc(100% - var(--term-width))}dl *:not(:first-of-type){margin-block-start:1ex}svg.line-diagram{font-family:inherit;font-size:initial;fill:currentcolor;stroke:currentcolor;width:100%}.line-diagram circle{fill:var(--state-red);stroke:none}.line-diagram .mark circle{fill:var(--fire-orange)}.line-diagram line{stroke:currentcolor;stroke-width:2}.line-diagram path{stroke:currentcolor;stroke-width:1}.line-diagram text{font-size:175%;stroke:none}.line-diagram .data-point path{visibility:hidden}.line-diagram .data-point:hover path{visibility:visible}.elastic-brace{display:flex;flex-direction:column;justify-content:space-between}.elastic-brace line,.elastic-brace path{fill:none;stroke:currentcolor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}#score-popover{--radius: 1ex;--half-radius: calc(var(--radius) / 2);--line: 1.5px;--hair-line: 1px;outline:var(--line) solid var(--dark-blue);border-radius:var(--radius);background:var(--light-blue);border:none;border-radius:1.5ex;min-width:calc(var(--app-width) - 2em);width:calc(var(--app-width) + 2em);max-width:calc(100vw - 2em);padding:calc(var(--half-radius) + var(--line)) calc(var(--half-radius) + var(--hair-line));box-shadow:0 0 1em 1px var(--light-blue)}#score-popover figure{color:#fff;border-radius:var(--radius);background:linear-gradient(105deg,var(--lighter-blue),var(--medium-blue),var(--dark-blue));margin:0 auto;padding:calc(var(--radius) / 2) var(--radius)}#score-popover figure header{display:flex;align-items:start}#score-popover figure header *,#score-popover figure article *{margin:0;padding:0;text-align:left}#score-popover figure header .rank{--rank-size: 2.5em;flex:0 0 var(--rank-size);text-align:center}#score-popover figure header .rank:not(:has(svg)){align-self:center}#score-popover figure header .rank svg{width:var(--rank-size);aspect-ratio:1;margin-inline-start:-.67ex}#score-popover figure header .user{flex:1 1 90%;text-align:left;padding:.5em}#score-popover figure header .date{font-size:86%;flex:0 0 auto;text-align:right}#score-popover figure article.functional-grid{display:grid}#score-popover figure article.functional-grid .result{grid-column:2;grid-row:1 / span 2;display:flex;gap:0 1ex}#score-popover figure article.functional-grid .result .unit{align-self:center}#score-popover figure article .group,#score-popover figure article .abstract{display:flex;flex-wrap:wrap;flex-direction:row;align-items:last baseline}#score-popover figure article .group{gap:0 1ex;margin-block:1ex}#score-popover figure article .abstract{gap:0 .5ex}#score-popover figure article .group h5{flex:0 0 7.5em;align-self:first baseline;line-height:1;text-transform:capitalize}#score-popover figure article .group:has(.abstract:empty),#score-popover figure article .abstract:empty{line-height:0;align-self:center;margin-block:-.67ex -2ex}#score-popover figure article .abstract:empty+*{margin-block:-2em 0}#score-popover figure article .group .unit{flex:0 0 auto}#score-popover figure article .unit{display:flex;flex-direction:column;text-align:center}#score-popover figure article .unit small{font-size:75%;text-transform:capitalize}#score-popover figure article .unit *{text-align:center!important}code{font-family:monospace;font-size:inherit;display:inline-block}code.xxs{font-size:64%}code.xs{font-size:76%}code.s{font-size:88%}code.m{font-size:100%}code.l{font-size:112%}code.xl{font-size:124%}code.xxl{font-size:136%}#score-popover figure footer{display:flex;gap:0;margin-block:.75em .25em;justify-content:end;flex-wrap:wrap}@media screen and (orientation:portrait){#score-popover{min-width:unset;width:calc(var(--app-width) - 10vw)}.group h5{display:none}}ol{list-style:none;padding:0}ol button{--small-size: 75%;--radius: 1ex;display:block;width:100%;margin-block:1em;background:transparent;border:none;border-radius:var(--radius)}ol button header,ol button article{display:flex}ol button header{align-items:baseline}ol button article{justify-content:space-between;column-gap:.6em}ol button.super article{margin-block-start:-.333em}ol button.super{position:relative;margin-block:.5em}ol button.super header{align-items:center}ol button header *,ol button article *{margin:0;padding:0;text-align:center}ol button header .rank{--rank-size: 2.5em;flex:0 0 var(--rank-size);line-height:1}ol button header .rank svg{width:var(--rank-size);aspect-ratio:1}ol button header .user{flex:1 1 90%;text-align:left;align-self:start;margin:0 .5em .4em}ol button.super header .user{margin:.4em .5em}ol button header .date{flex:0 0 auto;font-size:var(--small-size);text-align:right}ol button:not(.super) header .date{align-self:start}ol button article .points{flex:0 0 3.75em;font-weight:700;padding-block-start:.5em}ol button article .group{display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;justify-content:end;font-size:var(--small-size);line-height:1.2}ol button article .unit{display:flex;align-items:last baseline;justify-content:space-between}ol button[aria-label~=latest]{outline:1.5px solid var(--dark-blue);outline-offset:.5ex;background:linear-gradient(105deg,var(--light-blue),var(--medium-blue),var(--dark-blue));padding:calc(var(--radius) / 2) var(--radius);margin-block:1em}ol button[aria-label~=latest] .date{align-self:start}ol button[aria-label~=latest] *{color:#fff!important}.legend{position:sticky;z-index:5;top:0;display:block;width:100%;background:var(--light-blue);outline:1px solid var(--medium-blue);box-sizing:content-box;margin-inline:calc(-1 * var(--screen-gutter));padding-block:calc(.5 * var(--screen-gutter));padding-inline:var(--screen-gutter)}.legend div.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 1em;align-items:baseline;width:min-content;margin-inline:auto}.legend label{grid-column:1;justify-self:end}.legend select,.legend .mark{grid-column:2;width:12em}.legend div.mark{display:flex;justify-content:space-between;gap:0 .5em}.legend .mark select{flex:1 0 auto;width:auto}.legend.rank~ol .rank,.legend.user~ol .user,.legend.date~ol .date,.legend.points~ol .points,.legend.efficiency~ol .efficiency,.legend.speed~ol .speed,.legend.level~ol .level,.legend.mines~ol .mines,.legend.cells~ol .cells,.legend.moves~ol .moves,.legend.duration~ol .duration{font-weight:700;color:var(--state-red)}svg.line-diagram{margin-block:1.5em .5em}form{--block-spacing: .2em;--inline-spacing: .4em;--select-inline-end-spacing: 1.8em;--item-spacing: .8em}fieldset{border:0;padding:0;margin-block:var(--item-spacing)}legend{font-weight:600;text-align:left;padding:0;margin:0}legend+.warning{font-weight:500;margin:0;text-align:left}.warning{color:var(--state-red)}.warning:before{content:" ";display:inline-block;background:currentcolor;width:1ex;aspect-ratio:1;border-radius:50%;margin-inline-end:1ex}.field{margin:var(--item-spacing) 0;position:relative;z-index:1}.field:has(input#zoom){z-index:0}.field *{display:block;margin-inline:auto}label[for],.label{font-weight:600}input,select,textarea{--min-height: 1.667em;background:var(--extra-light-blue);border:1px #666 solid;border-radius:.6em;box-sizing:border-box;box-shadow:inset var(--ultra-light-blue) -.5ex -.5ex .5ex 0,inset var(--ultra-light-blue) .5ex .5ex .5ex 0;caret-color:var(--darker-blue);color:var(--ultra-dark-blue);margin-block:var(--block-spacing);padding-block:var(--block-spacing);padding-inline:var(--inline-spacing);width:15em;min-height:var(--min-height)}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;text-transform:capitalize;padding-inline:var(--inline-spacing) var(--select-inline-end-spacing)}select::-ms-expand{display:none}select:hover{border-color:#888}*[dir=rtl] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left .7em top 50%,0 0;padding:.6em .8em .5em 1.4em}select:disabled,select[aria-disabled=true]{color:graytext;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}input[type=range]{accent-color:var(--darker-blue);margin-block:0;box-shadow:none}input[type=range]#zoom{--invisible-margin: 7em;margin-block:calc(-1 * var(--invisible-margin));padding-block:var(--invisible-margin)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb,input[type=range]::-ms-thumb{-webkit-appearance:none;background:var(--medium-blue)}label:not([for])>*{display:inline-block}label:not([for]) input[type=checkbox],label:not([for]) input[type=radio]{--min-height: 1.333em;accent-color:var(--darker-blue);width:var(--min-height);height:var(--min-height);vertical-align:-.25em}label:not([for]) input[type=checkbox]+span,label:not([for]) input[type=radio]+span{width:7em}label:not([for]):focus-within{filter:hue-rotate(-15deg) saturate(65%);font-width:600}.css-colors{display:flex}.css-colors>*{flex:1 1;padding-block:1ex}.svg-symbols{display:flex;flex-wrap:wrap;background:var(--medium-to-dark-blue)}.svg-symbols svg{display:inline-block;flex:0 0 60px;height:60px;outline:#fffa 1px solid}.tips{--active-color: var(--bright-violet);position:relative;z-index:10;grid-row:calc(var(--board-size) + 1);grid-column:1 / span var(--board-size);display:flex;justify-content:space-between;padding-block-start:1ex;width:19em;margin-inline:auto}:fullscreen .tips{--active-color: var(--fire-yellorange)}.tip{color:var(--ultra-dark-blue);padding-inline:1ex}.tip>*{font-size:80%}.tip>button{border:none;background:none;padding-inline:.333em!important}.tip button svg{color:inherit;transition:color 100}.tip button:hover svg{color:var(--active-color)}#time-tracker span{width:2ex}#mine-tracker span{display:inline-block}#mine-tracker{text-align:center}#mine-tracker .icon{width:.8em;aspect-ratio:1}#mine-tracker #mine{border-radius:50%;background:radial-gradient(ellipse at 25% 25%,transparent 8%,currentcolor 33%)}#mine-tracker #flag:before{content:"⚑"}#mine-tracker #diff{margin-inline:.333ex}#tip-action button svg{aspect-ratio:1;width:1em;vertical-align:-7%}#tip-action,#fullscreen-play{display:flex;gap:.2em}#fullscreen-play *:has(>svg use[href]){color:currentcolor}#fullscreen-play button svg{aspect-ratio:1;width:1.414em;vertical-align:-20%}#fullscreen-play button:last-child svg{width:1.178em;vertical-align:-14%}.normal-board #reset-fit,.contain-board #contain-fit,.cover-board #cover-fit{display:none}button.nav-option{background:transparent;border:0 none;padding:0;transition:color 2s}button.nav-option.active{color:var(--active-color);transition:color 0s}button.nav-option[disabled]{cursor:not-allowed;opacity:.5}button.nav-option span{display:inline-block}.screen:has(#playground){width:fit-content}section.screen,#playground{margin-inline:auto}#playground{padding:1.333em 0;transition:font-size var(--fadeout-time) ease}#playground>*{padding-inline:1em}#playground:fullscreen{background:var(--medium-blue);overflow:auto;overscroll-behavior-x:contain}#game-board{margin-inline:auto;-webkit-user-select:none;user-select:none}#game-board [role=row]{display:flex;justify-content:center;margin-inline:auto;-webkit-user-select:none;user-select:none}#game-board button{font-size:calc(8em / var(--board-size))}#playground.cover-board+nav{font-size:50%}@media only screen and (orientation:portrait){#playground{overflow:visible}#playground[role=main]+nav{width:100%}#playground[role=main]+nav .sticky-slider{margin-inline:auto}}@media only screen and (orientation:landscape){.screen:has(#playground){min-width:var(--app-width)}#playground[role=main]{min-width:calc(var(--app-width) - var(--nav-width))}}svg.shield text{fill:#fff;font-weight:700;text-shadow:.1ex .1ex .1ex #000a;text-anchor:middle;dominant-baseline:middle}svg{--light-gold: hsl(50 74% 88%);--medium-gold: hsl(41 58% 49%);--dark-gold: hsl(38 50% 31%);--light-silver: hsl(30 2% 92%);--medium-silver: hsl(330 4% 60%);--dark-silver: hsl(270 10% 30%);--light-bronze: hsl(39 86% 72%);--medium-bronze: hsl(33 44% 36%);--dark-bronze: hsl(30, 20%, 18%)}svg text#text-content{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:1.5em}*:has(>svg use[href^="#nav-"]){color:#fff}*:has(>svg use[href^="#plain-"]){color:currentcolor}#plain-play path,#nav-play path{fill:currentcolor;stroke:none}#plain-replay path,#plain-reset path,#nav-replay path,#nav-reset path{fill:none;stroke:currentcolor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}#plain-question path,#nav-question path{fill:currentcolor;stroke:none}#plain-sliders path,#nav-sliders path{fill:none;stroke:currentcolor;stroke-width:3}#plain-sliders circle,#nav-sliders circle{fill:currentcolor;stroke:none}#plain-return #pijlpunt,#nav-return #pijlpunt{fill:currentcolor;stroke:none}#plain-return #haak,#nav-return #haak{fill:none;stroke:currentcolor;stroke-width:6;stroke-linecap:butt}#plain-empty circle,#nav-empty circle{fill:none;stroke:currentcolor;stroke-width:6}#plain-empty path,#nav-empty path{fill:currentcolor;stroke:none}#plain-podium path,#nav-podium path{fill:currentcolor;stroke:none}#plain-eye path,#nav-eye path{fill:none;stroke:currentcolor;stroke-width:3;stroke-linejoin:round}#plain-eye circle,#nav-eye circle{fill:none;stroke:currentcolor;stroke-width:7.5}.screen{--nav-width: 4em;--nav-height: 3.5em;display:flex;margin:0 auto;width:var(--app-width);transition:opacity .5s linear}.screen>article{background:var(--light-to-white-blue);flex:1 1 auto}@media only screen and (hover:none){.screen{border-top:1px solid var(--medium-blue)}}@media only screen and (orientation:portrait){.screen{flex-direction:column;align-content:space-between;justify-content:space-between;height:100dvh;overscroll-behavior-x:contain}.screen>article{box-sizing:border-box;min-width:var(--app-width);line-height:initial!important;overflow:auto}}@media only screen and (orientation:landscape){.screen{flex-wrap:nowrap;min-height:100dvh}.screen>nav{flex:0 0 var(--nav-width)}}:root{--ultra-light-blue: #e3f4ff;--extra-light-blue: #cef;--light-blue: #adf;--lighter-blue: #8bd;--medium-blue: #6ac;--darker-blue: #48b;--dark-blue: #37a;--extra-dark-blue: #169;--ultra-dark-blue: #012;--light-to-white-blue: linear-gradient(to bottom, var(--light-blue) 0%, white 100%);--light-to-medium-blue: linear-gradient(to bottom, var(--light-blue) 0%, var(--medium-blue) 100%);--dark-to-light-blue: linear-gradient(to bottom, var(--dark-blue) 0%, var(--light-blue) 100%);--medium-to-dark-blue: linear-gradient(to bottom, var(--medium-blue) 0%, var(--dark-blue) 100%);--state-green: hsl(100,57%,37%);--state-red: hsl(345,60%,40%);--pale-violet: #c6a;--bright-violet: #e4b;--fire-yellow: hsl(48, 100%, 62%);--fire-yellorange: hsl(40, 100%, 56%);--fire-orange: hsl(32, 100%, 50%);--fire-red: hsl(16, 100%, 44%);--fire-blue: hsl(224, 80%, 38%);--light-pristine: hsl(60 6% 75%);--medium-pristine: hsl(40 8% 56%);--dark-pristine: hsl(20 6% 37%);--light-touched: hsl(60 12% 87%);--medium-touched: hsl(40 16% 68%);--dark-touched: hsl(20 12% 50%);--screen-gutter: 1em}@media only screen and (orientation:portrait){:root{--app-width: 24em}}@media only screen and (orientation:landscape){:root{--app-width: 27em}}html{scroll-behavior:smooth}body,section.screen{font-size:15px}body{background:var(--dark-to-light-blue) fixed;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input,select,textarea,button{font-family:Helvetica Neue,HelveticaNeue,Helvetica,Arial Unicode MS,Arial Unicode,ArialUnicode,Arial,sans-serif;font-kerning:normal;letter-spacing:0px;text-align:center}input,select,textarea,button{font-size:inherit;line-height:inherit;font-weight:500}.buttons button{margin:.5em;line-height:0;padding:1.1em 1em;border:0 none;border-radius:.5em;box-shadow:-.02em -.05em .1em #000,.05em .02em .5em #fff}button.confirm{background:var(--medium-to-dark-blue);color:#fff;text-shadow:-.02em -.05em black,.008em .02em var(--light-blue)}button.cancel{background:var(--light-to-medium-blue);color:#000;text-shadow:-.02em -.05em white,.008em .02em var(--light-blue)}button.delete{color:#fff;background:var(--state-red)}button.delete:hover{background:linear-gradient(var(--fire-red),var(--state-red))}button.replay{color:#fff;background:var(--dark-blue)}button.replay:hover{background:linear-gradient(var(--medium-blue),var(--dark-blue))}h1,h2,.h2,h3,.h3,h4,h5,.h5,h6,dl,p,ol,ul{margin-block:1ex;line-height:133%}h1{font-size:2em}h2,.h2{font-size:1.5em}h3,.h3{font-size:1.17em}h4{font-size:1em}h5,.h5{font-size:.83em}h6{font-size:.67em;font-weight:400}hr{border:none;border-bottom:1px solid currentcolor;margin-block:1em;width:75%}#playground,nav,.adorn{font-family:dejavu_sansbook,sans-serif;font-kerning:normal;font-size:inherit;line-height:140%}#root{position:relative;z-index:0}#root:has(#playground .game-lost){overflow:hidden}button{font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}svg[aria-hidden]{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}