@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700;800&display=swap";:root{--color-primary: #FFD93D;--color-secondary: #FF8A65;--color-tertiary: #4ECDC4;--color-accent: #5B9BD5;--color-pink: #FF6B9D;--color-dark: #2C3E50;--color-light: #FFF8E7;--game-bg-dark: #1a1a2e;--neon-glow-color: #00f0ff}body{margin:0;font-family:Quicksand,PingFang SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;color:var(--color-light)}.game-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-area{position:relative;background:linear-gradient(to bottom,var(--game-bg-dark) 0%,#0c0c1a 100%);border:8px solid var(--color-dark);border-radius:24px;box-shadow:0 10px 20px #00000080,0 0 30px var(--neon-glow-color),inset 0 0 15px #fff3;overflow:hidden;touch-action:none;animation:background-scroll 30s linear infinite}@keyframes background-scroll{0%{background-position:0 0}to{background-position:0 100%}}.pixelated{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}.player{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:opacity .1s ease-in-out}.player img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px var(--neon-glow-color))}.player span{font-size:40px;filter:drop-shadow(0 0 5px var(--neon-glow-color))}.bullet{position:absolute;width:10px;height:20px;display:flex;justify-content:center;align-items:center}.bullet-visual{width:100%;height:100%;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary),0 0 15px var(--color-primary)}.enemy{position:absolute;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.enemy img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px var(--color-secondary))}.enemy span{font-size:30px;filter:drop-shadow(0 0 5px var(--color-secondary))}.enemy-hp-bar-container{width:80%;height:4px;background-color:#00000080;border-radius:2px;margin-top:2px;overflow:hidden}.enemy-hp-bar{height:100%;background-color:var(--color-tertiary);border-radius:2px;transition:width .1s ease-out}.explosion{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;pointer-events:none}.explosion img{width:100%;height:100%;object-fit:contain}.explosion span{font-size:40px}.hud{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;background-color:#0006;border-radius:12px;padding:8px 15px;color:var(--color-light);font-size:14px;font-weight:700;box-shadow:0 0 10px #0000004d,0 0 15px var(--neon-glow-color);z-index:10}.hud-item{display:flex;align-items:center;gap:5px}.hud-item .icon{color:var(--color-primary);filter:drop-shadow(0 0 3px var(--color-primary))}.start-screen,.game-over-screen,.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000d9;color:var(--color-light);text-align:center;padding:20px;border-radius:24px;box-sizing:border-box;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-screen{font-size:24px;font-weight:700;color:var(--color-tertiary)}.game-title{font-size:48px;font-weight:800;color:var(--color-primary);text-shadow:0 0 15px var(--color-primary),0 0 25px var(--neon-glow-color);margin-bottom:20px;transform:rotate(-3deg);letter-spacing:2px}.game-over-title{font-size:40px;font-weight:800;color:var(--color-pink);text-shadow:0 0 10px var(--color-pink),0 0 20px var(--color-pink);margin-bottom:15px}.final-score{font-size:28px;font-weight:700;color:var(--color-tertiary);margin-bottom:10px}.high-score-display{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700;color:var(--color-accent);margin-bottom:30px;text-shadow:0 0 5px var(--color-accent)}.high-score-display .icon{color:var(--color-accent);filter:drop-shadow(0 0 3px var(--color-accent))}.start-button,.restart-button{background-color:var(--color-secondary);color:var(--color-light);border:none;padding:15px 30px;border-radius:999px;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 6px #0000004d,0 4px 15px #0003;transition:all .2s ease;display:flex;align-items:center;gap:10px;margin-top:20px;filter:drop-shadow(0 0 5px var(--color-secondary))}.start-button:hover,.restart-button:hover{box-shadow:0 3px #0000004d,0 2px 10px #0003;filter:drop-shadow(0 0 8px var(--color-secondary))}.start-button:active,.restart-button:active{box-shadow:0 0 #0000004d;transform:translateY(2px);filter:drop-shadow(0 0 2px var(--color-secondary))}.start-button .icon,.restart-button .icon{color:var(--color-light)}.controls-hint{margin-top:30px;font-size:16px;color:#ffffffb3;line-height:1.5}.controls-hint p{margin:5px 0}.cloud-corner-badge{position:absolute;top:10px;right:10px;background-color:#0006;color:#fff9;padding:5px 10px;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:5px;z-index:10;box-shadow:0 0 5px #0000004d}.cloud-status{margin-top:20px;font-size:16px;color:var(--color-tertiary);display:flex;align-items:center;gap:8px}.cloud-status.error{color:var(--color-pink)}.cloud-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000000b3;color:var(--color-light);padding:10px 20px;border-radius:10px;font-size:14px;box-shadow:0 2px 10px #0000004d;animation:fade-in-out 2s forwards;z-index:100}.cloud-toast.error{background-color:#b30000b3}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}