html{font-size:62.5%;font-family:sans-serif}@media only screen and (min-width: 112.5em){html{font-size:75%}}@media only screen and (max-width: 75em){html{font-size:56.29%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:40%}}body{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}.layout{display:flex;width:100vw;height:100vh;max-height:100vh;overflow:hidden}@media only screen and (max-width: 56.25em){.layout{flex-direction:column}}.board{--cell-size: 5rem;--board-size: 10;position:relative;display:grid;grid-template-columns:repeat(var(--board-size),var(--cell-size));grid-template-rows:repeat(var(--board-size),var(--cell-size));gap:1rem;margin:auto;width:fit-content;justify-items:center;align-items:center}@media only screen and (max-width: 56.25em){.board{--cell-size: 4rem}}.cell{position:relative;min-width:var(--cell-size);min-height:var(--cell-size);max-width:var(--cell-size);max-height:var(--cell-size);background-color:brown;border-radius:10px;overflow:hidden}.cell:before{position:absolute;display:block;content:" ";background-color:#00f;width:100%;height:100%}.cell--visited:before{background-color:transparent}.cell--wumpus{background-color:#1d8104}.cell--well{background-color:#000}.cell--stench{background-color:#1d810480}.cell--breeze{background-color:#00000080}.dashboard{max-width:50rem;max-height:100vh;padding:2rem 1rem;transition:all .4s;overflow:auto;position:relative;transition:max-width .4s;background-color:#fff;z-index:3;box-shadow:0 0 2rem .2rem #0003}@media only screen and (max-width: 56.25em){.dashboard{position:absolute;top:0;max-width:100vw;width:100vw;max-height:80vh;transition:max-height .4s;padding:3rem 5rem}}.dashboard--closed{overflow:hidden;max-width:5rem;position:relative;transition:max-width .4s}.dashboard--closed *:not(.dashboard__close-btn){visibility:hidden}@media only screen and (max-width: 56.25em){.dashboard--closed{position:absolute;top:0;max-width:100vw;width:100vw;max-height:5rem;transition:max-height .4s}}.dashboard__close-btn{cursor:pointer;width:3rem;height:3rem;border-radius:10px;outline:none;border:none;position:absolute;top:1rem;right:1rem;transition:all .4s;box-sizing:border-box}.dashboard__close-btn *{box-sizing:border-box}.dashboard__close-btn .btn-line{position:absolute;top:50%;width:100%;background-color:#000;height:.15rem;transition:all .4s;visibility:hidden;opacity:0}.dashboard__close-btn:after{transition:all .4s;position:absolute;top:50%;transform:rotate(-45deg);display:block;content:"";width:100%;height:.15rem;background-color:#000}.dashboard__close-btn:before{transition:all .4s;position:absolute;top:50%;display:block;content:"";width:100%;height:.15rem;background-color:#000;transform:rotate(45deg)}.dashboard__close-btn:hover:not(.dashboard__close-btn--closed):after{transform:rotate(-135deg)}.dashboard__close-btn:hover:not(.dashboard__close-btn--closed):before{transform:rotate(135deg)}.dashboard__close-btn--closed .btn-line{visibility:visible;opacity:1}.dashboard__close-btn--closed:after{top:80%;transform:rotate(0)}.dashboard__close-btn--closed:before{top:20%;transform:rotate(0)}.dashboard__close-btn--closed:hover:after{top:90%}.dashboard__close-btn--closed:hover:before{top:10%}.dashboard__hidden{visibility:hidden;width:0}.dashboard__controls{gap:1rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.dashboard__controls button{border:none;outline:none;min-width:9rem;min-height:4rem;background-color:#00f;color:#fff;border-radius:5px;cursor:pointer}.dashboard__controls button:hover{background-color:#0000ffb3}.dashboard__controls button:active{background-color:#00f6}.dashboard__controls .reset-board-btn{background-color:red}.dashboard__controls .reset-board-btn:active{background-color:#f006}.dashboard__controls .reset-board-btn:hover{background-color:#ff0000b3}.dashboard__title{text-align:center;font-size:3rem;text-decoration:underline;text-transform:uppercase;margin-bottom:2rem}.dashboard__section{padding:.5rem;margin-bottom:1rem}.dashboard__section__title{font-size:2rem;margin-bottom:.5rem}.dashboard__section__text{font-size:1.6rem}.dashboard__section__text:not(:last-of-type){margin-bottom:1rem}.cell-references{--cell-size: 3.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(var(--cell-size),20%));justify-content:center;justify-items:center}.cell-references__cell-block{display:flex;flex-direction:column;align-items:center;text-align:center}.cell-references__label{font-size:1.6rem}.size-control{width:100%;display:flex;gap:2rem;justify-content:center;align-items:center;text-align:center}.size-control span{font-size:1.6rem}.modal{position:fixed;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);min-width:20rem;min-height:10rem;width:50%;height:20%;padding:1rem;text-align:center;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;box-shadow:0 0 2rem 2rem #0003}.modal__content{flex-grow:1;display:flex;justify-content:center;align-items:center}.modal__controls{border-top:solid .001px gray;min-height:30%;display:flex;align-items:center;justify-content:center}.modal--visible{visibility:visible;transition:all .5s;transform:translate(-50%,-50%);opacity:1;animation-fill-mode:forwards}.modal--hidden{transition:all .5s;visibility:hidden;opacity:0;transform:translate(-50%,50vh)}@keyframes slideUp{0%{transform:translate(-50%,50vh)}}@keyframes slideDown{to{transform:translate(-50%,50vh)}}:root{--wumpus-color: rgb(29, 129, 4);--stench-color: rgb(183, 221, 14);--breeze-color: rgb(167, 214, 255);--well-color: black;--player-color: red;--start-color: purple;--gold-color: gold;--hidden-color: blue;--default-color: brown}.player{--player-pos-x: 1;--player-pos-y: 1;position:absolute;width:calc(var(--cell-size) / 3);height:calc(var(--cell-size) / 3);background-color:var(--player-color);z-index:2;grid-row:var(--player-pos-y)/calc(1 + var(--player-pos-y));grid-column:var(--player-pos-x)/calc(1 + var(--player-pos-x))}.player--gold{background-color:var(--gold-color);border:solid 1px black}.mobile-ctrl{position:absolute;top:50%;left:85%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}@media only screen and (max-width: 56.25em){.mobile-ctrl{top:85%;left:50%}}.mobile-ctrl__btn{display:flex;justify-content:center;align-items:center;font-weight:900;font-size:2.5rem;border-radius:20px;width:5rem;height:5rem;border:none;background-color:#b1b1b1cc;cursor:pointer}.mobile-ctrl__btn:hover{background-color:#b1b1b1e6}.mobile-ctrl__btn:active{background-color:#b1b1b1;transform:scale(1.2)}.mobile-ctrl__btn--left{grid-row:2/3;grid-column:1/2}.mobile-ctrl__btn--right{grid-row:2/3;grid-column:3/-1}.mobile-ctrl__btn--up{grid-row:1/2;grid-column:2/3}.mobile-ctrl__btn--down{grid-row:3/-1;grid-column:2/3}.app-container{max-width:100vw;max-height:100vh;overflow:hidden}