@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Stalinist+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap";#settings{display:none;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--background-tile-color)}#settings-container{display:flex;--default-gap: 10px;gap:var(--default-gap);flex-direction:column;width:min(1200px,100%);font-size:2rem;opacity:.9;z-index:99;color:var(--main-color);padding:50px 0;height:100%;overflow-y:auto;transform:skew(-5deg);text-shadow:1.5px 0 var(--background-tile-color),-1.5px 0 var(--background-tile-color),0 1.5px var(--background-tile-color),0 1.5px var(--background-tile-color),1.5px 1.5px var(--background-tile-color),-1.5px -1.5px var(--background-tile-color),1.5px -1.5px var(--background-tile-color),-1.5px 1.5px var(--background-tile-color);box-shadow:0 3px #000;animation:show-settings .3s ease-out forwards}#settings-container::-webkit-scrollbar{display:none}@keyframes show-settings{0%{gap:100px;opacity:0}to{gap:var(--default-gap);opacity:1}}#settings-container .category{padding:0 10px;display:flex;justify-content:space-around;align-items:center;gap:20px}#settings-container .category span{flex:1;display:block;background-color:var(--main-color);margin-top:20px;height:3px}#settings-container .category span:first-child{flex:.2}#settings-container h1,#settings-container h2,#settings-container p{text-shadow:inherit}#settings-container h1{margin-bottom:40px;padding-bottom:10px;border-bottom:3px solid var(--main-color)}#settings-container h2{opacity:.8;text-align:center;margin:20px 0;padding-bottom:5px}.setting{position:relative;width:100%;display:flex;flex-direction:row;padding:20px}.setting.boolean .inner{display:flex;flex-direction:column;justify-content:space-between;width:100%}.setting.boolean .light{--after-bg-color: "transparent";position:relative;width:100px;height:100%}.setting.boolean .light:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:30px;height:30px;background-color:var(--after-bg-color);border:2px solid var(--main-color)}.setting.number>*{flex:1}.setting.number .value{text-align:right}.setting.number .range-container{display:flex;justify-content:center;align-items:center}.setting.number input[type=range]{-webkit-appearance:none;appearance:none;width:90%;height:4px;background:var(--main-color);z-index:1}.setting.number input[type=range]:focus{outline:none}.setting.number input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:24px;background:var(--main-color);cursor:pointer}.setting.number input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--main-color);cursor:pointer}.setting.number input[type=range]::-moz-range-track{background:#ccc;height:4px}.setting:after{content:"";position:absolute;top:0;left:0;z-index:0;height:100%;width:100%;opacity:0;background-color:var(--main-color)}.setting:hover:after{animation:setting-hover-animation .04s linear forwards}@keyframes setting-hover-animation{0%{opacity:0;scale:0}to{opacity:.1;scale:1}}.setting.selected{position:relative;border:5px solid var(--main-color);animation:selected-animation .3s forwards}@keyframes selected-animation{0%{scale:.95}to{scale:1}}.setting.selected:after{content:"";position:absolute;top:0;right:0;width:100%;opacity:.05;background-color:var(--main-color);animation:selected-after-animation .4s ease-out forwards}@keyframes selected-after-animation{0%{opacity:0;width:0%}to{opacity:.1;width:100%}}.setting.edited{position:relative}.setting.edited:before{content:"";position:absolute;inset:0;background:linear-gradient(to left,var(--main-color),transparent);opacity:.2}#settings-container p.name{font-size:.9em;display:flex}#settings-container p.description{font-size:.7em;opacity:.5}#settings-container p .value{font-size:inherit;text-align:right;flex:1}@media(max-width:1068px){#settings-container{transform:unset;width:100vw;border:none;--left-start-animation: 0px}.setting.selected{border:unset;border-left:1px solid var(--main-color)}}#game{z-index:-2}#game-content{display:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh}#game-content *{font-family:metro,sans-serif;font-weight:400;font-style:normal}#game-ui{width:100%;height:100%;text-align:left;position:absolute;font-size:1.5rem;text-shadow:1.5px 0 var(--background-tile-color),-1.5px 0 var(--background-tile-color),0 1.5px var(--background-tile-color),0 1.5px var(--background-tile-color),1.5px 1.5px var(--background-tile-color),-1.5px -1.5px var(--background-tile-color),1.5px -1.5px var(--background-tile-color),-1.5px 1.5px var(--background-tile-color)}#game-ui .top-left{z-index:9997;position:absolute;left:7px;top:0;width:calc(100vw - 14px);height:100vh}#game-ui .top-left p{color:var(--main-color);width:100%;transform-origin:left;flex-direction:column;margin-bottom:-10px}#game-controls{position:absolute;display:flex;z-index:9998;width:100vw;height:100vh;inset:0;opacity:0}#game-controls *{flex:1}#game-controls *:hover{cursor:none}#trackers{display:flex;flex-direction:column;gap:10px;margin-top:10px;font-size:inherit}#game-ui .top-right{font-size:4rem;z-index:9999;position:fixed;display:none;flex-direction:column;right:-30px;top:3px;gap:5px;align-items:end;animation:buttons-animation .35s ease-out forwards}@keyframes buttons-animation{0%{opacity:0;transform:translate(70%) skew(60deg)}to{opacity:1;transform:translate(0) skew(0)}}#game-ui .top-right button{font-size:1em;width:min-content;text-align:right;color:var(--main-color);padding:5px 50px 5px 5px;font-weight:900;background-color:var(--background-tile-color);border:2px solid var(--main-color);transition:transform .1s ease-out;text-shadow:1.5px 0 var(--background-tile-color),-1.5px 0 var(--background-tile-color),0 1.5px var(--background-tile-color),0 1.5px var(--background-tile-color),1.5px 1.5px var(--background-tile-color),-1.5px -1.5px var(--background-tile-color),1.5px -1.5px var(--background-tile-color),-1.5px 1.5px var(--background-tile-color)}#game-ui .top-right button:hover{transform:translate(-20px)}#level-leave-btn{font-size:.7em!important}#game-score{display:none;margin-top:0;font-size:3em}#game-message{position:absolute;top:20vh;color:var(--main-color);left:50vw;width:100vw;transform-origin:left;transform:translate(-50%);font-size:2rem;text-align:center;white-space:pre-line}#game-pulsing-msg{color:var(--main-color);display:none;position:absolute;bottom:15%;left:50%;width:100%;text-align:center;transform:translate(-50%) scaleX(.6);font-size:4rem;animation:personal-best-anim .5s infinite ease-out alternate}#completable-level-progress-bar{display:none;border:1px solid var(--main-color);position:relative;width:30%;height:15px;top:0;left:15%;transform:translate(-50%)}#completable-level-progress-bar:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);z-index:-1;opacity:.5}#completable-level-progress{position:absolute;left:0;top:0;background-color:var(--main-color);height:100%;width:0%}@keyframes personal-best-anim{0%{transform:translate(-50%) scaleX(.85) scaleY(.85)}to{transform:translate(-50%) scaleX(1) scaleY(1)}}@media(max-width:1068px){#game-ui{font-size:1.2rem}#restart-help-msg{display:none!important}}#level-select{display:flex;justify-content:space-between;align-items:center;width:100vw;flex:1;max-height:100%}#level-select>*{position:relative}#level-list{position:relative;left:-150px;padding:10px 200px 10px 10px;max-height:100%;width:730px;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;overflow-y:scroll;overflow-x:hidden;animation:show-level-list .3s ease-out forwards}@keyframes show-level-list{0%{gap:25px}to{gap:5px}}#level-list{overflow-y:auto}#level-list::-webkit-scrollbar{display:none}.level{position:relative;align-items:center;justify-content:center;flex-direction:column;width:calc(100% + 50px);border:3px solid var(--main-color);padding:10px 20px 10px 0;font-size:1rem;left:0;transition:left .15s ease;-webkit-backdrop-filter:hue-rotate(180deg) brightness(.9);backdrop-filter:hue-rotate(180deg) brightness(.9)}.level.selected-animation{animation:level-tab-anim .2s ease-out forwards}.level.unselected-animation{animation:level-tab-anim .2s ease-in forwards reverse}@keyframes level-tab-anim{0%{height:unset;transform:none}to{font-size:1.5rem;transform:translate(100px)}}.level:hover{filter:hue-rotate(180deg) brightness(2);left:30px!important}.level *{text-align:right;width:100%;color:var(--main-color)}.level .name{font-size:2em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level .author{font-size:1em;opacity:.5}@media(max-width:1068px){.level{position:unset;transform:unset;width:100%;padding:10px}#level-list{position:absolute;left:0;top:var(--header-height);display:flex;flex-direction:column;justify-content:flex-start;gap:5px;width:100vw;height:calc(100% - var(--header-height));padding:10px}.level.selected-animation,.level.unselected-animation{animation:unset}.level.selected-animation{filter:hue-rotate(180deg);background-color:#fff3}}#selected-level{display:flex;justify-content:space-between;align-items:start;flex-direction:column;position:relative;width:600px;height:100%;border-left:2px solid var(--main-color);overflow:hidden;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}#selected-level .level-data{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}@media(min-width:1068px){#selected-level{right:10px!important;bottom:0!important;top:0!important}}#selected-level p,#selected-level h1{padding:0 10px}#selected-level *{color:var(--main-color)}#selected-level>*{width:100%}#selected-level.show{animation:selected-level-tab-anim .2s ease-out forwards}#selected-level.hide{animation:selected-level-tab-anim .2s ease-in forwards reverse}@keyframes selected-level-tab-anim{0%{top:100vh}to{top:0}}#selected-level .title-name{font-size:3rem;width:100%;padding:10px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#selected-level .difficulty-container{display:flex;width:30%;justify-content:center}#selected-level .difficulty-container{font-size:2rem}#selected-level .difficulty-container *{font-size:1em}#selected-level .difficulty-container button{background-color:transparent;text-shadow:inherit;flex:1}#selected-level .tab{border:2px solid var(--main-color);-webkit-backdrop-filter:hue-rotate(180deg) brightness(.9);backdrop-filter:hue-rotate(180deg) brightness(.9);padding:10px 0;margin:10px 0}#selected-level .tab .title{margin-bottom:10px}#selected-level .top{--anim-scale: 1.04;position:relative;text-align:center;filter:brightness(.97);text-shadow:1px 1px 0px var(--background-tile-color),2px 2px 0px var(--background-tile-color),3px 3px 0px var(--background-tile-color),4px 4px 0px var(--background-tile-color),5px 5px 0px var(--background-tile-color);transform:skewY(-2deg);padding:0;flex:1}#selected-level .top.animate{animation:selected-level-top-anim .15s ease-out}@keyframes selected-level-top-anim{0%{width:97%;scale:var(--anim-scale)}to{width:100%;scale:1}}#selected-level .centered{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}#selected-level .best{--percent: 0%;position:relative;font-size:7rem;background-color:var(--background-tile-color);border:2px solid var(--main-color);text-align:center;width:90%;margin:20px 0;box-shadow:1px 1px 0 var(--background-tile-color),2px 2px 0 var(--background-tile-color),3px 3px 0 var(--background-tile-color),4px 4px 0 var(--background-tile-color),5px 5px 0 var(--background-tile-color),5px 5px 3px var(--main-color)}#selected-level .best:after{content:"";position:absolute;top:0;right:0;height:100%;width:var(--percent);opacity:.2;background-color:var(--main-color)}#play-btn{display:none;z-index:1;position:relative;width:100%;height:100px;background-color:var(--main-color);color:var(--background-tile-color);font-size:6rem}@media(max-width:1068px){#selected-level .tab{background-color:unset;-webkit-backdrop-filter:unset;backdrop-filter:unset}#selected-level{position:absolute;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000;width:100vw;height:100%;right:0;border:2px solid var(--main-color);background-color:var(--background-tile-color);flex-direction:row-reverse;align-items:center}#selected-level .top{--anim-scale: 1;border-left:3px solid var(--main-color);transform:unset;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-width:45vw;text-shadow:unset}#selected-level .level-info{display:flex;flex-direction:column;height:100%;width:30vw;font-size:1.5rem}#selected-level .level-info *{margin:0;flex:1}#selected-level .best{box-shadow:unset;border:unset;background-color:unset;font-size:9rem}#selected-level .difficulty-container{position:relative;width:100%;font-size:5rem;border-top:2px solid var(--main-color)}#selected-level .difficulty-container:after{content:"";z-index:-1;position:absolute;width:100%;height:100%;background-color:var(--background-tile-color);filter:hue-rotate(180deg)}#selected-level .difficulty-container>*{flex:1}#selected-level .best:after{display:none}#selected-level .music-info{display:none}#selected-level .level-data{display:flex;justify-content:space-between;flex-direction:column;height:100%}#selected-level .centered{flex:1}#play-btn{display:block}}:root{--header-height: 60px}header{width:100vw;height:var(--header-height);z-index:0;background-color:var(--background-tile-color);color:var(--main-color);border-bottom:3px solid var(--main-color);display:flex;justify-content:space-between;align-items:center}header .title{font-size:4rem;text-decoration:none;color:var(--main-color);position:relative}#repo{display:none}header>div{width:100%;margin:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:3rem;height:100%}header .buttons{display:flex;justify-content:space-between;align-items:center;height:100%}header .buttons>button{position:relative;background-color:transparent;color:var(--main-color);font-size:.5em;height:100%;padding:0 20px}header .buttons>button:after{content:"";position:absolute;background-color:var(--main-color);opacity:.3;z-index:-1;width:100%;bottom:0;left:0}header .buttons>button:hover:after{animation:header-button-animation .15s ease-out forwards}@keyframes header-button-animation{0%{height:0}to{height:100%}}header .buttons>button.selected{background-color:var(--main-color);color:var(--background-tile-color)}@media(max-width:1068px){:root{--header-height: 50px}}@font-face{font-family:uasquare;src:url(./Robot%20Heroes-DjKM2eB3.ttf) format("truetype")}@font-face{font-family:metro;src:url(./Pointless-DFlYLPEm.ttf) format("truetype")}@font-face{font-family:hexagons;src:url(./HEXAGON_-DMfI5NoU.TTF) format("truetype")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*{-webkit-user-select:none;user-select:none;font-family:uasquare,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100}:root{--main-color: rgba(255, 0, 0, 255);--background-tile-color: rgba(0, 0, 0, 255)}button{border:none}button:hover{cursor:pointer}button:focus,a:focus{outline:none}.screen-only{visibility:hidden}.override{position:absolute;inset:0;z-index:10000;pointer-events:none}html{font-size:.8rem;overflow:hidden}body,canvas{overflow:hidden;max-width:100vw;max-height:100vh;min-width:100vw;min-height:100vh;width:100vw;height:100vh}canvas{position:absolute;inset:0}#menu{height:100vh;width:100vw;max-width:100vw;max-height:100vh;display:flex;flex-direction:column}#menu-window{display:flex;flex-direction:column;flex:1;height:calc(100px - var(--header-height))}#info-popup{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background-color:var(--background-tile-color);color:var(--main-color);border:2px solid var(--main-color);padding:10px;max-width:80vw;max-height:80vh;overflow-y:auto;box-shadow:0 0 1000px #000}#info-popup h1{text-align:center;font-size:3rem;margin-bottom:10px}#info-popup p{margin-top:5px;font-size:1.5rem;text-align:center}#info-popup img{border:2px solid var(--main-color);margin:0 auto;display:inline-block;max-height:100px}#info-popup .games{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-top:20px}#status{position:absolute;background-color:var(--background-tile-color);bottom:0;left:0;color:var(--main-color);font-size:2rem}@media(max-width:1068px){html{font-size:.5rem}.screen-only{visibility:visible}}
