:root{--primary-color: #00ffff;--secondary-color: #ff6b35;--background-color: #0a0a0a;--surface-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #cccccc;--border-color: #333333;--success-color: #00ff00;--warning-color: #ffff00;--danger-color: #ff0000;--font-family: "Orbitron", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);overflow:hidden}.container{width:100%;height:100vh;position:relative}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.hidden{display:none}.visible{display:block}.btn{padding:12px 24px;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);font-family:var(--font-family);font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn:hover{background:var(--primary-color);color:var(--background-color);box-shadow:0 0 20px var(--primary-color)}.btn-secondary{border-color:var(--secondary-color);color:var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);box-shadow:0 0 20px var(--secondary-color)}.panel{background:#1a1a1ae6;border:1px solid var(--border-color);border-radius:8px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{font-size:18px;font-weight:700;margin-bottom:15px;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px}.input{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:10px;font-family:var(--font-family);border-radius:4px;transition:border-color .3s ease}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #00ffff4d}.progress-bar{width:100%;height:20px;background:var(--surface-color);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:crosshair}.game-hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.game-hud>*{pointer-events:auto}.hud-top{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px}.hud-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end}.hud-left{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.hud-right{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.status-display{background:#000c;border:1px solid var(--primary-color);border-radius:8px;padding:15px;min-width:200px}.status-item{display:flex;justify-content:space-between;margin-bottom:8px}.status-label{color:var(--text-secondary)}.status-value{color:var(--primary-color);font-weight:700}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 40px));width:30px;height:30px;border:2px solid var(--primary-color);border-radius:50%;z-index:15;pointer-events:none;box-shadow:0 0 10px #00ffff80;opacity:.8}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--primary-color);box-shadow:0 0 5px #00ffff80}.crosshair:before{top:50%;left:-8px;right:-8px;height:2px;transform:translateY(-50%)}.crosshair:after{left:50%;top:-8px;bottom:-8px;width:2px;transform:translate(-50%)}.crosshair:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--primary-color);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #0ffc}.mouse-lock-indicator{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#000c;color:var(--primary-color);padding:10px 20px;border-radius:5px;font-size:14px;z-index:20;pointer-events:none;opacity:.9;border:1px solid var(--primary-color)}.main-menu{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20}.menu-title{font-size:4rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;text-align:center;text-shadow:0 0 30px rgba(0,255,255,.5)}.menu-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;color:var(--text-secondary)}.controls-panel{position:absolute;top:20px;right:20px;width:300px;max-height:400px;overflow-y:auto}.control-group{margin-bottom:20px}.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-key{background:var(--surface-color);border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;font-family:var(--font-family);font-size:12px;min-width:40px;text-align:center}@media (max-width: 768px){.menu-title{font-size:2.5rem}.hud-top,.hud-bottom{flex-direction:column;gap:10px}.controls-panel{width:250px}.status-display{min-width:150px;padding:10px}}main.svelte-12qhfyh{width:100%;height:100vh;overflow:hidden}