:root{--neon-blue: #00f2fe;--neon-pink: #ff007f;--neon-green: #39ff14;--bg-dark: #050505;--glass: rgba(255, 255, 255, .05)}.cyber-app{width:100vw;height:100vh;background:var(--bg-dark);color:#fff;font-family:Orbitron,sans-serif;overflow:hidden;display:flex;flex-direction:column}.cyber-nav{height:60px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;background:#000c;border-bottom:1px solid var(--neon-blue);box-shadow:0 0 15px #00f2fe33}.nav-info{display:flex;gap:20px;align-items:center;font-weight:700}.best{color:#888;font-size:.8rem}.cloud-tag{font-size:.7rem;color:var(--neon-blue);display:flex;align-items:center;gap:5px}.syncing{animation:blink 1s infinite}.game-stage{flex:1;position:relative;background:linear-gradient(#000000b3,#000000b3),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,242,254,.05) 40px,rgba(0,242,254,.05) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(0,242,254,.05) 40px,rgba(0,242,254,.05) 41px)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-glow{font-size:5rem;text-shadow:0 0 20px var(--neon-blue),0 0 40px var(--neon-blue);margin-bottom:50px}.char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.char-card{background:var(--glass);border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:15px;cursor:pointer;transition:all .3s;width:200px;text-align:center}.char-card.active{border-color:var(--neon-blue);background:#00f2fe1a;transform:translateY(-10px);box-shadow:0 10px 20px #00f2fe33}.char-icon{font-size:3rem;margin-bottom:15px}.stat-bar{height:4px;background:#333;margin-top:15px;border-radius:2px}.stat-fill{height:100%;border-radius:2px}.battle-field{width:100%;height:100%;position:relative}.hud{display:flex;padding:30px 50px;justify-content:space-between;align-items:center}.hud-side{width:300px}.hud-label{font-size:.8rem;margin-bottom:8px;color:var(--neon-blue)}.hud-bar{height:15px;background:#222;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hud-fill{height:100%;transition:width .3s}.hud-fill.enemy{background:var(--neon-pink)}.entities{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.entity{position:absolute;width:150px;height:150px;transition:left .1s linear,top .1s linear;display:flex;flex-direction:column;align-items:center}.entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.placeholder{font-size:80px}.pos-indicator{width:60px;height:20px;border:2px solid;border-radius:50%;transform:rotateX(60deg);margin-top:-10px;opacity:.5}.hurt{animation:shake .2s infinite;filter:brightness(2) saturate(2)}.skill-dock{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#000c;padding:15px 30px;border-radius:50px;border:1px solid var(--neon-blue)}.skill-unit{background:var(--glass);border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:25px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s}.skill-unit:hover{background:var(--neon-blue);color:#000}.skill-unit.special{border-color:var(--neon-pink);color:var(--neon-pink)}.skill-unit.special:hover{background:var(--neon-pink);color:#fff}.move-hint{align-self:center;font-size:.7rem;color:#666;margin-left:20px}@keyframes blink{50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}75%{transform:translate(5px,-5px)}}.victory{color:var(--neon-green);text-shadow:0 0 20px var(--neon-green)}.gameover{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink)}.start-btn,.confirm-btn{background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);padding:15px 40px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:.3s;text-transform:uppercase;letter-spacing:2px}.start-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 30px var(--neon-blue)}
