:root{--primary-color: #00f0ff;--secondary-color: #ff007f;--bg-color: #050510;--glass-bg: rgba(15, 15, 30, .4);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-dim: #a0a0b0}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg-color);font-family:Inter,Roboto,sans-serif;color:var(--text-main)}.app-container{width:100vw;height:100vh;position:relative}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;box-sizing:border-box}.header{pointer-events:auto}.title{margin:0;font-size:2rem;font-weight:800;letter-spacing:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,240,255,.5)}.subtitle{margin:5px 0 0;font-size:.9rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.tecxmate-link{color:var(--text-dim);text-decoration:none;transition:color .2s,text-shadow .2s}.tecxmate-link:hover{color:var(--primary-color);text-shadow:0 0 10px rgba(0,240,255,.5)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;pointer-events:auto;box-shadow:0 8px 32px #00000080}.control-panel{align-self:flex-start;width:420px;display:flex;flex-direction:column;gap:1.5rem}.file-upload-section{display:flex;flex-direction:column;gap:.5rem}.input-section{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff05}.section-label{font-family:monospace;font-size:.8rem;color:#bbb;letter-spacing:3px;text-align:center;font-weight:700}.section-note{font-size:.6rem;color:#888;letter-spacing:1px;font-weight:400}.section-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}.section-divider{font-family:monospace;font-size:.7rem;color:#777;letter-spacing:1px}.capture-error{font-family:monospace;font-size:.7rem;color:#f44;text-align:center;letter-spacing:.5px}.capture-instructions{font-family:monospace;font-size:.7rem;color:#aaa;line-height:1.8;text-align:left;letter-spacing:.5px;white-space:pre-line}.cyber-button.sample-btn{font-size:.7rem;padding:.35rem .7rem;border-color:#f0a;color:#f9d}.cyber-button.sample-btn:hover{background:#ff00aa26;box-shadow:0 0 8px #ff00aa4d}.file-name{font-size:.8rem;color:var(--primary-color);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommended-tracks{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.2rem}.recommended-label{font-size:.7rem;color:#aaa;letter-spacing:2px}.recommended-list{display:flex;flex-wrap:wrap;gap:.4rem .5rem;justify-content:center}.recommended-list a{font-family:monospace;font-size:.7rem;color:#f9d;text-decoration:none;border:1px solid rgba(255,0,170,.35);padding:.3rem .6rem;border-radius:3px;transition:all .2s;letter-spacing:.5px}.recommended-list a:hover{background:#ff00aa26;box-shadow:0 0 8px #ff00aa4d;color:#fad}.cyber-button{background:transparent;color:var(--text-main);border:1px solid var(--primary-color);padding:.8rem 1.5rem;font-family:monospace;font-size:.9rem;letter-spacing:2px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;position:relative;overflow:hidden}.cyber-button:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 15px var(--primary-color)}.primary-btn{border-color:var(--secondary-color)}.primary-btn:hover{background:var(--secondary-color);color:#fff;box-shadow:0 0 15px var(--secondary-color)}.parameters h3{margin:0 0 1rem;font-size:.9rem;color:var(--text-dim);letter-spacing:1.5px}.slider-group{display:flex;flex-direction:column;gap:.5rem}.slider-group label{font-size:.8rem;text-transform:uppercase}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;margin-top:-6px;box-shadow:0 0 10px var(--primary-color)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--glass-border);border-radius:2px}.health-container{display:flex;gap:.4rem;margin-top:.8rem}.health-prism{font-size:1.4rem;color:#0f6;filter:drop-shadow(0 0 6px #00ff66) drop-shadow(0 0 12px #00ff4488);transition:all .3s ease}.health-prism.empty{color:#333;filter:none;opacity:.4}.item-legend{display:flex;gap:1rem;margin-top:.5rem;justify-content:flex-end}.legend-item{font-family:monospace;font-size:.85rem;color:#aaa;letter-spacing:1px;display:flex;align-items:center;gap:.4rem}.legend-icon{font-size:1.5rem}.legend-icon.repair{color:#0f6;filter:drop-shadow(0 0 4px #00ff66)}.legend-icon.powerup{color:#f0f;filter:drop-shadow(0 0 4px #ff00ff);animation:rainbow-cycle 3s linear infinite}@keyframes rainbow-cycle{0%{color:red;filter:drop-shadow(0 0 4px #ff0000)}16%{color:#f80;filter:drop-shadow(0 0 4px #ff8800)}33%{color:#ff0;filter:drop-shadow(0 0 4px #ffff00)}50%{color:#0f4;filter:drop-shadow(0 0 4px #00ff44)}66%{color:#0af;filter:drop-shadow(0 0 4px #00aaff)}83%{color:#80f;filter:drop-shadow(0 0 4px #8800ff)}to{color:red;filter:drop-shadow(0 0 4px #ff0000)}}.game-status{padding:1rem;margin-top:1rem;border:1px solid var(--secondary-color);text-align:center;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 5px var(--secondary-color)}50%{box-shadow:0 0 20px var(--secondary-color)}to{box-shadow:0 0 5px var(--secondary-color)}}.game-over-text{color:var(--secondary-color);font-weight:700;font-size:1.2rem;margin-bottom:.5rem;letter-spacing:2px}.final-score{color:var(--primary-color);font-family:monospace;font-size:1.1rem;margin-bottom:.3rem;letter-spacing:2px}.high-score{color:#fa0;font-family:monospace;font-size:.8rem;margin-bottom:.8rem;letter-spacing:2px;text-shadow:0 0 10px rgba(255,170,0,.4)}.hud-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.score-display{font-family:monospace;font-size:2rem;font-weight:800;color:var(--primary-color);text-shadow:0 0 15px rgba(0,240,255,.6);letter-spacing:3px}.combo-display{font-family:monospace;font-size:1rem;font-weight:700;color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.6);letter-spacing:2px;animation:combo-pulse .4s ease-out}.wave-display{font-family:monospace;font-size:.8rem;color:var(--text-dim);letter-spacing:2px}.hud-center-flash{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;text-align:center}.near-miss-flash .flash-text{font-family:monospace;font-size:2.5rem;font-weight:900;color:#fa0;text-shadow:0 0 30px rgba(255,170,0,.8),0 0 60px rgba(255,100,0,.4);letter-spacing:6px;animation:flash-in 1.2s ease-out forwards}.near-miss-flash .flash-combo{font-family:monospace;font-size:1.5rem;font-weight:700;color:#f60;text-shadow:0 0 20px rgba(255,100,0,.6);letter-spacing:4px;animation:flash-in 1.2s ease-out forwards}.wave-flash .wave-text{font-family:monospace;font-size:4rem;font-weight:900;color:var(--primary-color);text-shadow:0 0 40px rgba(0,240,255,.8),0 0 80px rgba(0,200,255,.4);letter-spacing:10px;animation:wave-announce 2.5s ease-out forwards}.repair-flash .flash-text{font-family:monospace;font-size:2rem;font-weight:900;color:#0f6;text-shadow:0 0 30px rgba(0,255,100,.8),0 0 60px rgba(0,255,70,.4);letter-spacing:6px;animation:flash-in 1.5s ease-out forwards}.kill-flash .flash-text{font-family:monospace;font-size:2.2rem;font-weight:900;color:#f44;text-shadow:0 0 30px rgba(255,50,50,.8),0 0 60px rgba(255,0,0,.4);letter-spacing:6px;animation:flash-in 1s ease-out forwards}.powerup-flash .flash-text{font-family:monospace;font-size:2.5rem;font-weight:900;color:#0fa;text-shadow:0 0 30px rgba(0,255,170,.8),0 0 60px rgba(0,255,100,.4);letter-spacing:6px;animation:flash-in 1.5s ease-out forwards}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0000004d}.countdown-number{font-family:monospace;font-size:8rem;font-weight:900;color:#00f0ff;text-shadow:0 0 40px rgba(0,240,255,.8),0 0 80px rgba(0,240,255,.4),0 0 120px rgba(0,100,255,.3);letter-spacing:8px;animation:countdown-pulse .8s ease-out}@keyframes countdown-pulse{0%{transform:scale(1.5);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:1}}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#0006}.pause-text{font-family:monospace;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(0,240,255,.6),0 0 60px rgba(0,240,255,.3);letter-spacing:12px;animation:pause-pulse 2s ease-in-out infinite}.pause-hint{font-family:monospace;font-size:.8rem;color:#888;letter-spacing:2px;margin-top:1rem}@keyframes pause-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash-in{0%{opacity:1;transform:scale(1.3)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(-20px)}}@keyframes wave-announce{0%{opacity:0;transform:scale(2)}15%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8) translateY(-30px)}}@keyframes combo-pulse{0%{transform:scale(1.4)}to{transform:scale(1)}}.capture-btn{border-color:#a0f}.capture-btn:hover{background:#a0f;color:#fff;box-shadow:0 0 15px #a0f}.capture-btn.active{border-color:#f33;color:#f33;animation:pulse-border-capture 1.5s infinite}.capture-btn.active:hover{background:#f33;color:#fff;box-shadow:0 0 15px #f33}@keyframes pulse-border-capture{0%{box-shadow:0 0 5px #f33}50%{box-shadow:0 0 15px #f33}to{box-shadow:0 0 5px #f33}}.capture-listening{color:#a0f!important;animation:listening-pulse 2s infinite}.capture-playing{color:#0f6!important}@keyframes listening-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.controls-hint{display:flex;gap:.8rem;font-family:monospace;font-size:.6rem;color:#ffffff4d;letter-spacing:1.5px;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-end;flex-wrap:wrap}.controls-hint .legend-icon.missile{color:#f44;text-shadow:0 0 6px rgba(255,68,68,.6)}.support-corner{position:fixed;bottom:2rem;right:2rem;z-index:15;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.support-corner .cyber-button{text-decoration:none;display:inline-block;font-size:.9rem}.cyber-button.support-btn{border-color:#fa0;color:#fc4}.cyber-button.support-btn:hover{background:#fa0;color:var(--bg-color);box-shadow:0 0 15px #fa0}.cyber-button.contribute-btn{border-color:#fa0;color:#fc4}.cyber-button.contribute-btn:hover{background:#fa0;color:var(--bg-color);box-shadow:0 0 15px #fa0}.difficulty-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.difficulty-buttons{display:flex;gap:.4rem}.difficulty-btn{font-size:.7rem!important;padding:.35rem .7rem!important;letter-spacing:1.5px!important;border-color:#555!important;color:#888!important;transition:all .2s}.difficulty-btn:hover{background:#ffffff14!important;color:#ccc!important;box-shadow:none!important}.difficulty-btn.active.difficulty-easy{border-color:#0f6!important;color:#0f6!important;box-shadow:0 0 8px #00ff664d!important}.difficulty-btn.active.difficulty-normal{border-color:var(--primary-color)!important;color:var(--primary-color)!important;box-shadow:0 0 8px #00f0ff4d!important}.difficulty-btn.active.difficulty-hard{border-color:#f80!important;color:#f80!important;box-shadow:0 0 8px #ff88004d!important}.difficulty-btn.active.difficulty-extreme{border-color:#f04!important;color:#f04!important;box-shadow:0 0 8px #ff00444d!important;animation:pulse-border-extreme 1.5s infinite}@keyframes pulse-border-extreme{0%{box-shadow:0 0 5px #ff00444d}50%{box-shadow:0 0 15px #ff004480}to{box-shadow:0 0 5px #ff00444d}}.mobile-block{width:100vw;height:100vh;background:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;font-family:monospace;text-align:center}