*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#game-container{width:100vw;height:100vh;position:relative}canvas{display:block}#hud{top:0;left:0;width:100%;height:100%;pointer-events:none;color:#fff;font-size:14px}#hud,#stats{position:absolute}#stats{top:20px;left:20px;background:rgba(0,0,0,.7);padding:15px;border-radius:8px;min-width:200px}.stat-bar{margin-bottom:10px}.stat-label{font-size:12px;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.stat-bar-bg{width:100%;height:20px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;transition:width .3s ease}.health-bar{background:#e74c3c}.ammo-bar{background:#f39c12}.xp-bar{background:#3498db}.stat-value{margin-top:4px;font-size:11px;opacity:.8}#money{top:20px;padding:15px 20px;font-size:24px;font-weight:700;color:#2ecc71}#mission,#money{position:absolute;right:20px;background:rgba(0,0,0,.7);border-radius:8px}#mission{top:120px;padding:15px;max-width:300px}.mission-title{font-size:14px;font-weight:700;margin-bottom:8px;color:#f39c12;text-transform:uppercase}.mission-objective{font-size:12px;margin-bottom:6px;opacity:.9}.mission-progress{font-size:11px;opacity:.7}#weapon{position:absolute;bottom:30px;right:30px;background:rgba(0,0,0,.7);padding:12px 18px;border-radius:8px;font-size:16px}.weapon-name{font-weight:700;margin-bottom:4px}.weapon-ammo{font-size:14px;opacity:.8}#controls{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.5);padding:10px;border-radius:6px;font-size:11px;opacity:.7}.control-line{margin-bottom:3px}#messages{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);width:600px;max-height:200px;overflow:hidden}.message{background:rgba(0,0,0,.8);padding:10px 15px;margin-bottom:8px;border-radius:6px;border-left:4px solid #3498db;animation:slideIn .3s ease}.message.success{border-left-color:#2ecc71}.message.warning{border-left-color:#f39c12}.message.danger{border-left-color:#e74c3c}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#loading{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:9999}.loading-title{font-size:48px;font-weight:700;color:#e74c3c;margin-bottom:20px;text-shadow:0 0 20px rgba(231,76,60,.5)}.loading-subtitle{font-size:18px;color:#95a5a6;margin-bottom:40px}.loading-bar{width:400px;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#f39c12);animation:loading 2s ease infinite}@keyframes loading{0%{width:0}50%{width:100%}to{width:0}}