:root{--primary-color: #00e5ff;--background-color: #030411;--text-color: #ffffff;--secondary-color: #e500ff;--hud-color: #00ffff;--danger-color: #ff4500}body{font-family:Orbitron,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:-2}.stars:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px);background-size:50px 50px;animation:move-stars 100s linear infinite;transform-origin:0 0}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px 2px,#00e5ff1a 3px 4px);z-index:20;animation:scanline-flicker 15s linear infinite}@keyframes scanline-flicker{0%{opacity:.8}5%{opacity:.6}10%{opacity:.8}50%{opacity:.8}52%{opacity:.9}55%{opacity:.7}to{opacity:.8}}@keyframes move-stars{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.panel{background:#0a143280;border:1px solid var(--primary-color);border-radius:15px;box-shadow:0 0 20px #00e5ff80,inset 0 0 10px #00e5ff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2;padding:2rem;transition:opacity .5s ease,transform .5s ease}.container{text-align:center;padding:2rem;transition:opacity 1s ease,transform 1s ease}.container.hidden{opacity:0;transform:scale(.5);pointer-events:none}h1{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 10px #fff,0 0 20px var(--primary-color),0 0 30px var(--primary-color);animation:pulse-glow 2s infinite alternate}@keyframes pulse-glow{0%{text-shadow:0 0 10px #fff,0 0 20px var(--primary-color),0 0 30px var(--primary-color)}to{text-shadow:0 0 15px #fff,0 0 25px var(--primary-color),0 0 45px var(--primary-color)}}p{font-size:1.2rem;margin:1rem 0}button{color:var(--text-color);font-family:Orbitron,sans-serif;font-weight:700;border:1px solid var(--primary-color);background-color:transparent;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 0 10px #00e5ff80;transition:all .3s ease}button:hover:not(:disabled){background-color:var(--primary-color);color:var(--background-color);box-shadow:0 0 15px var(--primary-color),0 0 25px var(--primary-color)}button:disabled{border-color:#555;color:#777;cursor:not-allowed;box-shadow:none;background-color:#1e1e1e80}.menu-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.menu-buttons button{margin-top:0}#play-button{border-color:var(--secondary-color);box-shadow:inset 0 0 10px #e500ff80}#play-button:hover{background-color:var(--secondary-color);box-shadow:0 0 15px var(--secondary-color),0 0 25px var(--secondary-color)}.credits{margin-top:3rem;font-size:.9rem;opacity:.7}.credits p{margin:.5rem 0}.credits a{color:var(--primary-color);text-decoration:none;transition:color .3s ease,text-shadow .3s ease}.credits a:hover{color:#fff;text-shadow:0 0 5px var(--primary-color)}#development-disclaimer{margin-top:1.5rem;font-size:.8rem;font-style:italic;opacity:.5}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.loading-container.visible{opacity:1;pointer-events:all}.loading-container p{font-size:1.5rem;margin-top:2rem;text-shadow:0 0 10px var(--primary-color)}.loader{width:60px;height:60px;border:5px solid rgba(0,229,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-area{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;opacity:0;pointer-events:none;transition:opacity 1s ease}.game-area.visible{opacity:1;pointer-events:all}canvas{border:1px solid var(--primary-color);background-color:transparent;box-shadow:0 0 15px var(--primary-color);max-width:100vw;transition:width 1s ease-in-out,height 1s ease-in-out;cursor:crosshair}.divider-line{display:none}.hud-panel{width:600px;height:50px;background-color:#000000b3;border:1px solid var(--hud-color);border-top:none;box-shadow:0 0 15px var(--hud-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-sizing:border-box;transition:width 1s ease}.hud-item{font-size:1.1rem;text-shadow:0 0 5px var(--hud-color)}#game-status{transition:opacity 1.5s ease-out}.hud-group{display:flex;align-items:center;gap:1.5rem}#heat-bar-container{width:100px;height:10px;background-color:#333;border:1px solid #555;border-radius:3px;overflow:hidden}#heat-bar{width:0%;height:100%;background:linear-gradient(90deg,#fc0,#ff4500);transition:width .1s linear}#overheat-text{color:var(--danger-color);font-size:.6rem;font-weight:700;animation:blink .5s infinite;display:none}@keyframes blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.game-area.fullscreen-game{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;z-index:5;flex-direction:column-reverse}.game-area.fullscreen-game canvas{width:100vw;height:100vh;border-radius:0;border:none;box-shadow:none;position:absolute;top:0;left:0;z-index:6}.game-area.fullscreen-game .hud-panel{width:100vw;height:50px;border-radius:0;border:none;border-top:1px solid var(--hud-color);box-shadow:0 0 15px var(--hud-color);position:relative;z-index:7;background:#030411cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.message-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);background-color:#0a0a2ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:10px;border:1px solid var(--primary-color);box-shadow:0 0 30px var(--primary-color);text-align:center;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;width:90%;max-width:500px}.message-box.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1)}.message-box h2{margin-top:0;color:var(--primary-color);font-size:2.5rem;text-shadow:0 0 10px var(--primary-color)}.message-box p{font-size:1.2rem;margin-bottom:2rem}.message-box .button-group{display:flex;justify-content:center;gap:1rem}.message-box .button-group button{margin-top:0}.message-box button#message-button,.message-box button#continue-button,.message-box button#back-to-menu-button,#close-how-to-play-button{border-color:var(--secondary-color);box-shadow:inset 0 0 10px #e500ff80}.message-box button#message-button:hover,.message-box button#continue-button:hover,.message-box button#back-to-menu-button:hover,#close-how-to-play-button:hover{background-color:var(--secondary-color);box-shadow:0 0 15px var(--secondary-color),0 0 25px var(--secondary-color)}.unselectable{-webkit-user-select:none;user-select:none}.upgrade-options{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0;text-align:left;max-height:50vh;overflow-y:auto}.upgrade-category h3{margin:0 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--primary-color);color:var(--primary-color);font-size:1.2rem}.upgrade-category button{width:100%;margin-top:.5rem;font-size:.9rem}.auto-upgrade-container{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.how-to-play-content{display:flex;flex-direction:column;gap:1.5rem;text-align:left;margin-bottom:2rem}.how-to-play-item{display:flex;align-items:center;gap:1rem}.how-to-play-item p{font-size:1rem;margin:0;flex:1}.how-to-play-icon{width:40px;height:40px;flex-shrink:0}.icon-player{background-color:#ccc;clip-path:polygon(50% 0%,0% 100%,100% 100%);width:30px;height:40px}.icon-enemy{background-color:#a9a9a9;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.icon-ally{background-color:#007bff;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:scale(.8)}#final-boss-health-container{position:absolute;top:10px;left:50%;transform:translate(-50%);width:80%;max-width:600px;height:25px;background-color:#00000080;border:2px solid var(--danger-color);border-radius:10px;display:none;z-index:6;padding:2px}#final-boss-health-bar{width:100%;height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--danger-color));border-radius:8px;transition:width .2s ease-in-out}#debug-panel{position:absolute;top:10px;left:10px;width:250px;background:#0a0a1ef2;border:1px solid var(--primary-color);color:#fff;padding:15px;border-radius:5px;z-index:9999;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 20px #000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#debug-panel.hidden{display:none}#debug-panel h3{margin:0;font-size:1.2rem;color:var(--primary-color);border-bottom:1px solid #555;padding-bottom:5px}#debug-panel button{margin-top:5px;padding:5px 10px;font-size:.9rem}.debug-row{display:flex;gap:5px}.debug-row select{flex:1;background:#222;color:#fff;border:1px solid #555;border-radius:3px;padding:5px}#debug-toggle{position:absolute;top:10px;left:10px;z-index:9998;background:transparent;border:none;font-size:1.5rem;cursor:pointer;opacity:.3;padding:0;margin:0;width:30px;height:30px;box-shadow:none}#debug-toggle:hover{opacity:1;background:transparent;box-shadow:none;transform:scale(1.1)}#hud-skill-button{position:absolute;bottom:80px;right:20px;z-index:8;background-color:#a020f0b3;border:2px solid #fff;color:#fff;padding:15px 20px;border-radius:50%;width:80px;height:80px;font-size:.9rem;font-weight:700;box-shadow:0 0 15px #a020f0;cursor:pointer;animation:pulse-skill 2s infinite;display:none;text-align:center;line-height:1.2}#hud-skill-button:hover{transform:scale(1.1);background-color:#a020f0}@keyframes pulse-skill{0%{box-shadow:0 0 15px #a020f0}50%{box-shadow:0 0 25px #f0f}to{box-shadow:0 0 15px #a020f0}}.void-skill-btn{border-color:#a020f0!important;background:linear-gradient(45deg,#300050,#100020);text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:1rem}.void-skill-btn:hover{background:linear-gradient(45deg,#500080,#300050)!important;box-shadow:0 0 15px #a020f0!important}.void-skill-btn strong{font-size:1.1rem;color:#e080ff;margin-bottom:5px}#void-barrier-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:60%;height:15px;border:2px solid #00ffff;background:#00000080;z-index:10;pointer-events:none}#void-barrier-bar{width:100%;height:100%;background:linear-gradient(90deg,#0ff,#08f);box-shadow:0 0 10px #0ff;transition:width .2s}.barrier-label{position:absolute;top:-15px;width:100%;text-align:center;font-size:10px;color:#0ff;font-family:Orbitron,sans-serif;text-shadow:0 0 5px #00ffff}