@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background:#000;font-family:Courier New,monospace;overflow:hidden}canvas{display:block;margin:0 auto}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff;font-size:20px;font-family:"Press Start 2P",cursive}#loading-screen.hidden{display:none}.spinner{border:4px solid rgba(0,255,0,.1);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud{position:absolute;top:20px;left:20px;padding:20px;color:#fff;font-size:12px;font-family:"Press Start 2P",cursive;z-index:100;text-shadow:2px 2px 4px #000}.hud-item{margin-bottom:8px}.hud-item span{font-weight:700}.touch-controls{position:absolute;bottom:30px;left:0;right:0;display:none;justify-content:space-between;padding:0 30px;pointer-events:none;z-index:200}.touch-controls.active{display:flex}.joystick-container{width:150px;height:150px;position:relative;pointer-events:all}.action-buttons{display:flex;flex-direction:column;gap:10px;pointer-events:all}.action-button{width:60px;height:60px;border-radius:50%;background:#00ff004d;border:2px solid #fff;color:#fff;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease}.action-button:active{background:#00ff0080;transform:scale(.95)}@media (max-width: 768px){.touch-controls.active{display:flex}}.terminal-popup{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;max-height:80vh;background:#fff8dce6;border:2px solid #fff;padding:30px;z-index:500;overflow-y:auto;color:#000;box-shadow:0 0 30px #fbfbfb80}.terminal-popup.active{display:block}.terminal-popup h2{margin-bottom:20px;text-align:center;font-size:24px;font-family:"Press Start 2P",cursive;text-shadow:0 0 10px #fff}.terminal-popup p{line-height:1.6;margin-bottom:15px}.terminal-popup button{background:transparent;border:2px solid #000;color:#000;padding:12px 30px;font-size:16px;cursor:pointer;display:block;margin:20px auto 0;font-family:Courier New,monospace;transition:background .3s ease}.terminal-popup button:hover{background:#fff}.terminal-popup::-webkit-scrollbar{width:10px}.terminal-popup::-webkit-scrollbar-track{background:#00ff001a}.terminal-popup::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.terminal-popup::-webkit-scrollbar-thumb:hover{background:#0f0c}