:root{--bg:#f5f7fa;--panel:#ffffffd1;--accent:#ff6b6b;--cyan:#4dadf7;--neon-green:#51cf66;--amber:#fcc419;--muted:#868e96;--light:#212529;--glow-cyan:0 8px 30px #4dadf726, inset 0 0 10px #4dadf70d;--glow-magenta:0 8px 30px #ff6b6b26}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--light);touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(#fff 0%,#f5f7fa 100%);font-family:Inter,sans-serif;overflow:hidden}body{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}#game-container{aspect-ratio:16/9;background:#fff;border:1px solid #00000014;border-radius:16px;flex:none;width:min(100vw - 32px,1280px,177.778vh - 163.556px);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014,0 0 50px #4dadf70f}#game-container canvas{display:block}.game-ui-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.hud-header{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.integrity-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #0000000f;border-radius:8px;flex-direction:column;gap:6px;padding:8px 16px 10px 12px;display:flex;box-shadow:0 4px 15px #00000008}.integrity-label{letter-spacing:.15em;color:var(--cyan);text-shadow:0 0 4px #4dadf733;font-family:Orbitron,sans-serif;font-size:11px}.bar-container{clip-path:polygon(0 0,95% 0,100% 100%,0% 100%);background:#00000008;border:1.5px solid #00000014;width:220px;height:18px;position:relative;overflow:hidden}.integrity-bar{background:linear-gradient(90deg, var(--neon-green) 0%, var(--cyan) 100%);width:100%;height:100%;transition:width .2s cubic-bezier(.1,.8,.2,1);box-shadow:inset 0 0 8px #ffffff4d}.critical-hp{animation:.6s infinite alternate criticalBlink}.hp-numeric{color:var(--light);text-shadow:0 1px 1px #fffc;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.sector-panel{letter-spacing:.08em;color:var(--light);background:linear-gradient(180deg, var(--light) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px #4dadf733);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3;-webkit-background-clip:text;border:1px solid #0000000f;border-radius:8px;padding:6px 20px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:900}.score-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #0000000f;border-radius:8px;flex-direction:column;align-items:flex-end;padding:8px 16px;display:flex}.score-label{color:var(--muted);letter-spacing:.2em;font-family:Orbitron,sans-serif;font-size:9px}.score-value{color:var(--accent);text-shadow:var(--glow-magenta);font-family:Orbitron,sans-serif;font-size:26px;font-weight:700}.boss-health-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141419d9;border:1px solid #ff6b6b4d;border-radius:4px;flex-direction:column;align-items:center;gap:4px;width:600px;max-width:80vw;padding:8px 12px;display:none;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 25px #ff6b6b26}.boss-health-panel.active{animation:.4s cubic-bezier(.175,.885,.32,1.275) panelZoomIn;display:flex}.boss-label{letter-spacing:.3em;color:var(--accent);text-shadow:0 0 8px #ff6b6b66;font-family:Orbitron,sans-serif;font-size:14px;font-weight:900}.boss-bar-wrapper{background:#00000080;border:1px solid #ff6b6b33;width:100%;height:12px;overflow:hidden}.boss-health-fill{background:linear-gradient(90deg,#c92a2a 0%,#ff6b6b 100%);width:100%;height:100%;transition:width .15s linear;box-shadow:inset 0 0 10px #fff3}.style-meter-container{opacity:0;flex-direction:column;align-items:flex-end;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:110px;right:24px;transform:scale(.5)}.style-meter-container.active{opacity:1;transform:scale(1)}.style-rank-letter{text-align:right;font-family:Orbitron,sans-serif;font-size:72px;font-style:italic;font-weight:900;line-height:.9}.rank-c{color:#adb5bd;text-shadow:0 0 10px #adb5bd80}.rank-b{color:var(--cyan);text-shadow:0 0 15px #4dadf799}.rank-a{color:var(--neon-green);text-shadow:0 0 15px #51cf6699}.rank-s{color:var(--amber);text-shadow:0 0 20px #fcc41999}.rank-sss{color:#fff;text-shadow:0 0 10px #fff, 0 0 25px var(--accent), 0 0 45px var(--accent);animation:.4s infinite alternate sssFlame}.hud-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;width:100%;color:var(--muted);background:#fffc;border-top:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.hud-footer kbd{color:var(--light);background:#00000008;border:1px solid #0000001a;border-radius:4px;margin:0 2px;padding:1px 6px;font-family:monospace}.sound-indicator{color:var(--muted);cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;transition:color .2s}.sound-indicator.on{color:var(--cyan);text-shadow:0 0 8px #4dadf780}.fullscreen-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7fabf;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out overlayFadeIn;display:none;position:absolute;top:0;left:0}.terminal-panel{background:var(--panel);text-align:center;border:1.5px solid #4dadf733;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:580px;padding:32px;animation:.25s cubic-bezier(.175,.885,.32,1.275) panelZoomIn;display:flex;position:relative;box-shadow:0 16px 48px #4dadf71f}.terminal-panel:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#4dadf705 1px,#0000 1px),linear-gradient(90deg,#4dadf705 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;position:absolute;top:0;bottom:0;left:0;right:0}.terminal-title{letter-spacing:.1em;color:var(--cyan);text-shadow:0 0 5px #4dadf733;margin-bottom:-5px;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900}.terminal-sp{color:var(--accent);text-shadow:0 0 5px #ff6b6b33;background:#ff6b6b0a;border:1px solid #ff6b6b33;border-radius:20px;padding:4px 18px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.terminal-hp-status{color:var(--light);opacity:.9;margin-bottom:5px;font-size:14px}.skill-list{flex-direction:column;gap:12px;width:100%;display:flex}.skill-btn{width:100%;color:var(--light);cursor:pointer;text-align:left;background:#00000003;border:1.5px solid #0000000f;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.skill-btn:hover{border-color:var(--cyan);background:#4dadf70d;transform:translateY(-2px);box-shadow:0 4px 12px #4dadf71a}.skill-btn:active{transform:translateY(0)}.skill-btn.maxed{border-color:var(--neon-green);color:var(--neon-green);pointer-events:none;background:#51cf620a}.skill-btn.cost-hp{color:var(--neon-green)}.skill-btn.cost-combo{color:var(--amber)}.skill-btn.cost-dash{color:var(--cyan)}.close-panel-tip{color:var(--muted);letter-spacing:.1em;margin-top:10px;font-size:12px}@keyframes btnShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shake{animation:.2s ease-in-out 2 btnShake;border-color:var(--accent)!important;box-shadow:0 0 15px #ff6b6b33!important}.pause-panel{text-align:center}.pause-title{color:var(--cyan);text-shadow:0 0 10px #4dadf74d;letter-spacing:.2em;font-family:Orbitron,sans-serif;font-size:40px;font-weight:900;animation:1.5s infinite alternate pulseGlitch}.gameover-panel{border-color:var(--accent);width:520px;box-shadow:0 16px 48px #ff6b6b1f}.gameover-title{color:var(--accent);text-shadow:0 0 10px #ff6b6b4d;letter-spacing:.1em;font-family:Orbitron,sans-serif;font-size:44px;font-weight:900}.gameover-title.win{color:var(--cyan);text-shadow:0 0 10px #4dadf74d}.gameover-score-row{margin:15px 0;font-size:20px;font-weight:600}.restart-btn{background:var(--cyan);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #4dadf74d}.restart-btn:hover{background:#339af0;transform:translateY(-2px);box-shadow:0 6px 20px #4dadf766}@keyframes criticalBlink{0%{opacity:1}to{opacity:.3}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlitch{0%,to{opacity:1;transform:scale(1)}92%{opacity:1;transform:scale(1)skew(0deg)}94%{opacity:.8;transform:scale(1.02)skew(-3deg)}96%{opacity:.9;transform:scale(.98)skew(2deg)}98%{opacity:1;transform:scale(1)skew(0deg)}}@keyframes sssFlame{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.05)rotate(-2deg)}}@keyframes glitchOpen{0%{clip-path:inset(40% 0 30%)}20%{clip-path:inset(10% 0 60%)}40%{clip-path:inset(80% 0 5%)}60%{clip-path:inset(30% 0 40%)}80%{clip-path:inset(0)}to{clip-path:none}}.victory-theme{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#06060ceb!important}.victory-panel{width:620px;padding:40px;overflow:hidden;background:#0d0d17f2!important;border:2px solid #00d4ff73!important;box-shadow:0 0 45px #00d4ff40!important}.victory-panel:before{background-color:#0000!important;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:20px 20px!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important}.victory-scanner{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#00d4ffb3,#0000);height:3px;animation:3s linear infinite scanLine;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #00d4ffe6}.cyber-crest{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:5px;display:flex;position:relative}.crest-ring{border:2px dashed #00d4ff66;border-radius:50%;position:absolute}.ring-outer{width:100%;height:100%;animation:12s linear infinite rotateCW}.ring-inner{border-style:dotted;border-color:#00d4ffb3;width:75%;height:75%;animation:8s linear infinite rotateCCW}.crest-icon{color:#00d4ff;text-shadow:0 0 12px #00d4ffcc;font-size:32px;font-weight:700}.victory-title{color:#00d4ff;text-shadow:0 0 20px #00d4ff99;letter-spacing:.15em;margin-top:5px;font-family:Orbitron,sans-serif;font-size:38px;font-weight:900}.victory-subtitle{color:#00d4ff99;letter-spacing:.25em;text-transform:uppercase;margin-bottom:10px;font-size:11px}.victory-stats-card{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:15px 0;display:grid}.stat-item{background:#00d4ff05;border:1px solid #00d4ff1a;border-radius:12px;flex-direction:column;gap:8px;padding:16px 10px;transition:all .3s;display:flex}.stat-item:hover{background:#00d4ff0d;border-color:#00d4ff4d;transform:translateY(-2px)}.stat-label{color:#868e96;letter-spacing:.15em;font-size:9px;font-weight:600}.stat-val{font-family:Orbitron,sans-serif;font-size:22px;font-weight:900}.highlight-cyan{color:#00d4ff;text-shadow:0 0 10px #00d4ff80}.highlight-gold{color:#ffd43b;text-shadow:0 0 10px #ffd43b80}.highlight-green{color:#51cf66;text-shadow:0 0 10px #51cf6680}.victory-btn{animation:2s infinite alternate pulseGlow;letter-spacing:.1em!important;background:linear-gradient(135deg,#00d4ff 0%,#09f 100%)!important;border:none!important;font-size:15px!important;box-shadow:0 0 25px #00d4ff66!important}.victory-btn:hover{background:linear-gradient(135deg,#33e0ff 0%,#1ab0ff 100%)!important;box-shadow:0 0 35px #00d4ff99!important}@keyframes scanLine{0%{opacity:.3;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:.3;top:100%}}@keyframes rotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 20px #00d4ff66}to{transform:scale(1.03);box-shadow:0 0 30px #00d4ffb3}}@media (max-width:720px),(max-height:760px){body{gap:0;padding:8px}#game-container{border-radius:8px;width:min(100vw - 16px,1280px,177.778vh - 28.4444px)}.game-ui-overlay{padding:12px}.hud-footer{display:none}.integrity-panel{padding:6px 10px}.bar-container{width:140px}.hp-numeric{right:15px}.score-value{font-size:20px}.sector-panel{padding:4px 12px;font-size:14px}.terminal-panel{width:90%;padding:20px}}
/*$vite$:1*/