title="styles.css" :root{--bg-dark: #060610;--neon-cyan: #00e5ff;--neon-magenta: #ff0055;--neon-purple: #bd00ff;--neon-green: #39ff14;--neon-yellow: #ffff00}body{margin:0;padding:0;background-color:var(--bg-dark);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--bg-dark);overflow:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:linear-gradient(180deg,rgba(0,229,255,.1) 0%,transparent 100%);border-bottom:1px solid rgba(0,229,255,.15);z-index:10}.brand{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:14px;letter-spacing:2px;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,229,255,.5)}.mute-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.mute-btn:hover{background:#ffffff1a;border-color:var(--neon-cyan);color:var(--neon-cyan)}.main-stage{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box}.canvas-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:3 / 4;background-color:#0a0a16;border:3px solid #12122c;border-radius:16px;box-shadow:0 0 30px #00e5ff26,inset 0 0 20px #000c;overflow:hidden}canvas{display:block;width:100%;height:100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#060610e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;padding:20px;box-sizing:border-box}.deco-lines{position:absolute;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.logo-container{text-align:center;margin-bottom:30px}.game-title{font-size:42px;font-weight:900;letter-spacing:4px;color:#fff;margin:0;text-shadow:0 0 15px rgba(0,229,255,.6)}.text-magenta{color:var(--neon-magenta);text-shadow:0 0 15px rgba(255,0,85,.6)}.subtitle{font-size:16px;letter-spacing:8px;color:var(--neon-cyan);margin-top:8px;text-transform:uppercase;opacity:.8}.high-score-badge{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);padding:8px 16px;border-radius:30px;font-size:14px;color:gold;margin-bottom:30px;box-shadow:0 0 10px #ffd7001a}.game-intro{text-align:center;font-size:12px;color:#8a8ab0;line-height:1.8;margin-bottom:40px;background:#0006;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.start-btn,.restart-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--neon-cyan) 0%,#008be5 100%);color:#000;border:none;padding:14px 28px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 0 20px #00e5ff66;transition:all .2s}.start-btn:hover,.restart-btn:hover{box-shadow:0 0 30px #00e5ffb3;transform:translateY(-2px)}.hud-overlay{position:absolute;top:0;left:0;width:100%;padding:15px 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:2}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px}.score-box{display:flex;flex-direction:column;transition:transform .15s ease-out}.score-box.pop{transform:scale(1.25)}.score-box .label{font-size:10px;color:#8a8ab0;letter-spacing:1px}.score-box .value{font-size:28px;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,229,255,.5)}.level-badge{background:#bd00ff33;border:1px solid var(--neon-purple);color:#f3d5ff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;align-self:flex-start}.lives-box{display:flex;gap:6px;background:#0000004d;padding:6px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.shield-icon{transition:all .3s}.shield-icon.active{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan))}.shield-icon.inactive{color:#ffffff26;filter:none}.gameover-overlay{background:#0a020af2}.gameover-title{font-size:46px;font-weight:900;letter-spacing:2px;color:var(--neon-magenta);text-shadow:0 0 20px rgba(255,0,85,.7);margin:0 0 20px}.results-panel{width:80%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.result-row{display:flex;justify-content:space-between;align-items:center}.new-record-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#ffd70033,#ff8c0033);border:1px solid #ffd700;color:gold;padding:8px;border-radius:8px;font-weight:700;font-size:14px}.restart-btn{background:linear-gradient(135deg,var(--neon-magenta) 0%,#b3003b 100%);color:#fff;box-shadow:0 0 20px #f056}.restart-btn:hover{box-shadow:0 0 30px #ff0055b3}