*{box-sizing:border-box}@font-face{font-display:swap;font-family:BetterPixels;src:url(5c0762287dfcd2fcb279.ttf)}body{background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;user-select:none}h1,h2,h3,h4{margin:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}p{white-space:pre-wrap}#gamedisplay{left:0;position:fixed;top:0;z-index:5}.tooltip-overlay{background:linear-gradient(#2b2b2b,#181818);border-image-outset:16px;border-image-repeat:round;border-image-slice:256 fill;border-image-source:url(544307a2103b7d9dc967.png);border-image-width:64px;border-radius:5px;font-size:x-large;margin-bottom:30px;max-width:512px;min-height:128px;min-width:128px;padding:15px;position:fixed;z-index:1000}.hp-bar{background:linear-gradient(180deg,#45484d 0,#000);border:3px solid #ccc;border-bottom:none;border-top:none;height:20px;padding:3px 0;position:relative}.hp-bar .inner-bar{background:linear-gradient(135deg,#fceabb,#fccd4d 50%,#f8b500 51%,#fbdf93);height:100%;position:relative;z-index:1}.hp-bar .trail{background:#fff;bottom:3px;left:3px;position:absolute;top:3px;transition:width .3s;width:100%}.infobox{position:fixed;top:0;width:40%;z-index:10}.infobox.left{left:10px}.infobox.right{right:10px;text-align:right}.infobox .unit-name{display:flex;flex-direction:column;font-size:x-large;justify-content:center;padding:5px}.infobox .resource{flex:1;margin-left:5px}.infobox .resource p{margin:0}.right .infobox{flex-direction:row-reverse}.right .infobox .inner-bar{background:linear-gradient(135deg,#e6f0a3,#d2e638 50%,#c3d825 51%,#dbf043);float:right}.right .infobox .unit-name{text-align:right}.right .infobox .right-side{padding-right:0}.right .infobox .buff-bar{flex-direction:row}.right .infobox .hp-bar .trail{left:auto;right:3px}.right .infobox .resource{text-align:right}.right .infobox .extra-info{flex-direction:row-reverse}.infobox .buff{display:inline-block;margin:5px}.infobox .buff img{border-radius:16px;max-height:32px;max-width:32px}.window{position:fixed}.cooldown{position:relative}.cooldown-aftereffect{filter:grayscale(100%);opacity:.5;top:0;z-index:-1}.cooldown-aftereffect,.cooldown-effect{bottom:0;left:0;position:absolute;right:0}.cooldown-effect{background-color:#000;opacity:0;z-index:10}@keyframes cooldown{0%{clip-path:polygon(50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0,50% 0);opacity:.5}12%{clip-path:polygon(50% 50%,50% 0,100% 0,100% 0,100% 0,100% 0,100% 0)}37%{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,100% 100%,100% 100%,100% 100%)}62%{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 100%,0 100%)}87%{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,0 0)}to{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0,50% 0);opacity:1}}.slot{background:url(4336edc217d3bad75981.png);height:64px;margin:2px;width:64px}.slot .stats span{display:block}.inventory{background:linear-gradient(180deg,#2f312c,#26241e);border:5px solid #1d1910;padding:90px 5px 5px}.inventory .title:before{background:url(04ad60c869ea1de7a898.png);content:"";height:128px;left:-30px;position:absolute;top:-51px;width:344px;z-index:5}.inventory .title h1{align-items:center;background:url(a24c7267b58723765828.png) repeat-x;display:flex;height:47px;left:150px;margin:0;padding-left:20px;position:absolute;top:-5px;z-index:2}.inventory .title h1:before{background:url(6df54265b7a9474ec367.png);content:"";height:100%;left:-17px;position:absolute;top:0;width:17px}.inventory .title h1:after{background:url(4f8b0a6b60dabbf9d34f.png);content:"";height:100%;position:absolute;right:-35px;top:0;width:35px}.inventory .categories .active img{filter:grayscale(0)}.inventory .categories img{filter:grayscale(75%);margin:8px;max-height:32px;max-width:32px;transition:filter .2s}.inventory .slots{display:flex;flex-wrap:wrap;max-width:550px}.inventory .slot{background:url(4336edc217d3bad75981.png);height:64px;margin:2px;width:64px}.inventory .tooltip{display:inline}.italic{font-style:italic}.dialog{background:url(c0e6865f5e24fc177857.png) no-repeat;background-size:cover;border-image:url(6d53fa91ac7067f916e9.png) 0 fill;max-width:400px;padding:10px 30px}.dialog .title{border-image:url(186d41bfd1a777361ccb.png) 0 fill;color:#ddd;font-size:30px;margin-bottom:10px;margin-top:-30px;padding:5px;text-align:center}.dialog button{border:none;border-image:url(331a4479290726379dfb.png) 0 fill;color:#fff;display:inline-block;margin:auto 5px;padding:5px 10px}.dialog button:focus,.dialog button:hover{opacity:.8}.dialog button:active{opacity:.6}.dialog .choices{margin:10px;text-align:center}.container{background:linear-gradient(#2b2b2b,#181818);border-image-outset:16px;border-image-repeat:round;border-image-slice:256 fill;border-image-source:url(544307a2103b7d9dc967.png);border-image-width:64px;padding:30px}.container .title:before{background:url(3fccb668fc1bf69a6554.png);content:"";height:133px;left:-40px;position:absolute;top:-40px;width:128px;z-index:5}.container .title h1{align-items:center;color:transparent;display:flex;height:57px;left:0;margin:0;padding:0 50px;position:absolute;right:0;top:-27px;z-index:2}.container .categories .active img{filter:grayscale(0)}.container .categories img{filter:grayscale(75%);margin:8px;max-height:32px;max-width:32px;transition:filter .2s}.container .slots{display:flex;flex-wrap:wrap;max-width:550px}.container .slot{background:url(4336edc217d3bad75981.png);background-size:contain;height:64px;margin:2px;width:64px}.container .slot.ghost{background:none}.container .tooltip{display:inline}.shortcut{display:inline-flex;min-height:24px;min-width:24px;text-align:center}.shortcut .key{background:#fff;border-bottom:4px solid #444;border-radius:10px;color:#000;flex-direction:column;font-size:20px;justify-content:center;margin-left:5px;padding:0 5px;transition:transform .2s,background .2s,border-bottom .2s}.shortcut.active .key{background:#ddd;border-bottom:2px solid #222;transform:translateY(2px)}.shortcut.edit .key{border-bottom:1px solid #111;font-size:larger}.shortcut.absolute{bottom:-6px;position:absolute;right:-6px}.shortcut:focus{outline:none}.shortcut-parent{position:relative;text-align:center}.options{background:linear-gradient(#2b2b2b,#181818);border-image-outset:16px;border-image-repeat:round;border-image-slice:256 fill;border-image-source:url(544307a2103b7d9dc967.png);border-image-width:64px;min-width:700px;padding:60px 30px 30px}.options .title h1{align-items:center;display:flex;height:57px;left:-30px;margin:0;padding:0 50px;position:absolute;right:0;top:0;z-index:2}.options .categories b,.options .categories span{cursor:pointer;display:inline-block;font-size:24px;margin:10px}.options .tab-content{height:320px;overflow-y:auto}.options h4{background:#181818;margin-top:20px;padding:10px;position:sticky;top:0;z-index:20}.options h4:first-child{margin-top:0}.options .control{display:flex;margin:10px}.options .control>div,.options .control>span{flex:1 0 0}.equipment{background:linear-gradient(180deg,#2f312c,#26241e);border:5px solid #1d1910;padding:90px 5px 5px}.equipment .title h1{align-items:center;background:url(a24c7267b58723765828.png) repeat-x;display:flex;height:47px;left:5px;margin:0;padding-left:20px;position:absolute;top:-5px;z-index:2}.equipment .title h1:before{background:url(6df54265b7a9474ec367.png);content:"";height:100%;left:-17px;position:absolute;top:0;width:17px}.equipment .title h1:after{background:url(4f8b0a6b60dabbf9d34f.png);content:"";height:100%;position:absolute;right:-35px;top:0;width:35px}.equipment .slots{display:flex}.equipment .slots>.stats{min-width:200px;padding:20px}.equipment .slots>.stats span{display:block}.equipment .tooltip{display:inline}.spellbox{bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;left:0;position:fixed;right:0;z-index:10}.spellbox .spell{margin:5px;position:relative}.spellbox .spell img{border-radius:32px;height:64px;max-height:100%;max-width:100%;width:64px}.chat{bottom:0;display:flex;left:0;margin-bottom:48px;max-width:100%;padding:5px;position:fixed;user-select:text;width:300px;z-index:10}.chat pre{align-self:flex-end;flex:1;max-height:100%;overflow-x:hidden;overflow-y:hidden}.chat span{animation-delay:2s;animation-duration:3s;animation-fill-mode:backwards;animation-name:fadeout;display:block;opacity:0;padding:2px}.chat input,.chat span{background:rgba(0,0,0,.4)}.chat input{border:none;bottom:-36px;color:#fff;display:inline-block;height:20px;left:5px;padding:5px;position:absolute;right:5px;visibility:hidden;width:100%;width:calc(100% - 10px)}.chat.active pre{overflow-y:auto}.chat.active span{animation-duration:0s;opacity:1}.chat.active input{visibility:visible}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.menu-icon{bottom:20px;display:flex;flex-direction:row;position:fixed;right:20px;z-index:10}.menu-icon>span{margin:0 8px}.menu-icon img{max-height:92px;max-width:64px}