@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@font-face{font-family:Quattrocento;src:local("Quattrocento"),url(https://www.orizaya.com/font/Quattrocento/Quattrocento-Regular.ttf) format("truetype"),url(https://www.orizaya.com/font/Quattrocento/Quattrocento-Bold.ttf) format("truetype")}:root{--unitFrameBaseWidth:2210px;--unitFrameBaseHeight:480px;--actionBarBaseWidth:2132px;--actionBarBaseHeight:460px;--unitFrameWidth:calc(var(--unitFrameBaseWidth)/6);--unitFrameHeight:calc(var(--unitFrameBaseHeight)/6);--actionBarWidth:calc(var(--actionBarBaseWidth)/2.56);--actionBarHeight:calc(var(--actionBarBaseHeight)/2.56);--actionBarLeft:calc(50% - var(--unitFrameBaseWidth)/2.56/2);--unitFrameWidthSmall:calc(var(--unitFrameBaseWidth)/7);--unitFrameHeightSmall:calc(var(--unitFrameBaseHeight)/7);--actionBarWidthSmall:calc(var(--actionBarBaseWidth)/3.33);--actionBarHeightSmall:calc(var(--actionBarBaseHeight)/3.33);--actionBarLeftSmall:calc(50% - var(--unitFrameBaseWidth)/3.33/2);--unitFrameWidthExtraSmall:calc(var(--unitFrameBaseWidth)/8);--unitFrameHeightExtraSmall:calc(var(--unitFrameBaseHeight)/8);--actionBarWidthExtraSmall:calc(var(--actionBarBaseWidth)/3.66);--actionBarHeightExtraSmall:calc(var(--actionBarBaseHeight)/3.66);--actionBarLeftExtraSmall:calc(50% - var(--unitFrameBaseWidth)/3.66/2);--unitFrameWidthLarge:calc(var(--unitFrameBaseWidth)/4.5);--unitFrameHeightLarge:calc(var(--unitFrameBaseHeight)/4.5);--actionBarWidthLarge:calc(var(--actionBarBaseWidth)/2);--actionBarHeightLarge:calc(var(--actionBarBaseHeight)/2);--actionBarLeftLarge:calc(50% - var(--unitFrameBaseWidth)/2/2)}body,html{background:var(--slate)}body{font:normal normal 14px/21px Quattrocento,serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.viewport{height:100vh;width:100vw}.loader-container{align-items:center;color:var(--moon);display:flex;flex-direction:column;justify-content:center;position:fixed;z-index:1001}.loader{background:var(--night);border:2px solid var(--moon);border-radius:100vw;height:1.25rem;padding:2px;width:8rem}.loader>div{background:var(--moon);border-radius:inherit;height:100%}.loader-text{color:var(--moon);margin:.5rem 0}.keybind{background:#343c46;border:none;border-radius:4px;color:#fff;cursor:default;display:inline-block;font-weight:700;height:20px;margin-bottom:8px;padding:0;text-align:center;width:20px}.asset-list{max-height:20rem;overflow-y:auto}.asset{border:1px solid #333;border-radius:4px;cursor:pointer;font-size:13px;margin-bottom:6px;padding:10px}.hr{border:none;border-top:1px solid #333;margin:20px 0}.instruction{background:var(--slate);border-radius:4px;color:#bbb;font-size:12px;line-height:1.6;margin-top:20px;padding:15px}.tag{background:#555;border-radius:2px;color:#fff;font-size:9px;font-weight:700;margin-right:6px;padding:1px 4px}.control-container{border-bottom:1px solid #111;flex-direction:column;gap:.5rem;height:2.5rem;margin:.25rem;width:2.5rem}.checkbox-item,.control-container{align-items:center;display:flex;justify-content:center}.checkbox-item{color:#fff;height:inherit;position:relative;width:inherit;z-index:200}.checkbox-item>i{display:block;font-size:1.25rem;position:absolute;text-align:center;text-shadow:0 1px 0 #000;z-index:200}.checkbox-item>i+*{z-index:300}.checkbox-item label{background:#00000075;border-radius:.125rem;color:#fff;display:none;font-size:.86em;left:calc(100% + .5rem);padding:.5rem;position:absolute}.checkbox-item:hover label{display:block;width:auto}.checkbox-item input[type=checkbox]{-webkit-appearance:none;appearance:none;cursor:pointer;height:inherit;margin:0;width:inherit}.checkbox-item input[type=checkbox]:checked,.checked{background:#ffffff25;border-left:2px solid cyan}.checkbox-item input[type=checkbox]:before{background:var(--metal);content:normal;position:absolute}.checkbox-item.switch{height:1rem;width:1rem}.checkbox-item.switch label{background:none;border-radius:0;display:block;margin:0;padding:0}.checkbox-item.switch input[type=checkbox]{-webkit-appearance:auto;appearance:auto;cursor:pointer;height:inherit;margin:0;width:inherit}.checkbox-item.switch input[type=checkbox],.checkbox-item.switch input[type=checkbox]:before,.checkbox-item.switch input[type=checkbox]:checked{background:var(--slate);position:static}.editor{background:#0a0f14;display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}aside{background:var(--slate);border-right:1px solid #333;color:#fff;min-width:3rem;padding-top:2rem;width:3rem}aside.right{border-left:1px solid #333;border-right:none;height:100vh;padding:2.5rem .5rem .5rem;position:fixed;right:0;top:0;width:280px}aside.right.tools{margin:0;padding:2.25rem 0 0;right:0;width:3rem}.tool{cursor:grab;height:340px;left:400px;margin:0;max-width:280px;position:fixed;top:200px;-webkit-user-select:none;user-select:none}.editor-input{width:100%}.editor-label{color:#888;display:block;font-size:11px;font-weight:400;margin-bottom:4px}.editor-menu{background:var(--night);color:#fff;display:flex;font-size:.86em;font-weight:400;gap:1rem;height:2rem;left:0;max-height:2rem;padding:0 .5rem;position:fixed;right:0;z-index:300}.editor-menu .item{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:none;color:#fff;cursor:pointer;display:inline-block;display:flex;gap:1rem;height:100%;margin:0;padding:.5rem;text-align:left;width:100%}.editor-menu .item:hover{background:cyan;color:#000}.editor-menu .item i{display:block;flex:1 1}.editor-menu>label{align-items:center;cursor:pointer;display:flex}.editor-menu>label+.editor-menu{display:none;margin-top:2rem;max-height:100%;padding:0;width:8rem}.editor-menu>label+.editor-menu:hover,.editor-menu>label:hover+.editor-menu{display:block}.editor-menu>.submenu{width:auto}.editor-panel{background:var(--slate);border-radius:.125rem;padding:.5rem;position:fixed;width:14rem;z-index:200}.editor-collapsible{border:1px solid #333}.form-container{margin:0 auto;width:20rem}.segmented-control{gap:.5rem}.segmented-control button,.segmented-control button:active,.segmented-control button:hover{background:var(--moon);border-radius:100vw;color:var(--night)}.segmented-control button:active,.segmented-control button:hover{background:var(--night);color:var(--moon)}.segmented-control button.active{background:var(--dark);color:var(--moon)}#login{height:100vh;width:100vw}#login .form{background:var(--shadow);box-shadow:0 0 8rem var(--ice)}#login .form input:-webkit-autofill,#login .form input:-webkit-autofill:active,#login .form input:-webkit-autofill:focus,#login .form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--moon)!important;border:1px solid var(--metal)!important;-webkit-box-shadow:0 0 0 1000px var(--dark) inset!important}.gui{cursor:pointer;display:block;position:fixed;z-index:1000}.gui.unit-frame{background:url(http://localhost:3000/images/unit-frame-player.png) 0 0/contain no-repeat;border:none;display:block;font:800 normal 1.25em/0 Quattrocento,serif;height:80px;height:var(--unitFrameHeight);text-align:left;text-indent:87px;text-shadow:0 1px 0 var(--night);top:1rem;width:368.33333px;width:var(--unitFrameWidth)}.gui.unit-frame.small{height:68.57143px;height:var(--unitFrameHeightSmall);text-indent:75px;width:315.71429px;width:var(--unitFrameWidthSmall)}.gui.unit-frame.large{font-size:1.5em;height:106.66667px;height:var(--unitFrameHeightLarge);text-indent:120px;width:491.11111px;width:var(--unitFrameWidthLarge)}.gui.unit-frame .health.progress{height:32px;position:absolute;right:4px;top:33px;width:282px}.gui.unit-frame .health.progress b.pill{background:url(http://localhost:3000/images/unit-frame-pill.png) 0 0/contain no-repeat;display:block;height:100%;width:47px}.gui.unit-frame .health.progress b.pill[data-value="6"]{background:url(http://localhost:3000/images/unit-frame-pill-6.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill[data-value="5"]{background:url(http://localhost:3000/images/unit-frame-pill-5.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill[data-value="4"]{background:url(http://localhost:3000/images/unit-frame-pill-4.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill[data-value="3"]{background:url(http://localhost:3000/images/unit-frame-pill-3.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill[data-value="2"]{background:url(http://localhost:3000/images/unit-frame-pill-2.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill[data-value="1"]{background:url(http://localhost:3000/images/unit-frame-pill-1.png) 0 0/contain no-repeat}.gui.unit-frame .health.progress b.pill.armor{background:url(http://localhost:3000/images/unit-frame-pill-armor.png) 0 0/contain no-repeat}.gui.action-bar .actions{gap:1px;height:64px;list-style:none;margin:51px 0 0 187px;padding:0;width:186px}.gui.action-bar .actions>li{background:url(http://localhost:3000/images/action-icons/action-icon.png) 50%/contain no-repeat;flex:1 1;height:64px;margin:0;padding:0;position:relative;transition:all .2s linear;width:auto}.gui.action-bar .actions>li:hover{filter:brightness(1.25)}.gui.tooltip{background:#08080ee6;border:3px double var(--metal);border-radius:.5rem;bottom:6rem;box-shadow:0 0 1rem #000;color:#fff;display:flex;display:none;flex-direction:column;font-size:.9rem;gap:.5rem;max-width:200px;padding:.5rem;pointer-events:none;position:fixed;position:absolute;width:28rem;z-index:1000}.gui.action-bar .actions>li:hover .gui.tooltip{display:block}.gui.action-bar.small .actions{height:50px;margin:37px 0 0 142px;width:143px}.gui.action-bar.small .actions>li{height:50px}.gui.action-bar.large .actions{height:82px;margin:67px 0 0 242px;width:238px}.gui.action-bar.large .actions>li{height:82px}.gui.action-bar.small .actions>li:hover .gui.tooltip{bottom:4.5rem}.gui.action-bar.large .actions>li:hover .gui.tooltip{bottom:7rem}.gui.tooltip h4{color:var(--energy);font:normal normal 1.1em/1.33em Quattrocento,serif;margin:0;text-transform:none}.gui.tooltip em,.gui.tooltip p{font:normal normal 1em/1.33em Quattrocento,serif;margin:.5rem 0 0}.gui.tooltip em{color:var(--cloud)}.gui.notification{bottom:1rem;color:var(--moon);left:1rem;position:fixed;text-shadow:0 1px 0 var(--night),0 2px .5rem var(--shadow);z-index:1100}#start{background:var(--vapor);border:0;border-radius:100vw;box-shadow:inset 0 .3rem .9rem #ffffff4d,inset 0 -.1rem .3rem #000000b3,inset 0 -.4rem .9rem #ffffff80,0 3rem 3rem #0000004d,0 1rem 1rem -.6rem var(--force);color:var(--moon);cursor:pointer;font:800 normal 30px Quattrocento,serif;outline:none;position:relative;position:absolute;text-shadow:0 2px 0 var(--dark);top:calc(50% + 75.5px);transition:all .2s ease;z-index:5}#start .wrap{border-radius:inherit;overflow:hidden;padding:1rem 0;position:relative;width:16rem}#start .wrap p span:nth-child(2),#start:hover .wrap p span:first-child{display:none}#start:hover .wrap p span:nth-child(2){display:inline-block}#start .wrap p{align-items:center;display:flex;gap:12px;margin:0;-webkit-mask-image:linear-gradient(180deg,#fff 40%,#0000);mask-image:linear-gradient(180deg,#fff 40%,#0000);transform:translateY(2%);transition:all .2s ease}#start .wrap:after,#start .wrap:before{content:"";position:absolute;transition:all .3s ease}#start .wrap:before{background-color:#ffffff1f;border-radius:50%;bottom:25%;left:-15%;right:-15%;top:-100%}#start .wrap:after{background:linear-gradient(180deg,#ffffff4d,#0000 50%,#0000);border-radius:22px 22px 0 0;bottom:40%;box-shadow:inset 0 10px 8px -10px #fffc;left:3%;right:3%;top:6%}#start:hover{background:var(--night);box-shadow:inset 0 .3rem .5rem #fff6,inset 0 -.1rem .3rem #000000b3,inset 0 -.4rem .9rem #ffffffb3,0 3rem 3rem #0000004d,0 1rem 2rem -.6rem var(--energy);color:var(--moon);text-shadow:0 2px 0 var(--vapor)}#start:hover .wrap:before{transform:translateY(-5%)}#start:hover .wrap:after{opacity:.4;transform:translateY(5%)}#start:hover .wrap p{transform:translateY(-4%)}#start:active{box-shadow:inset 0 .3rem .5rem #ffffff80,inset 0 -.1rem .3rem #000c,inset 0 -.4rem .9rem #fff6,0 3rem 3rem #0000004d,0 1rem 1rem -.6rem #000c;transform:translateY(4px)}#guiPlayerUnitFrame{left:.5rem}#guiTargetUnitFrame{left:28rem}#guiTargetUnitFrame.small{left:25rem}#guiTargetUnitFrame.large{left:38rem}#guiActionBar{background:url(http://localhost:3000/images/action-bar.png) bottom/contain no-repeat;border:none;bottom:0;display:block;height:179.6875px;height:var(--actionBarHeight);left:calc(50% - 431.64063px);left:var(--actionBarLeft);right:auto;top:auto;width:832.8125px;width:var(--actionBarWidth)}#guiActionBar.small{height:138.13814px;height:var(--actionBarHeightSmall);left:calc(50% - 331.83183px);left:var(--actionBarLeftSmall);width:640.24024px;width:var(--actionBarWidthSmall)}#guiActionBar.large{height:230px;height:var(--actionBarHeightLarge);left:calc(50% - 552.5px);left:var(--actionBarLeftLarge);width:1066px;width:var(--actionBarWidthLarge)}
/*# sourceMappingURL=main.ba1ff57b.css.map*/