.app-container{position:relative;width:100vw;height:100vh;background-color:#0b0f19;overflow:hidden;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#f8fafc;-webkit-user-select:none;user-select:none}.game-hud{position:absolute;top:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,#0b0f19f2,#0b0f1900);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:10}.hud-left{display:flex;align-items:center;gap:12px}.logo-text{font-weight:900;font-size:1.3rem;letter-spacing:2px;background:linear-gradient(45deg,#10b981,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(16,185,129,.4)}.mute-btn{background:#ffffff14;border:none;color:#94a3b8;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.score-wrap{display:flex;flex-direction:column;align-items:center;transition:transform .1s ease}.score-wrap.bump{transform:scale(1.25)}.score-wrap .label{font-size:.65rem;color:#64748b;letter-spacing:1px}.score-wrap .value{font-size:1.8rem;font-weight:900;color:#10b981;text-shadow:0 0 12px rgba(16,185,129,.6)}.hud-right{display:flex;align-items:center;background:#ffffff0d;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.high-score{font-weight:700;font-size:.9rem;color:#f59e0b}.game-canvas{width:100%;height:100%;display:block}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;padding:20px;background:#0b0f19e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.start-screen{justify-content:space-around;padding-top:60px}.cyber-logo{text-align:center}.title-glowing{font-size:2.8rem;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 0 15px rgba(16,185,129,.8),0 0 30px rgba(245,158,11,.4);margin:0}.subtitle{font-size:1.1rem;color:#94a3b8;letter-spacing:4px;margin-top:5px}.character-select{width:100%;max-width:500px}.select-title{text-align:center;color:#64748b;font-size:.85rem;margin-bottom:12px;letter-spacing:1px}.char-list{display:flex;flex-direction:column;gap:10px}.char-card{display:flex;align-items:center;gap:15px;background:#1e293b80;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease}.char-card.active{background:#10b98126;border-color:#10b981;box-shadow:0 0 15px #10b98140}.char-card.locked{opacity:.4;cursor:not-allowed}.char-emoji{font-size:2.2rem}.char-info{display:flex;flex-direction:column;flex:1}.char-name{font-weight:700;font-size:1rem}.char-desc{font-size:.8rem;color:#94a3b8;margin-top:2px}.lock-tag{font-size:.75rem;color:#f59e0b;margin-top:4px;font-weight:600}.btn-primary{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 32px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 4px 20px #10b98166;transition:all .2s}.btn-primary:hover{transform:scale(1.05)}.instructions{text-align:center;font-size:.75rem;color:#475569;line-height:1.5}.playing-hud{position:absolute;top:75px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:10}.player-stats{display:flex;flex-direction:column;gap:8px;background:#0b0f19b3;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-label{font-size:.7rem;font-weight:800;color:#94a3b8;width:55px}.hp-bar-container,.energy-bar-container{display:flex;align-items:center}.hp-blocks{display:flex;gap:6px}.hp-block{width:24px;height:12px;background:#ffffff1a;border-radius:3px}.hp-block.active{background:#ef4444;box-shadow:0 0 8px #ef444499}.energy-bg{width:100px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.energy-fill{height:100%;width:100%;transition:width .1s ease}.form-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:auto;cursor:pointer}.form-badge{display:flex;align-items:center;gap:6px;background:#0b0f19d9;border:2px solid #fff;padding:8px 14px;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #00000080}.pulse-border{animation:borderGlow 1.5s infinite alternate}@keyframes borderGlow{0%{transform:scale(1)}to{transform:scale(1.05)}}.transform-tip{font-size:.7rem;color:#10b981;font-weight:700;text-shadow:0 0 5px rgba(16,185,129,.5)}.gameover-screen{background:#0b0f19f2}.gameover-title{font-size:2.5rem;font-weight:900;color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.5);margin-bottom:5px}.gameover-subtitle{font-size:1.1rem;color:#64748b;letter-spacing:4px;margin-bottom:30px}.result-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 30px;width:100%;max-width:360px;margin-bottom:30px}.result-row{display:flex;justify-content:space-between;font-size:1.1rem;margin:10px 0}.result-val{font-weight:800}.new-record-badge{background:#f59e0b33;border:1px dashed #f59e0b;color:#fbbf24;text-align:center;padding:8px;border-radius:8px;font-size:.9rem;font-weight:700;margin-top:15px}.retry-char-select{margin-bottom:30px}.char-mini-list{display:flex;gap:12px}.mini-char-btn{background:#ffffff0d;border:2px solid transparent;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s}.mini-char-btn:disabled{opacity:.2}.mini-char-btn.active{background:#ffffff26;transform:scale(1.05)}.mini-name{font-size:.7rem;color:#94a3b8}.mobile-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:15}.dpad{display:flex;flex-direction:column;align-items:center;pointer-events:auto}.dpad-row{display:flex;align-items:center}.dpad-btn{width:50px;height:50px;background:#1e293bb3;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.2rem;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}.dpad-btn:active{background:#10b981}.dpad-center{width:50px;height:50px}.action-btns{display:flex;gap:15px;pointer-events:auto}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;border:none;color:#fff;font-weight:700;font-size:.75rem;cursor:pointer;box-shadow:0 4px 10px #0006;touch-action:manipulation}.transform-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #fff}.pulse-glow{animation:glowBtn 1s infinite alternate}@keyframes glowBtn{0%{box-shadow:0 0 5px #10b981}to{box-shadow:0 0 20px #10b981}}.shoot-btn{background:linear-gradient(135deg,#ef4444,#dc2626);width:85px;height:85px}.action-btn:active{transform:scale(.9)}@media (max-width: 600px){.title-glowing{font-size:2rem}.char-card{padding:8px 12px}.char-emoji{font-size:1.6rem}.char-desc{display:none}.mobile-controls{display:flex}}@media (min-width: 601px){.mobile-controls{display:none}}