@charset "UTF-8";@font-face{font-family:Extra Thick;src:url(/fonts/Extra_Thick.ttf)}@font-face{font-family:Monocraft;src:url(/fonts/Monocraft.ttf)}:root{--background-rgb: 0, 0, 0;--font-size: 14px;--terminal-font-size: var(--font-size);--primary-colour: #5384f9;color-scheme:dark}@media (prefers-color-scheme: dark){:root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}body{font-family:monospace;overflow-x:hidden;padding:0;margin:0;color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));font-size:1rem;z-index:-2}button,input,textarea,a,p{font-family:inherit;color:inherit;margin:0;padding:0;outline:0;border:0;font-size:inherit}button,a,input[type=checkbox]{text-decoration:none;cursor:pointer}img{image-rendering:pixelated}::selection{background-color:#fff;color:#000}.sliding-background{position:absolute;background:url(/images/background.png);height:100%;width:300%;background-size:2%;animation:slide 60s linear infinite;z-index:-1}@media screen and (max-width: 768px){.sliding-background{background-size:20vw;animation:slide 30s linear infinite}}@keyframes slide{0%{transform:translateZ(0)}to{transform:translate3d(-30%,0,0)}}.home{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-x:hidden;margin:0}.home .navbar{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;background-color:#181818a9;color:#fff;z-index:1000}.home .navbar .logo{padding:0 20px;height:40px;display:flex;align-items:center;justify-content:center;gap:10px}.home .navbar .logo img{height:66px;object-fit:contain}.home .navbar .logo span{font-size:24px;white-space:nowrap;text-transform:uppercase}.home .navbar ul{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;list-style:none;margin:0;padding:0 10px;font-size:16px;gap:20px}.home .navbar ul li a{display:flex;align-items:center;justify-content:center;padding:10px 30px;background-color:#252525;text-align:center;vertical-align:center;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}.home .navbar ul li a:hover,.home .navbar ul li a:focus{background-color:#353535}.home .navbar ul li a:focus{outline:3px solid white}.home .navbar ul li a.play{background-color:#5384f9bb}.home .navbar ul li a.play:hover,.home .navbar ul li a.play:focus{background-color:#5384f9}@media screen and (max-width: 768px){.home .navbar{justify-content:center}.home .navbar ul{display:none}}.home .hero{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-direction:column;text-align:center;height:100vh;display:flex;align-items:center;justify-content:center}.home .hero img{width:100%}.home .hero .buttons{display:flex;align-items:center;justify-content:center;height:fit-content;gap:20px;margin-top:50px;flex-wrap:wrap}.home .hero .buttons a{display:flex;align-items:center;justify-content:center;width:250px;height:70px;text-align:center;vertical-align:center;font-size:24px;text-transform:capitalize;color:#fff;clip-path:polygon(18px 0%,100% 0%,100% calc(100% - 18px),calc(100% - 18px) 100%,0% 100%,0% 18px)}.home .hero .buttons a:hover,.home .hero .buttons a:focus{opacity:1}.home .hero .buttons .play{background-color:#5384f9bb}.home .hero .buttons .play:hover,.home .hero .buttons .play:focus{background-color:#5384f9}.home .hero .buttons .discord{background-color:#333b}.home .hero .buttons .discord:hover,.home .hero .buttons .discord:focus{background-color:#333}.home .content{width:90%;max-width:800px;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#111;position:relative;padding:30px;margin:20px 0 100px;box-sizing:border-box;clip-path:polygon(30px 0%,100% 0%,100% calc(100% - 30px),calc(100% - 30px) 100%,0% 100%,0% 30px)}.home .content h1{font-size:36px;margin:10px}.home .content h2{font-size:28px;margin-bottom:10px}.home .content ul{margin:0;padding:0 30px}.home .content ul li{margin:10px 0}.home .content ul li a{color:#0af}.home .content ul li a:hover,.home .content ul li a:focus{text-decoration:underline}.home .footer{width:100%;text-align:center;padding:10px;background-color:#181818;color:#fff;font-size:14px}.home .footer a{text-decoration:none}.home .footer a:hover,.home .footer a:focus{text-decoration:underline}@media screen and (max-width: 768px){.home .hero .title{font-size:40px}.home .hero .desc{font-size:18px}.home .content{width:100%;padding:20px}.home .content h1{font-size:28px}.home .content h2{font-size:22px;margin-bottom:5px}}.login-page{position:relative;display:flex;align-items:center;justify-content:center;overflow-x:hidden;margin:0}.login-page .login{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;text-align:center}.login-page .login .title{font-size:80px;text-transform:uppercase}.login-page .login .logo{display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;color:#fff;width:100%}.login-page .form-wrapper{width:50%;min-width:350px;height:50%;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#181818;position:relative;padding:30px;margin-top:20px;box-sizing:border-box;clip-path:polygon(18px 0%,100% 0%,100% calc(100% - 18px),calc(100% - 18px) 100%,0% 100%,0% 18px)}.login-page form{display:flex;align-items:center;justify-content:center;flex-direction:column;height:fit-content;width:100%;position:relative}.login-page form a:hover,.login-page form a:focus{text-decoration:underline}.login-page form span{height:35px;display:flex;margin-bottom:10px;align-items:center;font-size:inherit;width:100%}.login-page form span .icon{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;border:1px #353535 solid;border-right:none;width:32px;font-size:50px;display:flex;align-items:center;justify-content:center}.login-page form input[type=text],.login-page form input[type=password]{background-color:#181818;border:1px #353535 solid;font-size:inherit;padding-left:10px;height:100%;width:100%}.login-page form .nav-buttons{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;display:flex;justify-content:center;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}.login-page form .nav-buttons button{font-size:inherit;background-color:#252525;height:35px;padding:0 10px;width:100%}.login-page form .nav-buttons button:hover,.login-page form .nav-buttons button:focus{background-color:#353535}.login-page .register{margin-top:20px;font-size:inherit}.login-page .register a:hover,.login-page .register a:focus{text-decoration:underline}@media screen and (max-width: 768px){.login-page .login .title{font-size:40px}}.register-page{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;overflow-x:hidden;margin:0;padding:0;height:100vh;width:100%}.register-page .character-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;width:50%;background-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.register-page .character-wrapper #player{width:200px;height:fit-content;display:flex;justify-content:center}.register-page .character-wrapper #player canvas{transform:scaleX(-1)}.register-page .form-wrapper{width:50%;max-width:600px;height:calc(100vh - 60px);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;background-color:#181818;position:relative;margin:30px;padding:30px;box-sizing:border-box;clip-path:polygon(30px 0%,100% 0%,100% calc(100% - 30px),calc(100% - 30px) 100%,0% 100%,0% 30px)}.register-page form{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:400px;position:relative;font-size:var(--font-size);box-sizing:border-box;text-align:center}.register-page form a:hover,.register-page form a:focus{text-decoration:underline}.register-page form span{height:35px;display:flex;justify-content:center;margin-bottom:10px;align-items:center;font-size:inherit;width:100%}.register-page form span .icon{height:100%;border:1px #353535 solid;border-right:none;width:32px;font-size:50px;display:flex;align-items:center;justify-content:center}.register-page form input[type=text],.register-page form input[type=password]{background-color:#181818;border:1px #353535 solid;font-size:inherit;padding-left:10px;height:100%;width:100%}.register-page form input[type=checkbox]{height:16px;width:16px;margin-right:8px;accent-color:#5384f9;color:#fff}.register-page form input[type=checkbox]:focus{outline:1px solid white;outline-offset:2px}.register-page form #tos-checkbox+label{height:35px;display:flex;align-items:center;margin:0;font-size:12px;cursor:pointer}.register-page form #tos-checkbox+label a{color:orange}.register-page form #tos-checkbox+label a:hover,.register-page form #tos-checkbox+label a:focus{text-decoration:underline}.register-page form .nav-buttons{width:100%;bottom:80px;display:flex;justify-content:center}.register-page form .nav-buttons button{font-size:inherit;background-color:#252525;height:35px;padding:0 10px;width:100%;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}.register-page form .nav-buttons button:hover,.register-page form .nav-buttons button:focus{background-color:#353535}.register-page .login{position:absolute;bottom:40px;font-size:inherit}.register-page .login a:hover,.register-page .login a:focus{text-decoration:underline}.register-page #character-customisation span{height:60px;width:100%;display:flex;justify-content:center}.register-page #character-customisation span label{position:absolute;left:10%;font-size:inherit}.game-page{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;height:100vh;width:100vw}.terminal-header{padding:1ch;font-size:1rem;color:#ccc;border-bottom:1px solid #333}.terminal{display:flex;flex-direction:column;color:#fff;font-family:inherit;height:100%;width:100%;padding:.6ch 1ch;box-sizing:border-box;overflow-x:hidden;font-size:1rem;flex:1 1 auto;min-height:0;position:relative;overflow-y:auto}.terminal .line{white-space:pre-wrap;word-break:break-word;min-width:0;flex:0 0 auto;min-height:1em}.terminal .terminal-form{display:flex;align-items:center;width:100%;max-width:100%;min-height:1.1rem;padding:0;margin:0;box-sizing:border-box;white-space:nowrap;overflow:hidden}.terminal .prompt{margin-right:1ch;color:#fff;white-space:nowrap;flex-shrink:0;border:0}.terminal #terminal-input{background-color:transparent;flex:1 1 0%;min-width:0;border:0;color:inherit;outline:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;box-sizing:border-box}.editor .header{padding:1ch;border-bottom:1px solid #333;color:#e3e439;display:flex;align-items:center;justify-content:space-between}.editor .header .title{position:absolute;left:50%;transform:translate(-50%)}.editor textarea{flex:1;width:100%;background-color:#000;color:#fff;font-family:monospace;resize:none;outline:none;padding:.6ch 1ch}.editor .footer{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #333;padding:.6ch 1ch}.editor .footer span{display:flex;align-items:center;padding:.6ch 1ch;gap:1ch}.editor .footer .keybinding{background-color:#333;color:#e3e439;padding:0 .5ch}.editor .footer.save,.editor .footer.quit{flex-direction:column;gap:0}.chat-header{padding:1ch;color:#ccc;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.chat-header .connected{display:flex;align-items:center;color:#34c759}.chat-header .connected:before{content:"🟢";margin-right:6px;font-size:.4rem}.chat-header .disconnected{display:flex;align-items:center;color:#ff3b30}.chat-header .disconnected:before{content:"🔴";margin-right:6px;font-size:.4rem}.chat{display:flex;flex-direction:column;height:100%;width:100%;position:relative;color:#fff;overflow-y:auto}.chat .chat-log-wrapper{flex:1 1 auto;overflow-y:auto;padding:.6ch 1ch;display:flex;flex-direction:column}.chat .chat-input-span{display:flex;align-items:center;padding:.6ch 1ch;z-index:2;border-top:1px solid #333}.chat .prompt{font-size:1rem;white-space:pre}.chat #chat-input{flex:1 1 auto;padding:.6ch 1ch;border:none;font-size:1rem;outline:none;background-color:transparent}.display{width:640px;aspect-ratio:16/9;background-color:#000;border-bottom:1px solid #333;image-rendering:pixelated}.display #canvas{image-rendering:pixelated;display:block}.game{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;height:100vh;width:100vw;font-size:1rem}.game .left-content{position:relative;display:flex;flex-direction:column;background-color:#000;min-width:640px;height:100%;box-sizing:border-box;overflow:hidden}.game .right-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;background-color:#000;width:100%;height:100%;overflow:hidden;border-left:1px solid #333}.docs{display:flex}.docs .sidebar{width:270px;padding:20px;background-color:#222;border-right:1px solid #333;height:100vh;position:fixed;box-sizing:border-box;overflow-y:auto}.docs .sidebar img{width:100%;height:auto}.docs .sidebar h1,.docs .sidebar h2{color:#fff;margin:0 0 10px;font-weight:700;text-transform:capitalize;font-size:24px}.docs .sidebar ul{list-style:none;padding:0}.docs .sidebar ul li{margin:10px 0}.docs .sidebar ul li a{color:#5384f9;text-decoration:none;font-weight:700}.docs .sidebar ul li a:hover,.docs .sidebar ul li a:focus{text-decoration:underline}.docs .content{margin-left:270px;flex:1;padding:20px;background-color:#111}.docs .content p{max-width:50%;margin:2ch 0;padding-left:4ch}.docs .content .subtitle{font-weight:700;color:#5384f9;margin-top:1ch;text-transform:uppercase}.docs .content ul{margin-top:1ch;padding-left:4ch}.docs .content ul li{margin-bottom:2ch;list-style-type:none}.docs .content ul li span{padding-left:4ch}.docs .content .key{font-weight:700;color:#e3e439}.alert{position:fixed;bottom:24px;width:calc(100% - 48px);padding:16px 40px 16px 16px;border:1px solid #353535;background-color:#181818;color:#fff;font-size:1rem;z-index:1000;display:flex;align-items:center;gap:12px;margin:0 24px;box-sizing:border-box}.alert.alert-success{border:1px solid #34c759;color:#34c759}.alert.alert-success:before{content:"✅";margin-right:8px;font-size:1.2em}.alert.alert-error{border:1px solid #ff3b30;color:#ff3b30}.alert.alert-error:before{content:"⚠️";margin-right:8px;font-size:1.2em}.alert.alert-warning{border:1px solid #ffd60a;color:#ffd60a}.alert.alert-warning:before{content:"⚠️";margin-right:8px;font-size:1.2em}.alert.alert-info{border:1px solid #0a84ff;color:#0a84ff}.alert.alert-info:before{content:"ℹ️";margin-right:8px;font-size:1.2em}.alert .message{flex:1}.alert .close{background:#353535;border:none;color:#fff;font-size:1rem;line-height:1;cursor:pointer;position:absolute;right:16px;padding:10px 25px;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}