:root{--bg:#1a1a2e;--panel-bg:#141428e6;--text:#e0e0e0;--accent:#f0c060;--danger:#e57373;--health:#4caf84;--border:#ffffff26}*{box-sizing:border-box;margin:0;padding:0}body{cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1a2e;width:100vw;height:100vh;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#gameCanvas{width:100%;height:100%;display:block;position:fixed;top:0;left:0}#hud{pointer-events:none;z-index:10;padding:16px 24px;position:fixed;top:0;left:0;right:0}#hud-top{flex-wrap:nowrap;justify-content:center;align-items:center;gap:40px;width:100%;max-width:900px;margin:0 auto;display:flex}.hud-panel{color:var(--text);-webkit-backdrop-filter:none;white-space:nowrap;text-shadow:0 1px 3px #0009;background:0 0;border:none;border-radius:0;flex:auto;justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:0;font-weight:700;display:flex}.hud-label{text-transform:none;letter-spacing:0;color:#fff;opacity:.85;margin-bottom:0;font-size:20px;font-weight:700}.hud-value{letter-spacing:0;color:var(--accent);font-size:22px;font-weight:700}#health-hearts{align-items:center;gap:4px;display:flex;transform:translateY(2px)}.heart{transition:all .3s;display:inline-flex}.heart svg{width:22px;height:22px;display:block}.heart.lost{filter:grayscale()opacity(.3)}#pause-overlay{z-index:15;pointer-events:none;background:#00000059;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#pause-overlay.active{display:flex}#pause-text{color:#fff;letter-spacing:.1em;text-shadow:0 4px 20px #0009;font-size:64px;font-weight:800}#pause-sub{color:#fffc;margin-top:12px;font-size:16px}.btn-group{flex-direction:column;gap:12px;display:flex;position:relative}.btn-group .btn{z-index:1;color:#fff;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:12px;font-family:inherit;font-weight:700;transition:color .25s;position:relative}.btn-group .btn:hover{color:#ffe9a8}.btn-indicator{box-sizing:border-box;pointer-events:none;z-index:0;background:#f0c06040;border:2px solid #f0c060;border-radius:12px;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translateY(0)}.btn-group .btn:nth-child(2):hover~.btn-indicator{transform:translateY(var(--shift,0))}#pause-overlay .btn-group{--shift:60px;margin:24px 0 32px}#pause-overlay .btn-group .btn{height:48px;padding:0 40px;font-size:20px;line-height:48px}#pause-overlay .btn-group .btn-indicator{height:48px}#countdown-overlay{z-index:16;pointer-events:none;background:#00000040;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#countdown-overlay.active{display:flex}#countdown-display{color:gold;text-shadow:0 6px 30px #000000b3;font-size:120px;font-weight:900}#level-overlay{z-index:17;pointer-events:none;background:#00000059;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#level-overlay.active{display:flex}#level-text{color:gold;letter-spacing:.08em;text-shadow:0 6px 30px #000000b3;font-size:72px;font-weight:900}#start-overlay{z-index:18;pointer-events:none;background:#00000059;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:14vh;display:none;position:fixed;inset:0}#start-overlay.active{display:flex}#start-title{color:gold;letter-spacing:.12em;text-shadow:1px 1px olive,2px 2px olive,3px 3px olive,4px 4px olive,0 8px 40px #000000b3;font-size:90px;font-weight:900}#start-overlay .btn-group{--shift:62px;margin:90px 0 98px}#start-overlay .btn-group .btn{height:50px;padding:0 56px;font-size:22px;line-height:50px}#start-overlay .btn-group .btn-indicator{height:50px}#start-hint{color:#ffffffd9;letter-spacing:.05em;text-shadow:0 2px 8px #0009;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:30px;font-size:16px;font-weight:500}#start-objective{color:#ffd7a0;letter-spacing:.06em;text-shadow:0 2px 10px #000000b3;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:40px;font-size:20px;font-weight:700}.health-dot.lost{background:#fff3;transform:scale(.7)}#kill-feed{pointer-events:none;z-index:20;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)translateY(40px)}.kill-msg{color:#fff;text-shadow:0 0 20px #ffb432cc;white-space:nowrap;font-size:18px;font-weight:700;animation:1.2s ease-out forwards killPop}@keyframes killPop{0%{opacity:0;transform:translateY(30px)scale(.6)}25%{opacity:1;transform:translateY(0)scale(1.2)}50%{transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-60px)scale(.8)}}#game-over-overlay{z-index:30;pointer-events:none;opacity:0;visibility:hidden;background:#00000059;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility 0s .5s;display:flex;position:fixed;inset:0}#game-over-overlay.active{opacity:1;pointer-events:all;visibility:visible;transition:opacity .5s}#game-over-title{color:#ff5a5a;letter-spacing:.1em;text-shadow:0 4px 20px #0009;font-size:64px;font-weight:800}.game-over-stats{gap:56px;margin-top:28px;display:flex}.stat-line{flex-direction:column;align-items:center;display:flex}.stat-label{color:#ffffffd9;letter-spacing:.2em;font-size:18px}.stat-value{color:gold;text-shadow:0 4px 16px #00000080;font-size:40px;font-weight:800}#restart-btn{color:#fff;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;background:#f0c06040;border:2px solid #f0c060;border-radius:12px;margin-top:32px;padding:12px 48px;font-family:inherit;font-size:20px;font-weight:700;transition:background .2s}#restart-btn:hover{background:#f0c06073}#victory-overlay{z-index:30;pointer-events:none;opacity:0;visibility:hidden;background:#00000059;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility 0s .5s;display:flex;position:fixed;inset:0}#victory-overlay.active{opacity:1;pointer-events:all;visibility:visible;transition:opacity .5s}#victory-title{color:gold;letter-spacing:.1em;text-shadow:0 4px 20px #0009;font-size:64px;font-weight:800}#victory-btn{color:#fff;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;background:#f0c06040;border:2px solid #f0c060;border-radius:12px;margin-top:32px;padding:12px 48px;font-family:inherit;font-size:20px;font-weight:700;transition:background .2s}#victory-btn:hover{background:#f0c06073}#auto-fire-indicator{z-index:10;color:#ffffffe6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:400;position:fixed;bottom:48px;left:16px}#view-rotate-indicator{z-index:10;color:#ffffffe6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:400;position:fixed;bottom:16px;left:16px}#enemy-indicators{pointer-events:none;z-index:8;position:fixed;inset:0}.enemy-indicator{background:#e57373b3;border:2px solid #ff9696e6;border-radius:50%;width:28px;height:28px;animation:1.5s ease-in-out infinite indicatorPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #e5737380}@keyframes indicatorPulse{0%,to{box-shadow:0 0 8px #e5737366}50%{box-shadow:0 0 22px #e57373cc}}