@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@400;700&display=swap";body,html{-webkit-user-select:none;user-select:none;background-color:#020205;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#app{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#tech-overlay{z-index:10000;pointer-events:none;background:radial-gradient(circle,#0000 0%,#0006 100%);position:absolute;inset:0;box-shadow:inset 0 0 100px #000c}#tech-overlay:before{content:"";background:linear-gradient(#1210101a 50%,#0000001a 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;position:absolute;inset:0}#ui-layer{pointer-events:none;box-sizing:border-box;color:#fff;z-index:10;flex-direction:column;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#crosshair{pointer-events:none;z-index:1000;background-color:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #000,0 0 2px #00e5ffcc}#crosshair:before,#crosshair:after{content:"";background-color:#ffffffb3;position:absolute}#crosshair:before{width:20px;height:1px;top:50%;left:-8px;transform:translateY(-50%)}#crosshair:after{width:1px;height:20px;top:-8px;left:50%;transform:translate(-50%)}#minimap{z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);background:#05051466;border:1px solid #00e5ff33;width:100px;height:100px;position:absolute;top:15px;left:15px}@media (width>=1024px){#minimap{width:160px;height:160px;top:25px;left:25px}}#stats-hud{z-index:100;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}#stats-hud>div:first-child{display:none}#score-row{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(5% 0,95% 0,100% 100%,0% 100%);background:#00050f66;padding:4px 12px;font-family:Orbitron,sans-serif;font-size:.75rem}#player-hud{z-index:100;pointer-events:none;position:absolute;top:15px;right:15px}@media (width>=1024px){#player-hud{top:25px;right:25px}.vitals-frame{gap:6px!important;width:320px!important}.vital-label{font-size:.65rem!important}.vital-value{font-size:.8rem!important}.vital-row.primary .bar-container{height:14px!important}.vital-row.secondary .bar-container,.segment{height:8px!important}}.vitals-frame{flex-direction:column;gap:4px;width:240px;display:flex}.vital-row{flex-direction:column;display:flex}.vital-header{justify-content:space-between;align-items:flex-end;margin-bottom:2px;padding:0 4px;display:flex}.vital-label{letter-spacing:1px;color:#fff6;font-family:Orbitron,sans-serif;font-size:.5rem}.vital-value{color:#fff;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700}.vitals-sub-group{align-items:flex-start;gap:8px;display:flex}.vital-row.secondary{flex:1.5}.vital-row.tertiary{flex:1}.bar-container{background:#0006;border:1px solid #ffffff0d;width:100%;overflow:hidden;transform:skew(-25deg)}.bar-fill{transform-origin:0;width:100%;height:100%;transition:transform .1s ease-out}.vital-row.primary .bar-container{height:10px}.vital-row.secondary .bar-container{height:6px;position:relative}.vital-row.secondary .bar-fill.charge{opacity:.6;height:100%;position:absolute;top:0;left:0}.segment-group{gap:3px;display:flex;transform:skew(-25deg)}.segment{background:#1e1e2dcc;border:1px solid #ffffff0d;flex:1;height:6px;overflow:hidden}.segment-fill{background-color:var(--seg-color,#00e5ff);transform-origin:0;width:100%;height:100%;transition:transform .1s ease-out}#target-ui{display:none!important}.menu-screen,#game-over{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle,#0a0a28fa 0%,#020205 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-title{letter-spacing:12px;font-family:Orbitron,sans-serif;font-size:6rem;font-weight:900;animation:3s infinite glitch-title}.go-title{letter-spacing:15px;text-transform:uppercase;margin:0;font-family:Orbitron,sans-serif;font-size:7rem;animation:2s infinite glitch-title;position:relative}.go-title.win{color:#0fc;text-shadow:0 0 30px #00ffcc80}.go-title.loss{color:#f36;text-shadow:0 0 30px #ff336680}.menu-subtitle{color:#00e5ff;letter-spacing:12px;opacity:.7;text-transform:uppercase;margin-top:1rem;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700}.menu-list{flex-direction:column;gap:15px;width:90%;max-width:800px;margin-top:2rem;display:flex}.list-item{cursor:pointer;text-align:left;clip-path:polygon(0 0,98% 0,100% 30%,100% 100%,2% 100%,0 70%);color:#fff;background:#ffffff05;border:1px solid #ffffff1a;align-items:center;gap:25px;padding:1.2rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex;position:relative}.list-item:hover:not(:disabled){background:#00e5ff0d;border-color:#00e5ff;transform:translate(10px);box-shadow:0 0 30px #00e5ff1a}.list-item:disabled{opacity:.3;cursor:not-allowed}.item-icon{text-align:center;min-width:50px;font-size:2rem}.item-content{flex:1}.item-title{letter-spacing:2px;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900}.item-desc{color:#ffffff80;max-width:400px;font-size:.8rem;line-height:1.4}.item-status{letter-spacing:2px;color:#ffffff4d;border-left:1px solid #ffffff1a;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700}@media (width<=768px){.menu-title{letter-spacing:6px;font-size:2rem}.go-title{letter-spacing:8px;font-size:3rem}.menu-subtitle{letter-spacing:6px;margin-top:.5rem;font-size:.6rem}.list-item{gap:15px;padding:1rem}.item-icon{min-width:30px;font-size:1.5rem}.item-desc,.item-status{display:none}}.ability-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:90%;max-width:900px;margin-top:2rem;display:grid}.ability-btn{color:var(--c);border:1px solid var(--c);clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);cursor:pointer;text-transform:uppercase;letter-spacing:3px;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:2rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:900;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex}.ability-btn:hover{background:var(--c);box-shadow:0 0 30px var(--c);transform:translateY(-5px);color:#000!important}.ability-btn.active{background:var(--c);box-shadow:0 0 40px var(--c);border-width:2px;color:#000!important}@media (width<=1024px){.ability-grid{grid-template-columns:repeat(2,1fr);gap:15px}.ability-btn{padding:1.2rem 1rem;font-size:.8rem}}.menu-title-small{letter-spacing:5px;color:#00e5ff;text-transform:uppercase;text-shadow:0 0 20px #00e5ff4d;margin-bottom:3rem;font-family:Orbitron,sans-serif;font-size:1.5rem}.toggle-label{cursor:pointer;letter-spacing:2px;color:#fff9;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#0000004d;border:1px solid #ffffff1a;align-items:center;gap:15px;margin:1.5rem 0;padding:10px 20px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.toggle-label:hover{color:#fff;background:#00e5ff0d;border-color:#00e5ff}.toggle-label input{accent-color:#00e5ff;cursor:pointer;transform:scale(1.2)}#matchmaking-options{flex-direction:column;gap:20px;width:90%;max-width:600px;margin-top:2rem;display:flex}.matchmaking-options-row{gap:15px;display:flex}.matchmaking-options-row button{cursor:pointer;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);letter-spacing:2px;background:0 0;flex:1;padding:15px;font-family:Orbitron,sans-serif;font-weight:900;transition:all .3s}.tech-btn.cyan{color:#00e5ff;border:1px solid #00e5ff}.tech-btn.cyan:hover{color:#000;background:#00e5ff;box-shadow:0 0 30px #00e5ff80}.tech-btn.magenta{color:#f3c;border:1px solid #f3c}.tech-btn.magenta:hover{color:#000;background:#f3c;box-shadow:0 0 30px #ff33cc80}.code-entry{clip-path:polygon(0 0,95% 0,100% 20%,100% 100%,5% 100%,0 80%);background:#0006;border:1px solid #ffffff1a;gap:10px;padding:5px;display:flex}.code-entry input{color:#fff;letter-spacing:4px;background:0 0;border:none;outline:none;flex:1;padding:10px 15px;font-family:Orbitron,sans-serif;font-size:1.1rem}.code-entry button{color:#fff;cursor:pointer;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);background:#ffffff1a;border:none;padding:10px 30px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s}.code-entry button:hover{color:#000;background:#fff}.back-link{color:#fff6;letter-spacing:3px;cursor:pointer;background:0 0;border:none;margin-top:3rem;font-family:Orbitron,sans-serif;font-size:.7rem;text-decoration:none;transition:all .3s;display:block}.back-link:hover{color:#00e5ff;transform:translate(-5px)}#tutorial-overlay{z-index:5000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#020205f2}.tutorial-frame{clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%);background:#00e5ff08;border:1px solid #00e5ff1a;flex-direction:column;gap:30px;width:90%;max-width:800px;padding:3rem;display:flex;position:relative}.tutorial-header{text-align:left;border-left:4px solid #00e5ff;padding-left:20px}.tut-tag{color:#00e5ff;letter-spacing:4px;font-family:Orbitron,sans-serif;font-size:.7rem}.tut-title{letter-spacing:2px;margin:10px 0;font-family:Orbitron,sans-serif;font-size:2rem}.tut-status{opacity:.5;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:.6rem}.controls-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.control-card{background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;gap:5px;padding:15px 20px;transition:all .3s;display:flex}.control-key{color:#fff;letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:900}.control-label{color:#fff6;letter-spacing:2px;font-size:.7rem}.control-card.highlight{background:#ffaa000d;border-color:#fa0}.control-card.highlight .control-key{color:#fa0}.control-card.ability{background:#00e5ff0d;border-color:#00e5ff}.control-card.ability .control-key{color:#00e5ff}.tut-dismiss{align-self:center;margin-top:20px;width:auto!important;padding:15px 50px!important}@media (width<=768px){.controls-grid{grid-template-columns:1fr}.tutorial-frame{padding:1.5rem}.tut-title{font-size:1.4rem}}@keyframes glitch-title{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{text-shadow:3px 0 red,-3px 0 #0ff;transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{text-shadow:-3px 0 red,3px 0 #0ff;transform:translate(2px,-2px)}to{transform:translate(0)}}#restart-btn{color:#00e5ff;cursor:pointer;clip-path:polygon(15% 0,100% 0,85% 100%,0% 100%);background:0 0;border:2px solid #00e5ff;margin-top:3rem;padding:12px 40px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s}#restart-btn:hover{color:#000;background:#00e5ff;box-shadow:0 0 30px #00e5ff99}