:root{--background: #483E33EE;--background-dark: #372E22;--text: #FF981F;--text-light: #e0c8b1;--text-white: #ffffff;--input-shadow-colour: #261D11;--button-background: #554C41;--button-border-colour: #2E2B23;--shadow: black 1px 1px 1px;--ui-box-width: 12.5rem}@font-face{font-family:Runescape;src:url(/assets/runescape-CIf2pY1J.ttf) format("truetype")}@font-face{font-family:RunescapeBold;src:url(/assets/runescape_bold-DXo8PFaF.ttf) format("truetype")}body{margin:0;overflow:hidden;background-color:#000;font-family:Runescape,Arial,Helvetica,sans-serif;font-size:1.25rem;text-shadow:var(--shadow);color:var(--text)}input,button{font-family:Runescape,Arial,Helvetica,sans-serif;font-size:1.25rem;text-shadow:var(--shadow);color:var(--text);background-color:var(--background-dark)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.25rem;margin:.25rem;border-radius:.25rem;cursor:pointer;background-color:var(--button-background);border:1px solid var(--button-border-colour)}button:hover{outline:1px solid grey}button.selected{border-width:2px;border-color:#d3d3d3}body *{box-sizing:border-box}strong,.bold,.selected{font-weight:unset;font-family:RunescapeBold,Arial,Helvetica,sans-serif}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.ui-box{background-color:var(--background);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAA8BAMAAAAQ3mBLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJUExURUg+M0lANEY9MjYgMggAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAA8nYBAOgDAADydgEA6AMAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAAArIfcnPEIHlAAAAgtJREFUSMeFltthwyAMRSVNIDoBZf8ha9AbsJuP2CHHF6GnAeYHeV1aa36z7p4LHB9dMxZbfG4wCwRAQ4Tf6QSPHS74eP42Y5+vAQeccIXV3MPm05YWdL8+wFd4ni+t3aRjgfq/MNoCDYFxh292jNHhanQLDBWmBFead9N4urFHruwwFmUy2AJ6g1nWHW53WPaypBwLfjHRHrdnJqybvKQqWpo3cmFzK27KehqH3YvVEA9KSzAYrD68RdBgtWI5phpiKfncocKQYMkTDOmhMGzwzxCYBlR4Oc9gDHiegHxFK27+xCvcK7ylfxMbV9xVO+CxFZF6fMK9zy9yGA5YPc5SijSS8wDGVssstyDxo6TCCU5mgMNQ4CjlZAbEwTFikp/PcF6M+EVDuSdMzmYKX6Qsv8KlRxz1s8OpR5QOsVaotGl+hdsJgzeUa6ea6Zkz6BPeojrG/YBxxvhFkn9XeGlnzxfhc4hwPl0VvsynGpAK4wdM1YpPadByBP6Uln5KasVc4Fdp9nq0ThXiyQGNUWA0k2VniJnqMMskkFJXX5j7t6z2CSFjRCJig5K2FKmwTjAbBw9c2qvDcuXI1oCpp3lPvw638o/4fBkTKWkw5Dls+ReGzVxIMFiX0oXh0be9inJzZdDy7P5uJE072ezSFr4eUREYve+pIB7vbAp3f3dMgld47ZN2t83nW8Uf3bp0ULO9MFIAAAAASUVORK5CYII=);background-repeat:repeat;image-rendering:pixelated;border-color:var(--button-border-colour)}.border-trimmed{border-width:8px;border-style:solid;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAMAAADy+wKBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoUExURa+qmq2pk1dQQGphTHVrWX11Y4d/bHdwX4J4ZZCJdmBZSmxkU3BpVKKajJaMekg6KE9INktAK1JLO1tTRY6HdmdgUrWzq7CspSokFTEqG0A5KDgyJm9pXT41KSAWCAAAASwnGDApG2tkUSkkGF1WSSgkGFhSRU9KPnRuYCsmG2lhU19XSm1nWCYhFmFbTmVfUVtWRi0nG2BbSWdgUL25r395b0A2LAAAAGPYgMYAAAA4dFJOU/////////////////////////////////////////////////////////////////////////8AO1wRygAAAAlwSFlzAAAuIgAALiIBquLdkgAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIDUuMS45bG7aPgAAALZlWElmSUkqAAgAAAAFABoBBQABAAAASgAAABsBBQABAAAAUgAAACgBAwABAAAAAgAAADEBAgAQAAAAWgAAAGmHBAABAAAAagAAAAAAAADfkwQA6AMAAN+TBADoAwAAUGFpbnQuTkVUIDUuMS45AAMAAJAHAAQAAAAwMjMwAaADAAEAAAABAAAABaAEAAEAAACUAAAAAAAAAAIAAQACAAQAAABSOTgAAgAHAAQAAAAwMTAwAAAAADc0Mpgg8rMCAAACrElEQVRIS6VXi3bbIAwlimtiEQcFSmM33nvrHu267tHl//9sRwLn4bMdH5hygmWUiwy5Mlx1UAs2WFZXtdZ1tWqq1clv0Jg1fyqzjO1VrUEQ7UGpdtM0TWMpmd260SX0SMBX7nIUWyLLgOs6qMXmZqe1JQBIX74k38VxTqMRccRqfbNDUIsGrbYACJ4xYme+B3B4DIxmNVrBam299x59QAzIduH72PBPpJWI1TpiLXZ91/W3fd/33Z6b5HNv13Vdv+/4JrZd3/eI+0GwFkL/Is80uT2CAp5rLrYmgJevlKYCrICMqolKnhkAg7oi8P52GpyxNTrGVkT5z2wcgR/Umgj862lwxlJeGWI/Dc6YIUJEJUO8mQZn7C2RQ1QyxLtpcMbe80SR5+vwwzQ4Y3c8UckLPhf7kcjzWkEB9pN3gKiQh/g8Dc7YFy7yoBpe59y890woVCsEyM77QAAhcfLrNDhjj2MdAYTcvIINsX5zsQ9cuKYM+40LV8faz8Xex2f+n/+3iM+PxzrK5+RTrKMiPgPXUeF872Lecj6HMj6n+RbxWd4bQxmfn+I7toiTd/EdK9jv0+CM/YjcED7nvp9/xrUq2suEULzOBfuvECqoJQH6bhqcMSEUqlVJXiFUUJUr2H+FUKg224K8QqhU+7l7dzqrSO0XYdNelosVQplY+7nzFUJpZbbksrFCqKD0Flz2MwuhUP3akcNcXmki9zyoRdNO1+r3xd3fbE3UxvNzi8bok8DYnImNahU1h0gOsxxVRwVtOnvrlgXFaBdig0SDoPPS50bVQW06t9/sdEtnAuNcbCT3OFp0oE1a45oP/637l9iIliRHUh2c1XpQ7SCS4nkUGKIwjmKD72KPP379c+xw6oCSYggYtAkmDEMIo498x5ekWbgDAw6S3B3+ANc+O58yqUU3AAAAAElFTkSuQmCC);border-image-slice:8;border-image-repeat:repeat;padding:6px}.border-strong{border-width:6px;border-style:solid;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC7ElEQVRYhe2Yz27bOBDGf7Zkky4TU0WcKt1Limab9k0K5Kn2qQrsm7Q9NbeoUAGyG1aiRdt7UMlGzi66LuAgC/g7fhrMDOavhqP5/GjDI0IOUJbPaJoG5xwAi8UC4B+5iLquAVBKMZvNfkl+m6uqz4zvKlJKAWCMIc/ze5wQAiEExpikyDlHnuc7y29zTdMAkAkx/SOEgFKKi98vkFKSZRnr9Zr1asWry1eJk1IyHo/JsozT01Oe//Ycawz5ZLKzvJQycbe3tzjn2Gw2fcoAnHNYY3HOobWmbVuapuFL/QXvPVrrFH6tNdZaQghkeY4QIqXsv8pLKbHWJtsRo/n8aFOWzzDGUBQFWmvOX7zgm3NMJlP80iOmgsl0MqiJbtmlb123BNhJ/olSXH/6hLU22a6qzz8itFgsCCHQti3fnOPduz9H7BFXV283bdsObMP3LotFLYWgaRpevrzYpy9AH01jDKsQaL1PzTAGUndcvnlNURT4pd+7Q37pKYqCyzevU6clh6JT1li87/O8b4ipwHufGiliDH0O4xzRWt8ryH1gMp2gtU5zKQ7SVNRlWZLn+b8q2BeUUgjRRwvupOyxIDlUVdUglw8F5xxVVQ0dquuauD6stXTLbu+OdMsOay1KKUIIadGmCCml0IXu8/lAbS+EQBc6zaDkUJwDH99/6Lf0A7W9MYaP7z8M/hJygNlsxvHxMSEEhPixm/aJrlv2Q9h7iqdPCSHw9etfj6/LDrss4rDLfobDLvtVHHZZxGGX/Qz/m12W+ryua4qiQErJE6W4unq72fehKKXEe59sw/fLNcv6Ujo/Px+c0vGi3D6NAay16SEhKttFPp7SSimur68BWK3W94s6dpr3nlUInCxOEhdCIISQFJ0sTliFgPd+Z/nIbRf1aD4/2sznx6mw7o7ym5ubAVeWJdDPrDgmnHOcnZ0B7CR/d9RE2+l/aDabDTZuURQD4cjFSMQURUUxErvIb3PxEWv02J70/gboGMSnZ0SYRAAAAABJRU5ErkJggg==);border-image-slice:6;border-image-repeat:repeat;padding:8px}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--background-dark);padding:.5rem;border:none;box-shadow:inset 4px 4px var(--input-shadow-colour);font-family:RunescapeBold;clip-path:polygon(0px calc(100% - 4px),2px calc(100% - 4px),2px calc(100% - 2px),4px calc(100% - 2px),4px 100%,calc(100% - 4px) 100%,calc(100% - 4px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 4px),100% calc(100% - 4px),100% 4px,calc(100% - 2px) 4px,calc(100% - 2px) 2px,calc(100% - 4px) 2px,calc(100% - 4px) 0px,4px 0px,4px 2px,2px 2px,2px 4px,0px 4px)}.layers[data-v-4632ebd3]{margin:.5rem -.25rem}.layers .layer-container[data-v-4632ebd3]{position:relative}.layers .layer-container .layer[data-v-4632ebd3]{display:grid;grid-template-columns:1.5rem 1fr auto;grid-template-areas:"checkbox label button";align-items:center;cursor:pointer;padding:.125rem 0}.layers .layer-container .layer input[type=checkbox][data-v-4632ebd3]{grid-area:checkbox;margin:0 .25rem;height:100%;display:none}.layers .layer-container .layer input[type=checkbox]+label[data-v-4632ebd3]{cursor:pointer;margin-inline-start:.25rem}.layers .layer-container .layer input[type=checkbox]:checked+label[data-v-4632ebd3]:before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbUExURQAAAIp3V6eMXQwMCgD+ABoaGjaqRnFjUAAAAGjTSykAAAAJdFJOU///////////AFNPeBIAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABMz8BIJY/XoAAAAF5JREFUKFNd0EESwEAERFFMN3P/E6dEipn8nbeCbPm1RdSuVETM9MgsKb3TJFVZXU5JDcAaYgb4UMtNgHMIKCGbHCgZon/SRNJLyKHupdDa4W1pJMV5diRJXNXH7vYD2QEDTXrT5zEAAAAASUVORK5CYII=)}.layers .layer-container .layer input[type=checkbox]:not(:checked)+label[data-v-4632ebd3]:before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAVUExURQAAAIp3V6eMXQwMChoaGnFjUAAAAL/i/CQAAAAHdFJOU////////wAaSwNGAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGHRFWHRTb2Z0d2FyZQBQYWludC5ORVQgNS4xLjlsbto+AAAAtmVYSWZJSSoACAAAAAUAGgEFAAEAAABKAAAAGwEFAAEAAABSAAAAKAEDAAEAAAACAAAAMQECABAAAABaAAAAaYcEAAEAAABqAAAAAAAAAGAAAAABAAAAYAAAAAEAAABQYWludC5ORVQgNS4xLjkAAwAAkAcABAAAADAyMzABoAMAAQAAAAEAAAAFoAQAAQAAAJQAAAAAAAAAAgABAAIABAAAAFI5OAACAAcABAAAADAxMDAAAAAATM/ASCWP16AAAABPSURBVChTldBJCsBACETRcrz/kUOlSasNCeTvfOBCkThKQHQkAFSlpUqi74QkAttxIpWYFfldpyW0D3rE/R+VuL9RzMUgRT87SIjR+tgsL6A0AscZMHDPAAAAAElFTkSuQmCC)}.layers .layer-container .layer .layer-label[data-v-4632ebd3]{grid-area:label;line-height:2rem;padding-left:.25rem}.layers .layer-container .layer button[data-v-4632ebd3]{grid-area:button;margin-block:0}.layers .layer-container .layer[data-v-4632ebd3]:hover{-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2)}.layers .layer-container .layer.selected[data-v-4632ebd3]{-webkit-backdrop-filter:brightness(1.3);backdrop-filter:brightness(1.3)}.help-tips[data-v-d741c6d5]{font-size:.9em}.help-tips .help-tip[data-v-d741c6d5]{margin-bottom:.25rem}.key[data-v-d741c6d5]{display:inline-block;padding:.25rem;margin:0 .05rem;min-width:1.3rem;text-align:center;background-color:var(--background-dark);border:1px solid var(--button-border-colour);border-radius:4px;line-height:1em;font-size:.9em}.colour-buttons[data-v-ea0cc409]{display:grid;grid-template-columns:repeat(5,2rem);grid-auto-flow:row;padding:.25rem}.colour-selector-container[data-v-ea0cc409]{position:relative}.colour-selector-container[data-v-ea0cc409]:after{content:"+";position:absolute;width:1rem;height:1rem;top:.375rem;left:.75rem;pointer-events:none}input[type=color][data-v-ea0cc409]{padding:0;height:unset;display:inline-block;cursor:pointer;border:1px solid var(--button-border-colour)}button[data-v-ea0cc409],input[type=color][data-v-ea0cc409]{width:100%;aspect-ratio:1;border-radius:0;margin:auto}button[data-v-ea0cc409]:hover,input[type=color][data-v-ea0cc409]:hover{border:1px solid var(--text-white)}.tile-selector[data-v-7ad73dc0]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.tile-selector button[data-v-7ad73dc0]{height:32px;width:32px;margin:.25rem auto}.tile-selector button img[data-v-7ad73dc0]{height:100%}.wall-selector[data-v-56e55ea0]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.wall-selector button[data-v-56e55ea0]{height:32px;width:32px;margin:.25rem auto}.wall-selector button img[data-v-56e55ea0]{height:100%}.colour-button[data-v-56e55ea0]{height:1.5rem;width:1.5rem;border-radius:1rem;margin:auto}.colour-button-container[data-v-56e55ea0]{margin-top:.5rem;display:grid;grid-auto-flow:column}.selected-option[data-v-78cac47e]{background-color:var(--background-dark);border-radius:.25rem;border:1px solid grey;width:100%;padding:.25rem;margin:.5rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}.selected-option[data-v-78cac47e]:hover{outline:1px solid gray}.option-sprite[data-v-78cac47e]{position:relative;top:2.5px;padding-bottom:.25rem;width:32px;display:block;margin:0 auto;image-rendering:pixelated;filter:drop-shadow(0 0 8px #fff6)}.option-text[data-v-78cac47e]{display:block;width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden}.selector-popover[data-v-78cac47e]{position:absolute;margin-right:calc(var(--ui-box-width) + 1rem);right:0;top:10vh;background-color:var(--background);box-shadow:var(--shadow);border-radius:.1rem;height:80vh;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.selector-popover .option-group[data-v-78cac47e]{padding:1rem 0;margin:0 1rem}.selector-popover .option-group .option-group-title[data-v-78cac47e]{font-size:1.25rem;text-align:center;cursor:default}.selector-popover .option-group .option-group-options[data-v-78cac47e]{grid-template-columns:repeat(5,1fr);display:grid}.selector-popover .option-group .option-group-options .selector-option[data-v-78cac47e]{padding:.5rem;cursor:pointer;white-space:nowrap;width:3rem;height:3rem;display:grid;align-content:center}.selector-popover .option-group .option-group-options .selector-option[data-v-78cac47e]:hover{background-color:#aaab}.selector-popover .option-group[data-v-78cac47e]:not(:last-child){border-bottom:1px solid gray}input[data-v-8bd316ef]{max-width:100%;margin-bottom:.5rem}.size-buttons[data-v-8bd316ef]{display:grid;grid-template-columns:1fr 1fr 1fr}.erase-toggle[data-v-0210c7cd]{margin:auto;width:fit-content}.erase.selected[data-v-0210c7cd]{color:#c22525}.title[data-v-9466647f]{display:block;font-size:2rem;text-align:center}.subtitle[data-v-9466647f]{font-weight:300;text-align:center}.ui-box[data-v-9466647f]{box-shadow:var(--shadow);background-color:var(--background);padding:.25rem;margin:1rem 0}.side-menu-left[data-v-9466647f]{position:absolute;left:1rem;width:var(--ui-box-width);-webkit-user-select:none;user-select:none}.side-menu-right[data-v-9466647f]{position:absolute;right:1rem;width:var(--ui-box-width);-webkit-user-select:none;user-select:none}.save-load[data-v-9466647f]{display:grid;grid-template-columns:1fr 1fr;align-items:center}.export[data-v-9466647f]{display:grid;justify-content:center}.loading[data-v-9466647f]{text-align:center;margin:1rem 0}canvas[data-v-0e85d6c0]{cursor:crosshair}canvas.ui[data-v-0e85d6c0]{opacity:60%}.fps{position:absolute;bottom:0;left:0;opacity:.25;padding:.5rem;font-family:Courier New,Courier,monospace;font-size:.75rem;color:#fffa;pointer-events:none}.separator{margin-top:.5rem;padding-bottom:.75rem;border-top:1px solid grey}.slider{width:100%}.tool-selector{margin-top:.251rem}.tool-selector .buttons{display:grid;grid-auto-flow:row}.tile-selector,.wall-selector{display:grid}canvas{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}