body{background:#000;margin:0;font-family:Pixelify Sans,sans-serif;overflow:hidden}canvas{width:100vw;height:100vh;image-rendering:pixelated;display:block}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#fps-counter{color:#e0e0e0;text-shadow:2px 2px #3f3f3f;font-size:20px;position:absolute;top:15px;left:15px}#crosshair{color:#ffffffb3;text-shadow:2px 2px #3f3f3f;font-family:sans-serif;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loading-screen{width:100vw;height:100vh;image-rendering:pixelated;z-index:9999;pointer-events:all;background-color:#222;background-image:linear-gradient(#000000a6,#000000a6),url(/ShatterVox/assets/textures/dirt.png);background-size:64px 64px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-out;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 150px #000c}.mc-loading-percentage{color:#fff;text-shadow:3px 3px #222;margin-bottom:20px;font-size:28px}.mc-loading-box{box-sizing:border-box;background-color:#9d9d9d;width:200px;height:200px;padding:12px}.mc-loading-inner{box-sizing:border-box;background-color:#38385a;justify-content:center;align-items:center;width:100%;height:100%;padding:6px;display:flex}.mc-loading-fill{box-sizing:border-box;background-color:#fff;border:0 solid #3bd53b;width:0%;height:0%;animation:1s cubic-bezier(.4,0,.2,1) forwards square-fill}@keyframes square-fill{0%{border-width:0;width:0%;height:0%}5%{border-width:6px;width:10%;height:10%}40%{width:45%;height:45%}70%{width:75%;height:75%}to{border-width:6px;width:100%;height:100%}}#escape-menu{pointer-events:all;z-index:10000;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.menu-screen{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#escape-menu h2{color:#fff;text-shadow:2px 2px #3f3f3f;margin-bottom:30px;font-size:20px;font-weight:400}.menu-row{justify-content:space-between;width:400px;margin-top:5px;display:flex}.mc-button{color:#fff;cursor:pointer;text-shadow:2px 2px #3f3f3f;box-sizing:border-box;background-color:#c6c6c6;border:2px solid #000;outline:none;justify-content:center;align-items:center;font-family:Pixelify Sans,sans-serif;font-size:16px;text-decoration:none;display:flex;box-shadow:inset 2px 2px #fff,inset -2px -2px #555}.mc-button.full-width{width:400px;height:40px}.mc-button.half-width{width:196px;height:40px}.mc-button:hover{color:#ffa;background-color:#5c5ca0;box-shadow:inset 2px 2px #8b8bd0,inset -2px -2px #373760}.mc-button:active{color:#fff;background-color:#c6c6c6;box-shadow:inset 2px 2px #555,inset -2px -2px #fff}.link-btn{margin-top:20px}#help-content{box-sizing:border-box;background:#0009;border:2px solid #000;width:400px;margin:0;padding:20px;list-style:none;box-shadow:inset 2px 2px #000,inset -2px -2px #555}#help-content li{color:#aaa;font-family:Pixelify Sans,sans-serif;font-size:18px;line-height:2.2}#help-content .highlight{color:#fff;text-shadow:2px 2px #3f3f3f}#project-overlay,#book-overlay{pointer-events:all;color:#3f3f3f;width:420px;image-rendering:pixelated;z-index:10001;background-color:#c6c6c6;border:4px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;padding:24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -4px -4px #888,inset 4px 4px #fff,10px 10px #00000080}#book-overlay{background-color:#eedda1;background-image:url("data:image/svg+xml;utf8,<svg width=\"4\" height=\"4\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"4\" height=\"4\" fill=\"%23eedda1\"/><rect width=\"1\" height=\"1\" x=\"1\" y=\"1\" fill=\"%23e4d295\"/></svg>");background-size:16px 16px;border:2px solid #000;width:500px;min-height:350px;padding:40px;box-shadow:inset 4px 4px #fff9d6,inset -4px -4px #c2b29f,10px 10px #00000080}#project-title,#book-title{color:#3f3f3f;text-shadow:2px 2px #888;border-bottom:2px solid #555;margin-top:0;padding-bottom:10px;font-size:24px}#project-desc,#book-content{color:#000;font-family:Pixelify Sans,sans-serif;font-size:18px;line-height:1.6}.mc-close-btn{color:#f55;cursor:pointer;text-shadow:2px 2px #3f3f3f;background-color:#c6c6c6;border:2px solid #000;justify-content:center;align-items:center;width:32px;height:32px;font-family:Pixelify Sans,sans-serif;font-size:16px;display:flex;position:absolute;top:10px;right:10px;box-shadow:inset 2px 2px #fff,inset -2px -2px #555}.mc-close-btn:hover{color:#f55;background-color:#5c5ca0;box-shadow:inset 2px 2px #8b8bd0,inset -2px -2px #373760}#book-title{color:#8b0000;text-shadow:1px 1px #e4d295;border-bottom:2px solid #8b7355}