:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000}*{margin:0;padding:0}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#canvas{width:100vw;height:100vh;display:block}button{padding:10px 0;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0ff;border-color:#0ff;background:none;width:100px;height:50px;margin-top:20px}#start-ui,#end-ui{display:none;flex-direction:column;align-items:center;justify-content:center;height:100%;width:auto;gap:10px;position:absolute;left:auto;z-index:10;color:#0ff;text-align:center}#stats-ui{display:none;position:absolute;top:0;right:0;color:#0ff;font-size:20px;padding:10px}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;font-family:Arial,sans-serif}#progress-bar{width:50%;height:20px;background:#333;border:2px solid #fff;border-radius:10px;overflow:hidden}#progress-fill{width:0%;height:100%;background:#0ff;transition:width .02s ease-in-out}#progress-text{margin-top:10px}#white-text{color:#fff}#joystick-left{position:fixed;left:20px;bottom:20px;touch-action:auto}#joystick-right{position:fixed;right:20px;bottom:20px;touch-action:auto}#fire-button{display:none;position:fixed;bottom:170px;left:20px;height:50px}#toggle-weapon-button{display:none;position:fixed;bottom:170px;right:20px;height:50px}.disabled{opacity:0;touch-action:none}