body,html{padding:0;margin:0;background-color:#818181;background-image:url(/_next/static/media/GameBackground.d259fbf5.png);background-repeat:repeat;overflow:hidden}body,button,h1,h2,h3,h4,h5,h6,html,p{font-family:lores-12,sans-serif;font-weight:700;font-style:normal}:root{--level-size:600px;--tile-size:calc(var(--level-size) / 20);--helmet-offset:calc(var(--tile-size) / 4);--sprite-size:calc(var(--tile-size) * 4);--updown:0%;--leftright:0%;--controls:calc(var(--level-size) / 1.5);--heroTop:300px;--active:absolute;--hide:block}@media screen and (max-width:479px){:root{--level-size:300px}.pu-con p{font-size:1rem!important;color:#fff;line-height:1rem!important;padding:5% 2%}.pu-con a{text-decoration:none}.play-button{width:350px;height:46px!important;font-size:1rem!important}.pu-con h4{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}.app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.level,.levelCon{max-width:var(--level-size);height:auto;position:relative;margin:0 auto}.board{position:relative}.board,.board-img{width:100%;height:100%}.chest1,.chest2,.chest3{background-image:url(/_next/static/media/Gem_Sprite.cc991978.png);background-repeat:no-repeat;background-size:var(--sprite-size);background-position:0 calc(-1 * var(--tile-size) + var(--helmet-offset))}.chest1,.chest2,.chest3,.chest4{width:var(--tile-size);height:calc(var(--tile-size) + var(--helmet-offset));position:absolute;z-index:1;-webkit-animation:heroAnimation 1s steps(4) infinite;animation:heroAnimation 1s steps(4) infinite;transform:translateY(calc(-1 * var(--helmet-offset)));top:var(--herotop)}@-webkit-keyframes chest-animation{0%{background-position-x:0}to{background-position-x:-96px}}@keyframes chest-animation{0%{background-position-x:0}to{background-position-x:-96px}}.forniture{width:var(--tile-size);height:var(--tile-size);position:absolute}.hero{position:absolute;z-index:1}.hero,.rade{width:var(--tile-size);height:calc(var(--tile-size) + var(--helmet-offset));background-image:url(/_next/static/media/Rade_Sprite.b153d805.png);background-repeat:no-repeat;background-size:var(--sprite-size);-webkit-animation:heroAnimation 1s steps(4) infinite;animation:heroAnimation 1s steps(4) infinite;transform:translateY(calc(-1 * var(--helmet-offset)));background-position:0 calc(-1 * var(--tile-size) + var(--helmet-offset));top:var(--herotop)}.rade{position:var(--active);display:var(--hide);z-index:2}.zeek{background-image:url(/_next/static/media/Zeek_Sprite.58612d34.png)}.forah,.zeek{width:var(--tile-size);height:calc(var(--tile-size) + var(--helmet-offset));position:absolute;z-index:2;background-repeat:no-repeat;background-size:var(--sprite-size);-webkit-animation:heroAnimation 1s steps(4) infinite;animation:heroAnimation 1s steps(4) infinite;transform:translateY(calc(-1 * var(--helmet-offset)));background-position:0 calc(-1 * var(--tile-size) + var(--helmet-offset));top:var(--herotop)}.forah{background-image:url(/_next/static/media/Forah_Sprite.ba7dc241.png)}.theo{width:var(--tile-size);height:calc(var(--tile-size) + var(--helmet-offset));position:absolute;z-index:2;background-image:url(/_next/static/media/Theo_Sprite.2d40fa1e.png);background-repeat:no-repeat;background-size:var(--sprite-size);-webkit-animation:heroAnimation 1s steps(4) infinite;animation:heroAnimation 1s steps(4) infinite;transform:translateY(calc(-1 * var(--helmet-offset)));background-position:0 calc(-1 * var(--tile-size) + var(--helmet-offset));top:var(--herotop)}@-webkit-keyframes heroAnimation{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--tile-size) * 4)}}@keyframes heroAnimation{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--tile-size) * 4)}}.merchant1,.merchant2,.merchant3,.merchant4{width:var(--tile-size);height:calc(var(--tile-size) + var(--helmet-offset));z-index:1;position:absolute;background-image:url(/_next/static/media/Merchant_Sprite.07479168.png);background-repeat:no-repeat;background-size:var(--sprite-size);-webkit-animation:miniDemonAnimation 1s steps(4) infinite;animation:miniDemonAnimation 1s steps(4) infinite;transform:translateY(calc(-1 * var(--helmet-offset)));background-position:0 calc(-1 * var(--tile-size) + var(--helmet-offset))}@-webkit-keyframes miniDemonAnimation{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--tile-size) * 4)}}@keyframes miniDemonAnimation{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--tile-size) * 4)}}.trap{width:var(--tile-size);height:var(--tile-size);position:absolute;background-image:url(https://github.com/LucasLevino/Heroway/blob/main/src/assets/imgs/trap.png?raw=true);background-repeat:no-repeat;background-position:0 0;-webkit-animation:trapAnimation 1s steps(8) infinite;animation:trapAnimation 1s steps(8) infinite}@-webkit-keyframes trapAnimation{0%{background-position-x:0}to{background-position-x:-384px}}@keyframes trapAnimation{0%{background-position-x:0}to{background-position-x:-384px}}.bg{background-color:#1d1d1d}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #fff;border-radius:10px}::-webkit-scrollbar-thumb{background:#818181;border-radius:10px}.gb{background-image:url(/_next/static/media/gbtile.132a16a2.png);background-size:64px 64px;background-color:var(--color-gb);margin:0;overflow-y:scroll;max-width:900px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:20px 20px 0 0;box-shadow:inset 22px -27px 17px -13px rgba(0,0,0,.4),inset -21px 21px 26px -19px rgba(0,0,0,.3),-9px 58px 205px -19px rgba(0,0,0,.5),-90px 198px 205px -19px rgba(0,0,0,.2)}.discord-input{width:250px;height:60px;padding:0 20px;border-radius:30px;margin-bottom:10px;border:0}figure{-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:40px;margin-inline-start:40px;-webkit-margin-end:40px;margin-inline-end:40px}figure,section{display:block}.controls{display:flex;align-items:center;justify-content:space-around;width:100%;margin-top:10px}.gb-bar{position:relative;width:100%;height:6px;z-index:0;opacity:.7;margin:50px 0 6px;box-shadow:inset -4px -1px 4px 0 rgba(0,0,0,.6),inset 4px -1px 4px 0 hsla(0,0%,100%,.6),-1px 1px 1px 0 hsla(0,0%,100%,.8)}.gb-bar:before{left:100px;background:#535353}.gb-bar:after,.gb-bar:before{right:100px;content:"";position:absolute;z-index:1;width:6px;height:50px;top:-50px;box-shadow:inset -4px -1px 4px 0 rgb(0 0 0/5%),inset 4px -1px 4px 0 hsla(0,0%,100%,.8),-1px 1px 1px 0 hsla(0,0%,100%,.8)}.gb-bar:after{background:#505050}.name-time{display:flex;flex-direction:row;justify-content:space-between;width:80%;align-items:center;padding:10px 0}.music{background-color:#a9a9a9;z-index:1;margin-right:40px;padding:0 10px}.music a{font-size:.8rem;color:#000;font-family:forma-djr-deck,sans-serif!important;font-weight:700;font-style:normal;line-height:.8rem}.gb-screen{position:relative;padding:10px 20px;margin:10px 20px;border-radius:20px;box-shadow:inset 1px -1px 1px 0 rgba(0,0,0,.25),inset -1px 1px 1px 0 hsla(0,0%,100%,.9);display:block;background:#a9a9a9}.screen-inner{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;border:10px solid #000;height:auto;background:#1a1c2c;box-shadow:-1px 1px 1px 0 hsla(0,0%,100%,.7);margin:0 auto;position:relative}.screen-top{max-width:100%;overflow:visible;height:12px;transform:translateY(0);margin:0 0 10px;display:flex;justify-content:flex-end;align-items:center}.screen-top:before{bottom:2px;background:#1a2b4f}.screen-top:after,.screen-top:before{content:"";position:absolute;left:0;width:100%;height:1px;z-index:0}.screen-top:after{top:2px;background:#7b2753}.screen-top p{position:absolute;z-index:2;top:50%;transform:translateY(-50%);right:8%;font-size:14px;color:hsla(0,0%,100%,.7);text-transform:uppercase;padding:5px 10px;background:#a9a9a9}.username h4{font-size:18px}.username h3{font-size:14px;padding-bottom:5px}.username button{border:0;font-size:14px}.time h3{font-size:14px;padding-bottom:5px;text-align:right}.gb-dpad{left:0}.gb-buttons,.gb-dpad{will-change:transform}.gb-buttons{right:0}.updownimg{transform:translateX(var(--updown))}.leftrightimg,.updownimg{will-change:transform;height:100%;width:auto}.leftrightimg{transform:translateX(var(--leftright))}.touchcon{position:absolute;height:var(--controls);width:var(--controls);z-index:2}.horizontal{display:flex;flex-direction:row}.touchdown,.touchup{height:calc(var(--controls) / 2);width:var(--controls)}.touchleft,.touchright{height:var(--controls);width:calc(var(--controls) / 2)}.dpad-inner{left:30.1625px}.buttons-inner,.dpad-inner{overflow:hidden;height:var(--controls);width:var(--controls);bottom:0}.buttons-inner{right:30.1625px}.img-con{position:absolute;width:100%;height:100%}.logo{display:flex;justify-content:flex-start;width:80%}.stop-watch{height:40px;width:150px;background-color:#dadada;flex-direction:column;border-radius:20px}.stop-watch,.timer{display:flex;align-items:center;justify-content:center}.digits{font-size:18px;color:#080808;width:30px;text-align:center}.mili-sec{color:#919191}

.Control-Buttons{margin:3rem 0;width:100%;box-sizing:border-box;justify-content:center}.btn-grp,.Control-Buttons{display:flex;align-items:center}.btn-grp{justify-content:space-around}.btn{font-family:Verdana,Geneva,Tahoma,sans-serif;width:10vw;height:5vh;border-radius:14px;margin:0 6px;display:flex;border:2px solid #e42a2a;justify-content:center;align-items:center;cursor:pointer;color:#f5f5f5}.btn-one{background-color:#e42a2a}.popup{max-width:var(--level-size);height:auto}.pu-con{width:var(--level-size);height:var(--level-size);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;z-index:1;top:0;padding:20px}.pu-con p{font-size:1.5rem;padding:5% 2%}.pu-con h4,.pu-con p{color:#fff;line-height:2rem}.pu-con h4{font-size:2.5rem}.pu-con li{font-size:1rem;color:#fff;line-height:1rem}.board-con{width:var(--level-size);height:var(--level-size);overflow-y:scroll}.lb-time-con{display:flex;flex-direction:row;padding:0 var(--tile-size)}.lb-name{display:flex;width:65%}.lb-name h4{font-size:1.2rem}.lb-time{display:flex;width:35%;justify-content:flex-end}.lb-time h4{font-size:1.2rem;text-align:right}.start-button{width:calc(var(--level-size)/1.2);gap:10px;color:#fff;background-image:url(/_next/static/media/TwitterButton.3dc384af.png);position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;z-index:1;top:70%;font-size:1.2rem}.play-button,.start-button{height:80px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:contain;background-position:50%;text-align:center;background-color:transparent;cursor:pointer;border:0}.play-button{color:#000;background-image:url(/_next/static/media/Button_Success.96110a0b.png)}.back-button,.play-button{width:350px;font-size:20px}.back-button{height:80px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;background-image:url(/_next/static/media/Button-Back.c7a2281a.png);background-repeat:no-repeat;background-size:contain;background-position:50%;text-align:center;background-color:transparent;cursor:pointer;border:0}.leaderboard-but{width:100%;position:absolute;top:calc(var(--helmet-offset) *2);right:calc(var(--helmet-offset) *2);cursor:pointer}.lb-but,.leaderboard-but{display:flex;justify-content:flex-end}.lb-but{width:calc(var(--level-size)/8)}.scores-but{display:flex;justify-content:flex-start;width:100%;position:absolute;top:calc(var(--helmet-offset) *2);left:calc(var(--helmet-offset) *2);cursor:pointer}.s-but{display:flex;justify-content:flex-end;width:calc(var(--level-size)/8)}.opi-logo{width:calc(var(--level-size)/1.5)}.test{color:#fff}