:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;background-color:#000;color:#fff;font-family:Courier New,monospace;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-container{position:relative;width:100vw;height:100vh;background-color:#000}.game-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#333;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block;outline:none}.game-canvas:focus{outline:2px solid #FE5F00;outline-offset:-2px}.gear-menu{position:absolute;top:12px;left:12px;z-index:70}.gear-button{background:transparent;border:none;color:#fff;font-size:28px;padding:8px;line-height:1;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.gear-panel{position:absolute;margin-top:8px;width:220px;background:#000000d9;border:1px solid #FE5F00;border-radius:6px;padding:10px}.gear-panel .panel-title{color:#fe5f00;font-weight:700;margin-bottom:8px}.gear-panel .panel-item{width:100%;background:#fe5f00d9;color:#fff;border:1px solid #FE5F00;border-radius:4px;padding:8px;margin:6px 0;cursor:pointer;font-size:14px}.gear-panel .panel-item[disabled]{opacity:.6;cursor:not-allowed}.hud{position:absolute;top:2vw;left:2vw;right:2vw;display:flex;justify-content:space-between;font-size:clamp(16px,4vw,32px);color:#fe5f00;z-index:50;pointer-events:none;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.hud span{background-color:#000000b3;padding:clamp(4px,1vw,8px);border-radius:clamp(2px,.5vw,4px);border:1px solid #FE5F00}.touch-controls{position:absolute;bottom:0;left:0;right:0;height:35vh;min-height:200px;max-height:400px;display:flex;justify-content:space-between;align-items:flex-end;padding:2vw;z-index:60}.movement-controls{display:flex;align-items:center;justify-content:center;width:25vw;height:25vw;min-width:120px;min-height:120px;max-width:200px;max-height:200px}.action-buttons{display:flex;flex-direction:column;gap:clamp(8px,2vw,16px)}.action-btn{width:clamp(60px,18vw,120px);height:clamp(40px,8vw,80px);min-width:60px;min-height:40px;max-width:120px;max-height:80px;background-color:#fe5f00cc;border:1px solid #FE5F00;color:#fff;font-size:clamp(10px,2.5vw,20px);font-weight:700;border-radius:clamp(4px,1vw,8px);-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}.action-btn:active{background-color:#fe5f00}.action-btn.shoot{background-color:#f00c;border-color:red}.action-btn.shoot:active{background-color:red}.action-btn.use{background-color:#0f0c;border-color:#0f0}.action-btn.use:active{background-color:#0f0}.action-btn.strafe{background-color:#00fc;border-color:#00f}.action-btn.strafe:active{background-color:#00f}@media (orientation: landscape){.touch-controls{height:100vh;flex-direction:row;justify-content:space-between;align-items:center;padding:2vh 2vw;min-height:300px;max-height:600px}.movement-controls{width:clamp(120px,20vh,200px);height:clamp(120px,20vh,200px);min-width:120px;min-height:120px;max-width:200px;max-height:200px}.action-buttons{flex-direction:column;gap:clamp(8px,2vh,16px);width:clamp(120px,30vw,200px);min-width:120px}.action-btn{width:clamp(80px,25vw,150px);height:clamp(30px,6vh,60px);min-width:80px;min-height:30px;max-width:150px;max-height:60px;font-size:clamp(8px,2vh,16px)}.hud{top:clamp(8px,2vh,16px);left:2vw;right:2vw;font-size:clamp(14px,2vh,28px)}.game-canvas{width:100vw;height:100vh}}.hidden{display:none!important}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000;color:#fe5f00;font-family:Courier New,monospace}.loading-content{text-align:center}.loading-logo h1{font-size:4vw;margin-bottom:2vh;text-shadow:2px 2px 4px rgba(254,95,0,.5)}.loading-spinner{width:5vw;height:5vw;border:.5vw solid #333;border-top:.5vw solid #FE5F00;border-radius:50%;animation:spin 1s linear infinite;margin:2vh auto}.loading-text{font-size:2vw;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.loading-logo h1{font-size:8vw}.loading-spinner{width:10vw;height:10vw;border-width:1vw}.loading-text{font-size:4vw}}.virtual-joystick{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fe5f004d;border:2px solid #FE5F00;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;width:100%;height:100%;min-width:80px;min-height:80px;max-width:200px;max-height:200px}.joystick-base{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center}.joystick-stick{position:absolute;width:30%;height:30%;min-width:24px;min-height:24px;max-width:60px;max-height:60px;border-radius:50%;background-color:#fe5f00cc;border:2px solid #FE5F00;transition:none;cursor:grab}.joystick-stick:active{cursor:grabbing;background-color:#fe5f00}#root{width:100vw;height:100vh;margin:0;padding:0}.App{width:100vw;height:100vh;margin:0;padding:0;background:#000;overflow:hidden}