*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#000;color:#fff;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden}#gameCanvas{display:block;width:100%;height:100%;background:#000;cursor:crosshair;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-overlay>*{pointer-events:auto}.hud-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:11}.score-display,.high-score-display,.difficulty-display{background:#000000b3;padding:10px 15px;border-radius:8px;border:2px solid #00ff00;font-size:18px;font-weight:700;text-shadow:0 0 10px #00ff00}.score-display .label,.high-score-display .label,.difficulty-display .label{color:#0f0;margin-right:8px}.score-display span:last-child,.high-score-display span:last-child,.difficulty-display span:last-child{color:#fff}.difficulty-display{border-color:#ff6b00;text-shadow:0 0 10px #ff6b00}.difficulty-display .label{color:#ff6b00}.health-container{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:15px;z-index:11}.health-bar{flex:1;height:20px;background:#000000b3;border:2px solid #ff0000;border-radius:10px;overflow:hidden;position:relative}.health-fill{height:100%;background:linear-gradient(90deg,red,#ff0,#0f0);width:100%;transition:width .3s ease;box-shadow:0 0 10px red}.health-text{background:#000000b3;padding:8px 12px;border-radius:6px;border:2px solid #ff0000;font-size:16px;font-weight:700;color:#fff;text-shadow:0 0 5px #ff0000;min-width:80px;text-align:center}.game-status{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:20}.status-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:40px;border-radius:15px;border:3px solid #00ff00;text-align:center;box-shadow:0 0 30px #00ff0080;max-width:400px;width:90%}.status-content h2{color:#0f0;font-size:28px;margin-bottom:15px;text-shadow:0 0 10px #00ff00}.status-content p{color:#fff;font-size:16px;margin-bottom:25px;line-height:1.4}.status-buttons{display:flex;gap:15px;justify-content:center}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(45deg,#0f0,#0c0);color:#000;border:2px solid #00ff00;box-shadow:0 0 15px #00ff004d}.btn-primary:hover{background:linear-gradient(45deg,#0c0,#0f0);box-shadow:0 0 20px #0f09;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media screen and (max-width: 768px){.hud-top{top:10px;left:10px;right:10px;flex-direction:column;gap:10px;align-items:stretch}.score-display,.high-score-display{text-align:center;font-size:16px;padding:8px 12px}.health-container{bottom:10px;left:10px;right:10px;flex-direction:column;gap:10px}.health-text{font-size:14px;padding:6px 10px}.status-content{padding:30px 20px;margin:20px}.status-content h2{font-size:24px}.btn{padding:10px 20px;font-size:14px}}@media (hover: none) and (pointer: coarse){.btn:hover{transform:none}.btn:active{transform:scale(.95)}}