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