@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(18, 18, 26, .85);--bg-glass: rgba(255, 255, 255, .04);--border-glass: rgba(255, 255, 255, .08);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-dim: #555577;--accent-cyan: #4ECDC4;--accent-cyan-glow: rgba(78, 205, 196, .4);--accent-orange: #FF6B35;--accent-purple: #9B5DE5;--accent-red: #FF3366;--accent-gold: #FFD93D;--fire: #FF4500;--water: #1E90FF;--lightning: #FFD700;--earth: #8B4513;--wind: #B0E0E6;--hp-high: #4ECDC4;--hp-mid: #FFEAA7;--hp-low: #FF6B6B;--hp-critical: #FF1744;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s ease,transform .4s ease;z-index:10}.screen.hidden{opacity:0;pointer-events:none;transform:scale(.95)}.screen.visible{opacity:1;pointer-events:all;transform:scale(1)}.hidden:not(.screen){display:none!important}.title-screen{background:radial-gradient(ellipse at 30% 20%,rgba(78,205,196,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(155,93,229,.08) 0%,transparent 60%),var(--bg-primary)}.title-logo{text-align:center;margin-bottom:var(--gap-xl)}.title-logo h1{font-family:Orbitron,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple),var(--accent-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px var(--accent-cyan-glow));animation:titlePulse 3s ease-in-out infinite}.title-logo .subtitle{font-family:Rajdhani,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--text-secondary);font-weight:400;letter-spacing:.3em;text-transform:uppercase;margin-top:var(--gap-sm)}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 30px var(--accent-cyan-glow))}50%{filter:drop-shadow(0 0 50px rgba(155,93,229,.5))}}.btn{font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);padding:14px 40px;border-radius:var(--radius-md);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:220px}.btn:hover{background:#4ecdc41a;border-color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan-glow),inset 0 0 20px #4ecdc40d;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{border-color:var(--accent-cyan);background:#4ecdc41f;color:var(--accent-cyan)}.btn-primary:hover{background:#4ecdc433;box-shadow:0 0 30px var(--accent-cyan-glow)}.btn-group{display:flex;flex-direction:column;gap:var(--gap-md);align-items:center}.btn-group.horizontal{flex-direction:row}.btn-back{font-size:.9rem;padding:10px 24px;min-width:auto;opacity:.7}.btn-back:hover{opacity:1}.btn-easy{border-color:#4ecdc4;color:#4ecdc4}.btn-easy:hover{background:#4ecdc426;box-shadow:0 0 20px #4ecdc44d}.btn-medium{border-color:var(--accent-orange);color:var(--accent-orange)}.btn-medium:hover{background:#ff6b3526;box-shadow:0 0 20px #ff6b354d}.btn-hard{border-color:var(--accent-red);color:var(--accent-red)}.btn-hard:hover{background:#ff336626;box-shadow:0 0 20px #ff33664d}.screen-section-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:var(--gap-xl);color:var(--text-primary);text-align:center}.mode-description{font-size:.85rem;color:var(--text-secondary);margin-top:var(--gap-xs);font-weight:400;text-transform:none;letter-spacing:normal}.battle-screen{background:var(--bg-primary);z-index:5}.battle-layout{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;position:relative}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--gap-md) var(--gap-lg);z-index:20;gap:var(--gap-lg)}.player-info,.opponent-info{flex:1;max-width:380px}.player-info{order:1}.opponent-info{order:3;text-align:right}.battle-timer-container{order:2;text-align:center;min-width:80px}#battle-timer{font-family:Orbitron,sans-serif;font-size:1.2rem;color:var(--text-secondary)}.info-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--gap-xs)}.opponent-info .info-label{color:var(--accent-red)}.hp-bar-container{width:100%;height:22px;background:#ffffff0f;border-radius:30px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.hp-bar-fill{height:100%;border-radius:30px;transition:width .5s ease;background:linear-gradient(90deg,#4ecdc4,#45b7d1);box-shadow:inset 0 1px 2px #fff3,0 0 10px #4ecdc44d;position:relative}.hp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);border-radius:30px 30px 0 0}.hp-bar-fill.opponent{background:linear-gradient(90deg,#ff6b6b,#f36);box-shadow:inset 0 1px 2px #fff3,0 0 10px #ff33664d}.hp-bar-fill.low{background:linear-gradient(90deg,#ffeaa7,#f39c12)!important;box-shadow:inset 0 1px 2px #fff3,0 0 10px #ffeaa74d}.hp-bar-fill.critical{background:linear-gradient(90deg,#ff1744,#d50000)!important;animation:hpCriticalPulse .8s ease-in-out infinite}@keyframes hpCriticalPulse{0%,to{box-shadow:0 0 10px #ff17444d}50%{box-shadow:0 0 20px #ff174499}}.hp-text{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.8rem;color:var(--text-secondary);margin-top:2px}.center-area{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-container{position:relative;width:640px;height:480px;max-width:90vw;max-height:60vh;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);box-shadow:0 0 40px #00000080,0 0 80px #4ecdc40d}#webcam-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}#debug-canvas,#vfx-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#debug-canvas{z-index:14}#vfx-canvas{z-index:15}#opponent-action{position:absolute;top:20px;right:20px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:1.1rem;color:var(--accent-red);background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,51,102,.3);opacity:0;transition:opacity .3s ease;z-index:25}#opponent-action.show{opacity:1}.bottom-bar{display:flex;align-items:center;justify-content:center;gap:var(--gap-xl);padding:var(--gap-md) var(--gap-lg);z-index:20;flex-wrap:wrap}.chakra-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);min-width:180px}.chakra-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#4169e1}.chakra-bar-container{width:100%;height:14px;background:#4169e11a;border-radius:30px;overflow:hidden;border:1px solid rgba(65,105,225,.2)}#chakra-bar{height:100%;border-radius:30px;background:linear-gradient(90deg,#1e90ff,#4169e1,#6a5acd);transition:width .3s ease;box-shadow:0 0 8px #1e90ff4d}#chakra-bar.low-chakra{animation:chakraPulse 1s ease-in-out infinite}@keyframes chakraPulse{0%,to{box-shadow:0 0 8px #1e90ff4d}50%{box-shadow:0 0 16px #1e90ff99}}.chakra-text{font-size:.75rem;color:var(--text-dim)}.combo-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);min-width:80px;opacity:.4;transition:all .3s ease}.combo-section.active{opacity:1}.combo-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.2em;color:var(--accent-gold)}.combo-display{display:flex;align-items:baseline;gap:4px}.combo-number{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:800;color:var(--text-primary);transition:all .2s ease}.combo-section.active .combo-number{color:var(--accent-gold);text-shadow:0 0 15px rgba(255,217,61,.5)}.combo-section.hot .combo-number{color:var(--accent-red);text-shadow:0 0 20px rgba(255,51,102,.6);animation:comboPulse .5s ease-in-out infinite}.combo-mult{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:700;color:var(--accent-gold)}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.gesture-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs)}.gesture-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .2s ease}.gesture-icon.active{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);background:#4ecdc414}.gesture-label-text{font-family:Rajdhani,sans-serif;font-weight:500;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.sequence-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm)}.sequence-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.sequence-slots{display:flex;gap:var(--gap-sm)}.sequence-slot{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);font-size:1.4rem;transition:all .25s ease}.sequence-slot.filled{border-color:var(--accent-cyan);background:#4ecdc41a;animation:slotPop .3s ease}.sequence-slot.empty .slot-emoji{opacity:.2;font-size:1rem}@keyframes slotPop{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}.sequence-arrow{display:flex;align-items:center;color:var(--text-dim);font-size:1rem}#jutsu-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#0a0a0feb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--accent-cyan);border-radius:var(--radius-lg);padding:var(--gap-lg) var(--gap-xl);text-align:center;z-index:100;opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);--notif-glow: var(--accent-cyan)}#jutsu-notification.show{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 40px var(--notif-glow),0 0 80px #00000080}#jutsu-notification.hidden{opacity:0;transform:translate(-50%,-50%) scale(.8)}#notif-jutsu-name{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--gap-sm)}#notif-damage{font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;color:var(--accent-red)}#notif-element{font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;margin-top:var(--gap-xs)}.game-over-screen{background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;letter-spacing:.05em;margin-bottom:var(--gap-md)}.result-title.victory{background:linear-gradient(135deg,var(--accent-gold),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,217,61,.5))}.result-title.defeat{background:linear-gradient(135deg,var(--accent-red),#880000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,51,102,.5))}#result-subtitle{font-family:Rajdhani,sans-serif;font-size:1.2rem;color:var(--text-secondary);margin-bottom:var(--gap-xl)}#game-stats{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--gap-lg);margin-bottom:var(--gap-xl);min-width:300px}.stat-row{display:flex;justify-content:space-between;padding:var(--gap-sm) 0;border-bottom:1px solid rgba(255,255,255,.04)}.stat-row:last-child{border-bottom:none}.stat-label{font-family:Rajdhani,sans-serif;color:var(--text-secondary);font-weight:500}.stat-value{font-family:Orbitron,sans-serif;font-weight:600;color:var(--accent-cyan)}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:48px;height:48px;border:3px solid rgba(78,205,196,.2);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--gap-lg)}.loading-text{font-family:Rajdhani,sans-serif;font-size:1.1rem;color:var(--text-secondary);letter-spacing:.1em}#loading-status{font-size:.85rem;color:var(--text-dim);margin-top:var(--gap-sm)}.jutsu-reference{position:absolute;bottom:var(--gap-lg);right:var(--gap-lg);z-index:25}.jutsu-ref-toggle{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:6px 14px;cursor:pointer;transition:all .2s ease}.jutsu-ref-toggle:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.jutsu-ref-panel{position:absolute;bottom:40px;right:0;width:320px;max-height:400px;overflow-y:auto;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:var(--gap-md);display:none}.jutsu-ref-panel.show{display:block}.jutsu-ref-element{margin-bottom:var(--gap-md)}.jutsu-ref-element-name{font-family:Rajdhani,sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--gap-xs)}.jutsu-ref-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem;color:var(--text-secondary)}.jutsu-ref-sequence{font-size:1rem}.jutsu-ref-panel::-webkit-scrollbar{width:4px}.jutsu-ref-panel::-webkit-scrollbar-track{background:transparent}.jutsu-ref-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sound-toggle{position:absolute;top:var(--gap-md);right:var(--gap-md);z-index:30;font-size:1.5rem;background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.sound-toggle:hover{opacity:1}.debug-toggle{position:absolute;top:var(--gap-md);left:var(--gap-md);z-index:30;font-family:Rajdhani,sans-serif;font-size:.75rem;background:#00000080;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-dim);padding:4px 10px;cursor:pointer;transition:all .2s}.debug-toggle:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.battle-menu-btn{position:absolute;top:calc(var(--gap-md) + 36px);left:var(--gap-md);z-index:30;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-sm);color:var(--accent-red);padding:4px 12px;cursor:pointer;transition:all .2s}.battle-menu-btn:hover{background:#ff336640;border-color:var(--accent-red);box-shadow:0 0 10px #f363}.btn-pvp{border-color:var(--accent-purple);color:var(--accent-purple)}.btn-pvp:hover{background:#9b5de526;box-shadow:0 0 20px #9b5de54d}#screen-pvp-lobby{padding:var(--gap-xl) var(--gap-lg);justify-content:flex-start;padding-top:60px;overflow-y:auto;background:radial-gradient(ellipse at 30% 20%,rgba(155,93,229,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(78,205,196,.06) 0%,transparent 60%),var(--bg-primary)}.pvp-name-section{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xl)}.pvp-label{font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.pvp-input{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:600;text-align:center;background:var(--bg-glass);border:2px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 24px;width:260px;outline:none;transition:all .3s ease}.pvp-input:focus{border-color:var(--accent-purple);box-shadow:0 0 20px #9b5de533}.pvp-status{display:flex;align-items:center;gap:8px;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:500;margin-bottom:var(--gap-xl);color:var(--text-dim)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red);transition:background .3s}.pvp-status.connected .status-dot{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan-glow);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{box-shadow:0 0 6px var(--accent-cyan-glow)}50%{box-shadow:0 0 12px var(--accent-cyan-glow),0 0 20px #4ecdc426}}.pvp-status.connected{color:var(--accent-cyan)}.pvp-options{display:flex;gap:var(--gap-xl);flex-wrap:wrap;justify-content:center;max-width:860px;animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.pvp-lobby-section{animation:fadeSlideIn .4s ease}.pvp-lobby-section.hiding{animation:fadeSlideOut .3s ease forwards}.pvp-option-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--gap-xl) var(--gap-lg);text-align:center;min-width:230px;max-width:250px;flex:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.pvp-option-card:hover{border-color:#9b5de566;box-shadow:0 0 30px #9b5de51f;transform:translateY(-4px)}.pvp-option-card h3{font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--gap-sm)}.pvp-option-card p{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--gap-lg);line-height:1.5}.pvp-option-card .btn{min-width:unset;width:100%;font-size:1rem;padding:10px 20px}.pvp-code-input-group{display:flex;gap:var(--gap-sm)}.pvp-code-input{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.3em;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--accent-cyan);padding:8px 12px;width:110px;outline:none;transition:border-color .2s}.pvp-code-input:focus{border-color:var(--accent-cyan)}.pvp-code-input-group .btn{min-width:unset;padding:8px 16px;font-size:.95rem}.pvp-waiting{text-align:center;padding:var(--gap-xl) var(--gap-xl) var(--gap-lg)}.pvp-waiting-spinner{width:48px;height:48px;border:3px solid rgba(155,93,229,.2);border-top-color:var(--accent-purple);border-radius:50%;margin:0 auto var(--gap-lg);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#pvp-waiting-text{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--gap-lg)}.pvp-room-code-display{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);margin-bottom:var(--gap-xl);font-family:Rajdhani,sans-serif;font-size:1rem;color:var(--text-secondary);background:#4ecdc40f;border:1px solid rgba(78,205,196,.15);border-radius:var(--radius-md);padding:var(--gap-md) var(--gap-xl)}.pvp-room-code-display strong{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;color:var(--accent-cyan);letter-spacing:.35em;text-shadow:0 0 20px var(--accent-cyan-glow)}.pvp-copy-btn{background:none;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 10px;cursor:pointer;font-size:1rem;transition:all .2s}.pvp-copy-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.pvp-matched{text-align:center;padding:var(--gap-xl) var(--gap-lg);display:flex;flex-direction:column;align-items:center;justify-content:center}.pvp-vs-display{display:flex;align-items:center;justify-content:center;gap:var(--gap-xl);margin-bottom:40px}.pvp-player-name{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;color:var(--accent-cyan);text-shadow:0 0 15px var(--accent-cyan-glow)}.pvp-player-name:last-child{color:var(--accent-red);text-shadow:0 0 15px rgba(255,51,102,.4)}.pvp-vs{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent-red),var(--accent-orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,107,53,.4));animation:vsPulse 2s ease-in-out infinite}@keyframes vsPulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,107,53,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,107,53,.6));transform:scale(1.08)}}.pvp-match-label{font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--gap-lg)}.btn-ready-pulse{animation:readyPulse 1.5s ease-in-out infinite;font-size:1.3rem;padding:16px 48px}@keyframes readyPulse{0%,to{box-shadow:0 0 15px var(--accent-cyan-glow)}50%{box-shadow:0 0 30px var(--accent-cyan-glow),0 0 50px #4ecdc433}}.pvp-countdown{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--gap-xl);min-height:200px}#pvp-countdown-number{font-family:Orbitron,sans-serif;font-size:8rem;font-weight:900;color:var(--accent-gold);text-shadow:0 0 60px rgba(255,217,61,.5);animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(2.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.7}}.pvp-back-row{margin-top:var(--gap-xl)}.pvp-connection-badge{position:absolute;top:var(--gap-md);right:70px;z-index:30;display:flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:4px 10px;color:var(--text-dim);transition:all .3s ease;opacity:0;pointer-events:none}.pvp-connection-badge.visible{opacity:1}.pvp-connection-badge .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0}.pvp-connection-badge.quality-good{color:var(--accent-cyan);border-color:#4ecdc433}.pvp-connection-badge.quality-good .badge-dot{background:var(--accent-cyan);box-shadow:0 0 4px var(--accent-cyan-glow)}.pvp-connection-badge.quality-medium{color:var(--accent-gold);border-color:#ffd93d33}.pvp-connection-badge.quality-medium .badge-dot{background:var(--accent-gold);box-shadow:0 0 4px #ffd93d66}.pvp-connection-badge.quality-poor{color:var(--accent-red);border-color:#f363}.pvp-connection-badge.quality-poor .badge-dot{background:var(--accent-red);box-shadow:0 0 4px #f366;animation:badgePulse 1s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}.battle-sync-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);gap:var(--gap-xl);transition:opacity .3s ease}#battle-sync-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:800;color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-cyan-glow);text-align:center;letter-spacing:.1em}#battle-sync-status{font-family:Rajdhani,sans-serif;font-size:1.4rem;color:var(--text-secondary);font-weight:500;letter-spacing:.1em}#battle-sync-countdown{font-family:Orbitron,sans-serif;font-size:8rem;font-weight:900;color:var(--accent-gold);text-shadow:0 0 60px rgba(255,217,61,.5);animation:countdownPulse 1s ease-in-out}@media(max-width:768px){.bottom-bar{gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md)}.chakra-section,#charge-container{min-width:120px}.video-container{width:100%;height:auto;aspect-ratio:4/3;border-radius:0}.top-bar{padding:var(--gap-sm) var(--gap-md)}.sequence-slot{width:40px;height:40px;font-size:1.1rem}#screen-pvp-lobby{padding-top:30px}.pvp-option-card{min-width:180px;max-width:100%}.pvp-vs-display{gap:var(--gap-md)}.pvp-player-name{font-size:1.1rem}}