@font-face{font-family:font;src:url(/bitwise.ttf)}body{background-color:#161616;color:#fff;font-family:font;-webkit-user-select:none;user-select:none;overflow:hidden}h1{text-align:center;font-size:3em;line-height:0;top:10px;position:relative}#kernel{display:none}#topright p{margin-top:10px}#center{width:100%;display:flex;align-items:center;justify-content:center}#title-desc{text-align:center;font-size:1em;top:10px;position:relative}#canvas{position:absolute;left:0;top:0}#topright{position:absolute;right:5px;top:5px;background-color:#32323280;padding:10px;border:2px solid rgba(255,255,255,.5);border-radius:20px}#controls{position:absolute;z-index:10;left:20px;bottom:5px;width:80px;height:30px;background-color:#32323280;border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:10px;transition:all .5s ease}#controls:hover{width:325px;height:335px}#controls span{position:absolute;left:20px;bottom:15px}#controls p{opacity:0;position:relative;bottom:15px;transition:all .5s ease;width:325px;line-height:20px;translate:-50% 0;scale:0}#controls:hover p{opacity:1;scale:1;translate:0 0;transition:all .5s ease}#bottomright{position:absolute;right:5px;bottom:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#32323280;border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:10px}#bottomright p{text-align:center;margin-top:0}input{background-color:#161616;border:2px solid white;border-radius:8px;color:#fff;text-align:center;font-family:font}button{background-color:#007fff;border-radius:20px;border:none;color:#fff;border:2px solid white;transition:all .2s ease-in-out;width:100%;height:100%;font-family:font}button:hover{width:90%}button:active{width:80%}#stats{position:absolute;z-index:3;top:5px;left:5px;background-color:#32323280;border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:5px 10px}.category{background-color:#32323280;border:2px solid rgba(255,255,255,.5);border-radius:10px;margin:5px 0;padding:10px 5px;transition:all .5s ease,filter .3s ease,scale .3s ease}.category:hover{filter:brightness(1.1);scale:1.025}.category div{opacity:0;transition:all .5s ease;display:flex;flex-direction:column;justify-content:flex-start}.category div p{display:block;font-size:0;margin:0;line-height:0px;transition:all .5s ease}.expand{background-color:#4b4b4b80}.expand div{opacity:1}.expand div p{font-size:15px;line-height:20px}#tools{position:absolute;padding:5px;top:50%;left:0;display:flex;flex-direction:column;gap:5px;translate:0 -50%;z-index:2}#tools div{width:75px;height:75px;border-radius:30px;background-color:#32323280;border:2px solid rgba(255,255,255,.5);background-size:75%;background-position:center;background-repeat:no-repeat;scale:1;transition:all .3s ease;z-index:2}#tools div:hover{scale:.95;filter:brightness(1.1)}#tools .stable:hover,#tools .content:hover{scale:1;filter:brightness(1)}#tools #browse.stable:hover,#tools #browse.content:hover{filter:brightness(1.1)}#tools div:active{scale:.8;filter:brightness(1.2)}#tools div .title{position:absolute;left:50%;top:50%;width:200px;translate:0 -50%;opacity:0;transition:all .3s ease;z-index:1}#tools div:hover .title{left:calc(100% + 10px);opacity:1}#tools .stable:hover .title,#tools .content:hover .title{left:50%;opacity:0}#edit{background-image:url(/edit.png)}#upload{background-image:url(/upload.png)}#browse{background-image:url(/browse.png)}#capture{background-image:url(/capture.png)}#tools div .toolDiv{position:absolute;left:50%;top:50%;translate:0 -50%;width:150px;height:125px;display:flex;flex-direction:column;gap:5px;padding:10px;opacity:0;scale:0}#tools div #browseDiv{width:500px;height:500px}#tools .stable .toolDiv,#tools .content #browseDiv{opacity:1;scale:1;left:calc(100% + 10px)}#tools .stable #browseDiv{opacity:0;scale:0;left:50%}#tools .toolDiv:hover{filter:brightness(1)}#tools button,#browseCategories button{width:100%;height:50%;border:1px solid white}#tools input,#browseCategories input{height:50%;border:1px solid white;border-radius:10px}#tools button:hover,#browseCategories button:hover{scale:.95;filter:brightness(1.2)}#tools button:active #browseCategories button:hover{scale:.85;filter:brightness(1.2)}#cUploadBtn,#bCreaturesBtn{background-color:#007fff80}#cCopyBtn,#bWorldsBtn{background-color:#00ff0080}#cCancelBtn,#bSearchBtn{background-color:#ff000080}#browse #browseDiv #browseElements{width:175px;height:100%;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;align-items:flex-start;border:none;padding:5px}#browse #browseDiv div:hover{scale:1;filter:brightness(1)}#browseElements div{width:100%;height:35px;flex-shrink:0}#browse #browseElements div:hover{scale:1 1.2}#browseElements div span{font-size:15px;color:#fff;font:font;opacity:1;position:absolute;left:10px;width:100%;top:50%;translate:0 -50%}#browse #browseDiv #elementContent{position:absolute;right:10px;width:300px;height:calc(100% - 25px)}#elementContent h3{text-align:center}#elementCanvas{width:200px;height:200px;position:absolute;left:50%;translate:-50% 0;border-radius:10px;border:2px solid rgba(255,255,255,.5)}#browse #browseDiv #elementButtons{width:calc(100% - 20px);height:150px;position:absolute;top:275px;padding:10px;border:none;background-color:#0000}#browse #browseDiv #elementButtons button{position:absolute;left:50%;translate:-50% 0;width:70%;height:30px}