@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=Orbitron:wght@700;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Noto Sans SC,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}#game-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 0 60px #0064ff40,0 0 120px #00329626,inset 0 0 80px #0000004d;border:1px solid rgba(0,120,255,.15);border-radius:4px}#game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;pointer-events:none;padding:12px 16px;z-index:10}.hud-score{position:absolute;top:12px;left:16px;color:#fff;font-family:Rajdhani,sans-serif;font-size:24px;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px rgba(0,200,255,.8),0 0 20px rgba(0,200,255,.4);background:linear-gradient(135deg,#00285066,#00143c33);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 14px;border-radius:6px;border:1px solid rgba(0,150,255,.2);animation:scorePulse 2s ease-in-out infinite}@keyframes scorePulse{0%,to{text-shadow:0 0 10px rgba(0,200,255,.8),0 0 20px rgba(0,200,255,.4)}50%{text-shadow:0 0 15px rgba(0,200,255,1),0 0 30px rgba(0,200,255,.6),0 0 45px rgba(0,200,255,.3)}}.hud-right{position:absolute;top:12px;right:16px;display:flex;gap:12px;align-items:center}.hud-lives,.hud-bombs,.hud-weapon{color:#fff;font-family:Rajdhani,sans-serif;font-size:17px;font-weight:600;letter-spacing:1px;background:linear-gradient(135deg,#00285066,#00143c33);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px 10px;border-radius:5px;border:1px solid rgba(0,150,255,.15);text-shadow:0 0 8px rgba(255,100,100,.5)}.hud-weapon{text-shadow:0 0 8px rgba(0,200,255,.5)}.hud-level{position:absolute;bottom:32px;right:16px;color:#ffffff80;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:2px;pointer-events:none;text-shadow:0 0 5px rgba(255,255,255,.3)}.hud-boss-hp{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40%;max-width:400px}.hud-boss-hp.hidden{display:none}.boss-hp-label{color:#f33;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-align:center;letter-spacing:6px;margin-bottom:4px;text-shadow:0 0 15px rgba(255,50,50,.8);animation:bossWarningPulse .8s ease-in-out infinite}@keyframes bossWarningPulse{0%,to{opacity:1;text-shadow:0 0 15px rgba(255,50,50,.8)}50%{opacity:.4;text-shadow:0 0 25px rgba(255,50,50,1)}}.boss-hp-bar-bg{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid rgba(255,50,50,.3);box-shadow:0 0 10px #ff323226}.boss-hp-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,#f22,#f60,#fa0);border-radius:4px;transition:width .2s ease;box-shadow:0 0 8px #ff640099;animation:bossHpShimmer 2s linear infinite}@keyframes bossHpShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.fps-counter{position:absolute;bottom:8px;left:8px;color:#0f0;font-size:11px;font-family:monospace;opacity:.5;z-index:20;pointer-events:none}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000a1ed9,#000000f2);z-index:50;animation:screenFadeIn .4s ease-out}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.title-content,.overlay-content{text-align:center;color:#fff;animation:contentSlideUp .5s ease-out}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-title{font-family:Orbitron,sans-serif;font-size:72px;font-weight:900;letter-spacing:14px;background:linear-gradient(180deg,#fff,#6af,#04c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,150,255,.6)) drop-shadow(0 0 40px rgba(0,100,255,.3));margin-bottom:4px;line-height:1;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(0,150,255,.6)) drop-shadow(0 0 40px rgba(0,100,255,.3))}50%{filter:drop-shadow(0 0 30px rgba(0,200,255,.9)) drop-shadow(0 0 60px rgba(0,150,255,.5))}}.title-cn{display:block;font-family:Rajdhani,sans-serif;font-size:28px;letter-spacing:16px;color:#00c8ffe6;text-shadow:0 0 10px rgba(0,200,255,.8),0 0 20px rgba(0,200,255,.4);margin-top:4px}.title-subtitle{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:500;letter-spacing:8px;color:#ffffff73;margin-bottom:32px;text-shadow:0 0 10px rgba(255,255,255,.2)}.title-controls{font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;color:#ffffff59;line-height:2;margin-top:24px;letter-spacing:1px}.title-highscore{font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;color:#ffc800cc;margin-top:16px;letter-spacing:3px;text-shadow:0 0 10px rgba(255,200,0,.5)}.menu-btn{display:block;width:230px;margin:14px auto;padding:14px 0;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700;letter-spacing:4px;color:#fff;background:linear-gradient(135deg,#0050b459,#00328c80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,150,255,.4);border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:all;text-shadow:0 0 8px rgba(255,255,255,.4);box-shadow:0 0 20px #0078ff33,0 4px 16px #0000004d,inset 0 1px #ffffff14;position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(45deg);transition:left .6s ease}.menu-btn:hover:before{left:100%}.menu-btn:hover{background:linear-gradient(135deg,#0078ff80,#0050c8b3);border-color:#00c8ffcc;box-shadow:0 0 30px #0096ff66,0 0 60px #0064ff33,0 8px 24px #0006,inset 0 1px #ffffff1f;transform:scale(1.04) translateY(-1px);text-shadow:0 0 12px rgba(255,255,255,.7)}.menu-btn:active{transform:scale(.98);box-shadow:0 0 15px #0096ff4d,0 2px 8px #0006}.menu-btn.secondary{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border-color:#fff3;font-size:15px;box-shadow:0 0 10px #ffffff0d,0 4px 12px #0000004d}.menu-btn.secondary:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#fff6;box-shadow:0 0 20px #ffffff26,0 0 40px #ffffff0d}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0096ff40,0 0 40px #0078ff1a,0 4px 16px #0000004d,inset 0 1px #ffffff14}50%{box-shadow:0 0 35px #0096ff73,0 0 70px #0078ff33,0 4px 16px #0000004d,inset 0 1px #ffffff14}}.menu-btn.pulse{animation:pulse-glow 2s ease-in-out infinite}.screen-heading{font-family:Orbitron,sans-serif;font-size:48px;font-weight:900;letter-spacing:8px;margin-bottom:20px}.red-glow{color:#f33;text-shadow:0 0 20px rgba(255,50,50,.8),0 0 40px rgba(255,50,50,.5),0 0 60px rgba(255,50,50,.3);animation:redPulse 1.5s ease-in-out infinite}@keyframes redPulse{0%,to{text-shadow:0 0 20px rgba(255,50,50,.8),0 0 40px rgba(255,50,50,.5)}50%{text-shadow:0 0 30px rgba(255,50,50,1),0 0 60px rgba(255,50,50,.7),0 0 90px rgba(255,50,50,.4)}}.gold-glow{color:#fc0;text-shadow:0 0 20px rgba(255,200,0,.8),0 0 40px rgba(255,200,0,.5);animation:goldPulse 1.5s ease-in-out infinite}@keyframes goldPulse{0%,to{text-shadow:0 0 20px rgba(255,200,0,.8),0 0 40px rgba(255,200,0,.5)}50%{text-shadow:0 0 30px rgba(255,200,0,1),0 0 60px rgba(255,200,0,.7),0 0 90px rgba(255,200,0,.4)}}@keyframes rainbow{0%{color:#f44;text-shadow:0 0 25px rgba(255,68,68,.8),0 0 50px rgba(255,68,68,.3)}33%{color:#4f8;text-shadow:0 0 25px rgba(68,255,136,.8),0 0 50px rgba(68,255,136,.3)}66%{color:#48f;text-shadow:0 0 25px rgba(68,136,255,.8),0 0 50px rgba(68,136,255,.3)}to{color:#f44;text-shadow:0 0 25px rgba(255,68,68,.8),0 0 50px rgba(255,68,68,.3)}}.rainbow-glow{animation:rainbow 2s linear infinite}.screen-score{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:600;color:#fffc;margin-bottom:24px;letter-spacing:3px}.victory-msg{font-family:Rajdhani,sans-serif;font-size:17px;font-weight:600;color:#ffc800b3;margin-bottom:8px;letter-spacing:2px}@media(max-width:768px){.hud-score{font-size:16px;padding:3px 10px}.hud-lives,.hud-bombs,.hud-weapon{font-size:13px}.game-title{font-size:48px;letter-spacing:8px}.title-cn{font-size:20px}.screen-heading{font-size:32px}.menu-btn{width:200px;font-size:16px}}