.invisible[data-v-107b8134]{visibility:hidden}.icon[data-v-107b8134]{vertical-align:middle;width:1rem}#drd[data-v-107b8134],#heroes[data-v-107b8134]{position:absolute;top:0}body.mobile #drd[data-v-107b8134],body.mobile #heroes[data-v-107b8134]{height:100%;display:flex;align-items:center}.headsupdisplay[data-v-107b8134]{opacity:0}.hud[data-v-107b8134]{margin-top:25%}@media only screen and (max-width:600px){.hud[data-v-107b8134]{margin-top:0}}hud-content[data-v-107b8134]{position:relative}.nextBT[data-v-107b8134]{font-size:1.25rem;font-weight:700;display:block;margin-top:10px;float:right}.btn2[data-v-107b8134],.btn[data-v-107b8134]{cursor:pointer;display:inline-block;width:auto;color:#fff;font-size:18.7px;font-size:1.16875rem;background:#68277e;border:2px solid #060707;border-radius:33.3px;border-radius:2.08125rem;line-height:1;padding:4.5px 10.7px;padding:.28125rem .66875rem;font-weight:700;display:inline-flex;align-items:center;gap:16px;gap:1rem;width:210px;width:13.125rem;justify-content:space-between;margin-top:8px;line-height:26.7px;line-height:1.66875rem}.btn2[data-v-107b8134]{background-color:#fff;color:#68277e;margin-top:.5625rem}.btn2.center[data-v-107b8134]{justify-content:center;margin-bottom:.5rem}.btn2[data-v-107b8134]:hover{color:#fff;background-color:#68277e}.btn2.transparent[data-v-107b8134]{background:transparent;border-color:#c0a8ae}.btn2.transparent[data-v-107b8134]:hover{background-color:transparent;color:#68277e}.px-1[data-v-107b8134]{margin-left:.25rem;margin-right:.25rem}.btn img[data-v-107b8134],.btn2 img[data-v-107b8134]{display:inline-block;width:26.7px;height:26.7px;width:1.66875rem;height:1.66875rem;flex-grow:0}.btn-gear[data-v-107b8134]{position:absolute;bottom:calc(50% + 10px + .625rem);left:calc(10px + .875rem);background:transparent;padding:0;border:0;width:2.5rem;width:2.25rem;cursor:pointer;z-index:101}.btn-gear img[data-v-107b8134]{width:100%;vertical-align:bottom}.btn-gear[data-v-107b8134]:hover{transform:scale(1.1)}.btn .balancer[data-v-107b8134],.btn2 .balancer[data-v-107b8134]{width:26.7px;width:1.66875rem;flex-grow:0}.btns-wrapper[data-v-107b8134]{position:absolute;flex-direction:column;display:flex;right:5%;top:16.5%;z-index:100}.mirror-img[data-v-107b8134]{transform:scaleX(-1)}.bgimg[data-v-107b8134]{width:100%;height:100%}.instructions [data-v-107b8134],.instructions[data-v-107b8134]{box-sizing:border-box}.instructions[data-v-107b8134]{font-family:Outfit,sans-serif;position:absolute;background:#fffbd3;top:0;left:0;right:0;bottom:0;overflow-y:auto;aspect-ratio:8/6;padding:2rem;font-size:1rem;z-index:102}.insttext[data-v-107b8134]{margin:0 auto;width:75%;margin-bottom:40px}body.mobile .btns-wrapper[data-v-107b8134]{position:relative;align-items:center;right:auto;top:auto}body.mobile .home[data-v-107b8134]{height:100%}body.mobile .home>div[data-v-107b8134]{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}body.mobile .bgimg-wrapper[data-v-107b8134]{flex-grow:2;display:flex;align-items:center;position:relative}body.mobile .bgimg[data-v-107b8134]{width:auto;height:auto;max-width:100%}body.mobile .btns-wrapper[data-v-107b8134]{flex-grow:1;padding-bottom:20px}body.mobile .btn-gear-wrapper[data-v-107b8134]{display:flex;justify-content:flex-start;width:100%}body.mobile .btn-gear[data-v-107b8134]{margin-bottom:15px;margin-left:15px;width:2.5rem;height:2.5rem;position:relative;left:auto;bottom:auto}body.mobile .btn-gear img[data-v-107b8134]{width:100%}body.mobile .instructions[data-v-107b8134]{aspect-ratio:auto;bottom:0}.instructions h1[data-v-107b8134]{font-size:1.5rem;margin:2rem 0 1.5rem 0}.instructions h2[data-v-107b8134]{font-size:1.2rem;margin:0}.instructions p[data-v-107b8134]{font-size:1rem;margin:1rem 0 2rem 0}.instructions[data-v-107b8134]::-webkit-scrollbar{width:17px}.instructions[data-v-107b8134]::-webkit-scrollbar-track{background-color:#e7e7e7;border:1px solid #cacaca}.instructions[data-v-107b8134]::-webkit-scrollbar-thumb{background-color:#e68033}.debugAltText[data-v-3ba3e8de]{font-size:.6rem;line-height:.7rem}.headsupdisplay[data-v-3ba3e8de]{opacity:0}.hud[data-v-3ba3e8de]{margin-top:25%}@media only screen and (max-width:600px){.hud[data-v-3ba3e8de]{margin-top:0}}hud-content[data-v-3ba3e8de]{position:relative}.btn-purple[data-v-3ba3e8de]{font-family:Outfit,sans-serif;border-radius:30px;padding:.6rem 3rem;color:#fff;background:#68277e;border:3px solid #000;box-shadow:3px 3px 14px 1px rgba(0,0,0,.4)}.btn-purple[data-v-3ba3e8de]:hover{background:#fff;color:#68277e}.nextBT[data-v-3ba3e8de]{font-size:1.25rem;font-weight:700;display:block;margin-top:10px}.narrator[data-v-3ba3e8de]{font-size:1rem;line-height:1.4;font-weight:700;position:absolute;top:calc(25vh + 10px);left:10px;padding:1rem 1.25rem;background:#fafad2;color:#000;border:4px solid #000;border-top:0;border-left:0;text-align:left;box-shadow:3px 3px 14px 1px rgba(0,0,0,.4);max-width:60%}body.mobile .narrator[data-v-3ba3e8de]{top:10px;max-width:none;padding:1rem;min-width:60vw}.stats[data-v-3ba3e8de]{font-size:1.2rem;font-weight:700;line-height:2rem;position:absolute;bottom:48vh;right:10px;padding:1.5rem;background:#000;color:#fff;border:4px double #fff;border-right:0;text-align:left;box-shadow:3px 3px 14px 1px rgba(0,0,0,.4);max-width:60%;min-width:40%;z-index:1499}.statpos[data-v-3ba3e8de]{right:unset;left:10px;border-right:4px double #fff;border-left:0}.dialogue[data-v-3ba3e8de]{position:absolute!important;bottom:0;left:0}.techtalk[data-v-3ba3e8de]{--border-color:red}#nav-controls[data-v-3ba3e8de]{position:absolute;bottom:calc(25% + 40px);bottom:calc(25% + 10px + .625rem);right:40px;right:calc(10px + .875rem)}body.mobile #nav-controls[data-v-3ba3e8de]{bottom:20px;right:20px}#game-layer[data-v-3ba3e8de]{position:absolute;top:calc(25% + 10px);left:10px;z-index:2000}#game-layer iframe[data-v-3ba3e8de]{width:800px;height:600px}.pageNum[data-v-3ba3e8de]{padding:15px;background:#fff;color:#000;position:absolute;bottom:25%;left:10%;z-index:9999;width:65%}body.mobile .pageNum[data-v-3ba3e8de]{bottom:10px;width:40%;left:10%}.btn-gear[data-v-3ba3e8de]{bottom:calc(25% + 40px);bottom:calc(25% + 10px + .625rem);position:absolute;left:40px;left:calc(10px + .875rem);padding:0;border:0}body.mobile .btn-gear[data-v-3ba3e8de]{left:20px;bottom:20px}.hidden{opacity:0}#app{font-family:Comic Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#backGrad{z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.25) 25%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.4))}#backGrad,.uicontainer{width:100%;height:100%;position:absolute;top:0;left:0}.uicontainer{z-index:99;opacity:.9}@media only screen and (max-width:660px){.uicontainer{bottom:0}}.home-screen{width:100%;height:100%;position:absolute;top:25%;left:0;z-index:999}body.mobile .home-screen{top:0}#_preload_div_{position:absolute;top:45vh;left:0;display:inline-block;height:100vh;width:95vw;text-align:center}#_preload_div_ img{height:10vh}.speech-bubble{--arrow-w:0.5em;--arrow-h:1em;--bubble-corners:0;--w:12em;--w-mob:12em;--border-size:3px;--text-color:#000;--bubble-color:#fff;--border-color:#000;text-align:center;font-family:Comic Neue,cursive;font-size:1rem;font-weight:700;color:var(--text-color);background:var(--bubble-color);padding:.75em 1em;position:relative;border-radius:var(--bubble-corners);max-width:var(--w);box-shadow:0 0 0 var(--border-size) var(--border-color)}body.mobile .speech-bubble{width:var(--w-mob);max-width:none}.speech-bubble.round{--bubble-corners:1em}.speech-bubble.circle{--bubble-corners:100%;padding:2em}.speech-bubble:after,.speech-bubble:before{content:"";position:absolute;bottom:calc(var(--arrow-h)*-1*2 + .5px);bottom:calc(var(--arrow-h)*-1*2 + var(--border-size)*.5);left:50%;border-style:solid;border-width:var(--arrow-h) var(--arrow-w);border-color:var(--bubble-color) transparent transparent}.speech-bubble:before{border-width:calc(var(--arrow-h) + var(--border-size)) calc(var(--arrow-w) + var(--border-size));border-color:var(--border-color) transparent transparent;bottom:calc(var(--arrow-h)*-1*2 - var(--border-size)*2.5);left:calc(50% - var(--border-size))}body.mobile .speech-bubble.left:before{left:calc(25% - var(--border-size))}body.mobile .speech-bubble.left:after{left:25%}body.mobile .speech-bubble.right:before{left:calc(75% - var(--border-size))}body.mobile .speech-bubble.right:after{left:75%}.speech-bubble.t:after{border-color:transparent transparent var(--bubble-color);bottom:auto;top:calc(var(--arrow-h)*-1*2 + 1.5px)}.speech-bubble.t:before{border-width:calc(var(--arrow-h) + var(--border-size)) calc(var(--arrow-w) + var(--border-size));border-color:transparent transparent var(--border-color);bottom:auto;top:calc(var(--arrow-h)*-1*2 - var(--border-size)*2.5)}.speech-bubble.l:after{border-color:transparent var(--bubble-color) transparent transparent;bottom:auto;border-width:var(--arrow-w) var(--arrow-h);top:calc(50% - var(--arrow-w));left:calc(var(--arrow-h)*-1*2 + .5px)}.speech-bubble.l:before{border-width:calc(var(--arrow-w) + var(--border-size)) calc(var(--arrow-h) + var(--border-size));border-color:transparent var(--border-color) transparent transparent;bottom:auto;top:calc(50% - var(--arrow-w) - var(--border-size));left:calc(var(--arrow-h)*-1*2 - var(--border-size)*2.5)}.speech-bubble.r:after{border-color:transparent transparent transparent var(--bubble-color);bottom:auto;left:auto;border-width:var(--arrow-w) var(--arrow-h);top:calc(50% - var(--arrow-w));right:calc(var(--arrow-h)*-1*2 + .5px)}.speech-bubble.r:before{border-width:calc(var(--arrow-w) + var(--border-size)) calc(var(--arrow-h) + var(--border-size));border-color:transparent transparent transparent var(--border-color);bottom:auto;left:auto;top:calc(50% - var(--arrow-w) - var(--border-size));right:calc(var(--arrow-h)*-1*2 - var(--border-size)*2.5)}.speech-bubble.pop{animation-name:pop;animation-duration:.5s;animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.speech-bubble.float{animation-name:float-up;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease}.speech-bubble.r.float{animation-name:float-left}.speech-bubble.l.float{animation-name:float-right}.speech-bubble.t.float{animation-name:float-down}@keyframes pop{0%{transform:scale(.8)}80%{transform:scale(1.1)}90%{transform:scale(.9)}to{transform:scale(1)}}@keyframes float-up{0%{transform:translateY(0)}50%{transform:translateY(calc(var(--arrow-h)*-1))}}@keyframes float-left{0%{transform:translateX(0)}50%{transform:translateX(calc(var(--arrow-h)*-1))}}@keyframes float-right{0%{transform:translateX(0)}50%{transform:translateX(var(--arrow-h))}}@keyframes float-down{0%{transform:translateY(0)}50%{transform:translateY(var(--arrow-h))}}