.login-overlay[data-v-8b35c0dd]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-8b35c0dd .2s ease}@keyframes fadeIn-8b35c0dd{0%{opacity:0}to{opacity:1}}.login-modal[data-v-8b35c0dd]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:40px;width:100%;max-width:380px;text-align:center;animation:slideUp-8b35c0dd .3s ease}@keyframes slideUp-8b35c0dd{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-icon[data-v-8b35c0dd]{font-size:48px;margin-bottom:16px}.login-title[data-v-8b35c0dd]{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.login-desc[data-v-8b35c0dd]{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.login-form[data-v-8b35c0dd]{display:flex;flex-direction:column;gap:16px}.input-group[data-v-8b35c0dd]{position:relative;display:flex;align-items:center}.password-input[data-v-8b35c0dd]{flex:1;padding:14px 50px 14px 16px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .25s ease}.password-input[data-v-8b35c0dd]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #4fc3f733}.password-input.error[data-v-8b35c0dd]{border-color:#f44336}.password-input.error[data-v-8b35c0dd]:focus{box-shadow:0 0 0 3px #f4433633}.password-input[data-v-8b35c0dd]::placeholder{color:var(--text-secondary)}.toggle-btn[data-v-8b35c0dd]{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s ease}.toggle-btn[data-v-8b35c0dd]:hover{opacity:1}.error-text[data-v-8b35c0dd]{color:#f44336;font-size:13px;margin:0;text-align:left}.submit-btn[data-v-8b35c0dd]{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease}.submit-btn[data-v-8b35c0dd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4fc3f766}.submit-btn[data-v-8b35c0dd]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-8b35c0dd]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8b35c0dd .8s linear infinite}@keyframes spin-8b35c0dd{to{transform:rotate(360deg)}}.close-btn[data-v-8b35c0dd]{margin-top:16px;padding:10px;background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:color .2s ease}.close-btn[data-v-8b35c0dd]:hover{color:var(--text-primary)}.home-container[data-v-9f40b646]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;color:var(--text-primary)}.top-actions[data-v-9f40b646]{position:fixed;top:20px;right:80px;display:flex;gap:12px;z-index:100}.top-btn[data-v-9f40b646]{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.top-btn[data-v-9f40b646]:hover{transform:translateY(-2px)}.control-btn[data-v-9f40b646]{color:var(--text-primary)}.control-btn[data-v-9f40b646]:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff;box-shadow:0 4px 15px #ba68c866}.top-btn .btn-icon[data-v-9f40b646]{font-size:18px}.bg-effects[data-v-9f40b646]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.grid-overlay[data-v-9f40b646]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px}.glow-orb[data-v-9f40b646]{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat-9f40b646 6s ease-in-out infinite}.orb1[data-v-9f40b646]{width:400px;height:400px;background:#4fc3f726;top:-10%;left:-15%}.orb2[data-v-9f40b646]{width:350px;height:350px;background:#ff704326;bottom:-10%;right:-15%;animation-delay:3s}.orb3[data-v-9f40b646]{width:250px;height:250px;background:#9c27b01a;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1.5s}.theme-light .orb1[data-v-9f40b646],.theme-light .orb2[data-v-9f40b646],.theme-light .orb3[data-v-9f40b646]{display:none}.theme-light .grid-overlay[data-v-9f40b646]{opacity:.5}@keyframes orbFloat-9f40b646{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.title-section[data-v-9f40b646]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:60px}.title-icon[data-v-9f40b646]{display:flex;align-items:center;gap:20px;font-size:48px;animation:titleFloat-9f40b646 3s ease-in-out infinite}.sword[data-v-9f40b646]{color:var(--accent-cyan);text-shadow:0 0 20px rgba(79,195,247,.5);animation:swordSwing-9f40b646 2s ease-in-out infinite}.theme-light .sword[data-v-9f40b646]{color:var(--accent-cyan)}.sword-left[data-v-9f40b646]{animation-delay:0s}.sword-right[data-v-9f40b646]{animation-delay:.5s;transform:scaleX(-1)}@keyframes swordSwing-9f40b646{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.sword-right[data-v-9f40b646]{animation-name:swordSwingRight-9f40b646}@keyframes swordSwingRight-9f40b646{0%,to{transform:scaleX(-1) rotate(-10deg)}50%{transform:scaleX(-1) rotate(10deg)}}.ball-icon[data-v-9f40b646]{display:flex;gap:8px}.ball[data-v-9f40b646]{width:30px;height:30px;border-radius:50%;animation:ballBounce-9f40b646 1s ease-in-out infinite}.ball-1[data-v-9f40b646]{background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);box-shadow:0 0 20px #4fc3f780}.theme-light .ball-1[data-v-9f40b646]{box-shadow:0 0 15px #0288d166}.ball-2[data-v-9f40b646]{background:linear-gradient(135deg,var(--accent-orange) 0%,#f4511e 100%);box-shadow:0 0 20px #ff704380;animation-delay:.5s}.theme-light .ball-2[data-v-9f40b646]{box-shadow:0 0 15px #e64a1966}@keyframes ballBounce-9f40b646{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes titleFloat-9f40b646{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-title[data-v-9f40b646]{font-size:56px;font-weight:900;color:var(--text-primary);text-shadow:0 0 40px rgba(255,235,59,.4);margin:0;animation:titlePulse-9f40b646 2s ease-in-out infinite}.theme-light .game-title[data-v-9f40b646]{text-shadow:0 0 20px rgba(0,0,0,.1)}@keyframes titlePulse-9f40b646{0%,to{text-shadow:0 0 40px rgba(255,235,59,.4)}50%{text-shadow:0 0 60px rgba(255,235,59,.6)}}.theme-light .game-title[data-v-9f40b646]{text-shadow:0 2px 10px rgba(0,0,0,.1)}.subtitle[data-v-9f40b646]{font-size:16px;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;margin:0}.mode-selection[data-v-9f40b646]{display:flex;flex-direction:column;gap:24px;width:100%;max-width:500px}.mode-card[data-v-9f40b646]{position:relative;display:flex;align-items:center;gap:24px;padding:28px 32px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;cursor:pointer;transition:all .3s ease;overflow:hidden;color:var(--text-primary)}.mode-card[data-v-9f40b646]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,195,247,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.mode-card[data-v-9f40b646]:hover{transform:translateY(-5px) scale(1.02);border-color:var(--accent-cyan);box-shadow:0 15px 50px #4fc3f733}.theme-light .mode-card[data-v-9f40b646]:hover{box-shadow:0 15px 30px #0000001a}.mode-card[data-v-9f40b646]:hover:before{opacity:1}.mode-card:hover .mode-arrow[data-v-9f40b646]{transform:translate(10px);color:var(--accent-cyan)}.mode-card.online[data-v-9f40b646]{border-color:#ff70434d}.mode-card.online[data-v-9f40b646]:before{background:linear-gradient(135deg,rgba(255,112,67,.1) 0%,transparent 50%)}.mode-card.online[data-v-9f40b646]:hover{border-color:var(--accent-orange);box-shadow:0 15px 50px #ff704333}.mode-card.online:hover .mode-arrow[data-v-9f40b646]{color:var(--accent-orange)}.mode-icon[data-v-9f40b646]{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);border-radius:16px;box-shadow:0 8px 25px #4fc3f766;color:#fff}.mode-card.online .mode-icon[data-v-9f40b646]{background:linear-gradient(135deg,var(--accent-orange) 0%,#f4511e 100%);box-shadow:0 8px 25px #ff704366}.theme-light .mode-icon[data-v-9f40b646]{color:#fff}.icon-text[data-v-9f40b646]{font-size:20px;font-weight:900}.mode-info[data-v-9f40b646]{flex:1;display:flex;flex-direction:column;gap:6px}.mode-title[data-v-9f40b646]{font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.mode-desc[data-v-9f40b646]{font-size:14px;color:var(--text-secondary);margin:0}.mode-arrow[data-v-9f40b646]{font-size:24px;color:var(--text-secondary);transition:all .3s ease}@keyframes badgePulse-9f40b646{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-info[data-v-9f40b646]{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:12px}.server-status[data-v-9f40b646]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);color:var(--text-secondary)}.status-dot[data-v-9f40b646]{width:8px;height:8px;border-radius:50%;background:#f44336;animation:statusBlink-9f40b646 1.5s ease-in-out infinite}.server-status.connected .status-dot[data-v-9f40b646]{background:var(--accent-green)}@keyframes statusBlink-9f40b646{0%,to{opacity:1}50%{opacity:.4}}.status-text[data-v-9f40b646]{font-size:12px;color:var(--text-secondary)}.version[data-v-9f40b646]{font-size:11px;color:var(--text-secondary);margin:0}.lobby-container[data-v-f28700f5]{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;color:var(--text-primary)}.bg-effects[data-v-f28700f5]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.grid-overlay[data-v-f28700f5]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px}.glow-orb[data-v-f28700f5]{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat-f28700f5 6s ease-in-out infinite}.orb1[data-v-f28700f5]{width:400px;height:400px;background:#4fc3f726;top:-10%;left:-15%}.orb2[data-v-f28700f5]{width:350px;height:350px;background:#ff704326;bottom:-10%;right:-15%;animation-delay:3s}.theme-light .orb1[data-v-f28700f5],.theme-light .orb2[data-v-f28700f5]{display:none}.theme-light .grid-overlay[data-v-f28700f5]{opacity:.3}@keyframes orbFloat-f28700f5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}.btn-back[data-v-f28700f5]{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s ease;z-index:10}.btn-back[data-v-f28700f5]:hover{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.back-icon[data-v-f28700f5]{font-size:18px}.title-section[data-v-f28700f5]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:40px}.title-icon[data-v-f28700f5]{font-size:48px;animation:iconBounce-f28700f5 2s ease-in-out infinite}@keyframes iconBounce-f28700f5{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lobby-title[data-v-f28700f5]{font-size:42px;font-weight:800;color:var(--text-primary);text-shadow:0 0 30px rgba(79,195,247,.4);margin:0}.theme-light .lobby-title[data-v-f28700f5]{text-shadow:0 2px 10px rgba(0,0,0,.1)}.subtitle[data-v-f28700f5]{font-size:14px;color:var(--text-secondary);margin:0}.content-area[data-v-f28700f5]{display:flex;gap:40px;width:100%;max-width:900px;justify-content:center}.panel[data-v-f28700f5]{flex:1;max-width:380px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;overflow:hidden}.panel-header[data-v-f28700f5]{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#0000000d;border-bottom:1px solid var(--border-color)}.panel-icon[data-v-f28700f5]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#4fc3f733;border-radius:10px;font-size:18px;font-weight:700;color:#4fc3f7}.join-panel .panel-icon[data-v-f28700f5]{background:#ff704333;color:#ff7043}.panel-header h2[data-v-f28700f5]{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.panel-body[data-v-f28700f5]{padding:24px;display:flex;flex-direction:column;gap:16px}.input-group[data-v-f28700f5]{display:flex;flex-direction:column;gap:8px}.input-group label[data-v-f28700f5]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.input-group input[data-v-f28700f5]{padding:14px 16px;background:#0000000d;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .3s ease}.input-group input[data-v-f28700f5]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 20px #4fc3f733}.input-group input[data-v-f28700f5]::placeholder{color:var(--text-secondary)}.input-group input[data-v-f28700f5]:disabled{opacity:.5;cursor:not-allowed}.btn-action[data-v-f28700f5]{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-create[data-v-f28700f5]{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#0f3460}.btn-create[data-v-f28700f5]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #4fc3f766}.btn-join[data-v-f28700f5]{background:linear-gradient(135deg,#ff7043,#f4511e);color:#fff}.btn-join[data-v-f28700f5]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #ff704366}.btn-action[data-v-f28700f5]:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-icon[data-v-f28700f5]{font-size:20px}.divider[data-v-f28700f5]{display:flex;align-items:center;padding:0 20px}.divider-text[data-v-f28700f5]{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.room-panel[data-v-f28700f5]{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:90%;max-width:700px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.room-header[data-v-f28700f5]{margin-bottom:20px}.room-info[data-v-f28700f5]{display:flex;align-items:center;justify-content:space-between}.invite-code-display[data-v-f28700f5]{display:flex;align-items:center;gap:12px}.invite-label[data-v-f28700f5]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.invite-code[data-v-f28700f5]{font-size:28px;font-weight:900;color:var(--accent-yellow);text-shadow:0 0 20px rgba(255,235,59,.5);letter-spacing:6px}.theme-light .invite-code[data-v-f28700f5]{text-shadow:0 2px 10px rgba(255,235,59,.3)}.btn-copy[data-v-f28700f5]{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease}.btn-copy[data-v-f28700f5]:hover{background:#4fc3f733;border-color:var(--accent-cyan)}.player-count[data-v-f28700f5]{display:flex;align-items:baseline;gap:6px}.count-value[data-v-f28700f5]{font-size:24px;font-weight:700;color:var(--text-primary)}.count-label[data-v-f28700f5]{font-size:12px;color:var(--text-secondary)}.player-list[data-v-f28700f5]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.player-item[data-v-f28700f5]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#0000000d;border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease}.player-item.is-you[data-v-f28700f5]{border-color:#4fc3f780;background:#4fc3f71a}.player-item.empty[data-v-f28700f5]{border-style:dashed;opacity:.5}.player-avatar[data-v-f28700f5]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-avatar[data-v-f28700f5]{background:var(--bg-card)}.avatar-text[data-v-f28700f5]{font-size:20px;font-weight:900;color:var(--text-primary)}.empty-avatar .avatar-text[data-v-f28700f5]{color:var(--text-secondary)}.player-info[data-v-f28700f5]{display:flex;flex-direction:column;align-items:center;gap:4px}.player-name[data-v-f28700f5]{font-size:13px;font-weight:600;color:var(--text-primary)}.empty-text[data-v-f28700f5]{color:var(--text-secondary)}.you-badge[data-v-f28700f5]{font-size:10px;color:var(--accent-cyan)}.player-status[data-v-f28700f5]{font-size:11px;color:var(--text-secondary);text-align:center}.host-badge[data-v-f28700f5]{margin-top:4px;padding:4px 8px;background:#ffd70033;border-radius:8px;font-size:10px;color:var(--accent-yellow)}.room-actions[data-v-f28700f5]{display:flex;gap:12px}.btn-leave[data-v-f28700f5]{flex:1;background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary)}.btn-leave[data-v-f28700f5]:hover{background:#ff646433;border-color:#f44336}.btn-start-game[data-v-f28700f5]{flex:2;background:linear-gradient(135deg,var(--accent-green) 0%,#2e7d32 100%);color:#fff}.start-hint[data-v-f28700f5]{margin-top:12px;text-align:center;font-size:12px;color:var(--text-secondary)}.start-hint.ready[data-v-f28700f5]{color:var(--accent-green);font-weight:600}.wait-hint[data-v-f28700f5]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;font-size:14px;color:var(--text-secondary)}.wait-hint .wait-icon[data-v-f28700f5]{font-size:16px;animation:pulse-f28700f5 1.5s ease-in-out infinite}@keyframes pulse-f28700f5{0%,to{opacity:1}50%{opacity:.5}}.error-toast[data-v-f28700f5],.success-toast[data-v-f28700f5]{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:1000}.error-toast[data-v-f28700f5]{background:#f44336e6;color:#fff}.success-toast[data-v-f28700f5]{background:#4caf50e6;color:#fff}.error-icon[data-v-f28700f5],.success-icon[data-v-f28700f5]{font-size:18px}.slide-up-enter-active[data-v-f28700f5],.slide-up-leave-active[data-v-f28700f5]{transition:all .4s ease}.slide-up-enter-from[data-v-f28700f5],.slide-up-leave-to[data-v-f28700f5]{opacity:0;transform:translate(-50%) translateY(50px)}.fade-enter-active[data-v-f28700f5],.fade-leave-active[data-v-f28700f5]{transition:opacity .3s ease}.fade-enter-from[data-v-f28700f5],.fade-leave-to[data-v-f28700f5]{opacity:0}@media (max-width: 768px){.content-area[data-v-f28700f5]{flex-direction:column;align-items:center}.panel[data-v-f28700f5]{max-width:100%;width:100%}.divider[data-v-f28700f5]{padding:20px 0}.player-list[data-v-f28700f5]{grid-template-columns:repeat(2,1fr)}.room-panel[data-v-f28700f5]{bottom:20px;padding:16px}}.select-container[data-v-7fac3200]{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 32px;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;color:var(--text-primary)}.bg-particles[data-v-7fac3200]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle[data-v-7fac3200]{position:absolute;border-radius:50%;filter:blur(40px);animation:float-7fac3200 8s ease-in-out infinite}.p1[data-v-7fac3200]{width:200px;height:200px;background:#4fc3f726;top:10%;left:10%;animation-delay:0s}.p2[data-v-7fac3200]{width:150px;height:150px;background:#ff704326;top:60%;right:15%;animation-delay:2s}.p3[data-v-7fac3200]{width:180px;height:180px;background:#9c27b01a;bottom:20%;left:20%;animation-delay:4s}.p4[data-v-7fac3200]{width:120px;height:120px;background:#ffeb3b1a;top:30%;right:25%;animation-delay:6s}.theme-light .particle[data-v-7fac3200]{display:none}@keyframes float-7fac3200{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(15px,15px) scale(1.05)}}.btn-back[data-v-7fac3200]{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s ease;z-index:10}.btn-back[data-v-7fac3200]:hover{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.back-icon[data-v-7fac3200]{font-size:18px}.title-section[data-v-7fac3200]{display:flex;flex-direction:column;align-items:center;gap:16px}.title[data-v-7fac3200]{display:flex;align-items:center;gap:16px;font-size:36px;font-weight:800;color:var(--text-primary);text-shadow:0 0 30px rgba(79,195,247,.5);margin:0;animation:titlePulse-7fac3200 2s ease-in-out infinite}.theme-light .title[data-v-7fac3200]{text-shadow:0 2px 10px rgba(0,0,0,.1)}.title-icon[data-v-7fac3200]{font-size:40px;animation:swordSwing-7fac3200 1.5s ease-in-out infinite}@keyframes swordSwing-7fac3200{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes titlePulse-7fac3200{0%,to{text-shadow:0 0 30px rgba(79,195,247,.5)}50%{text-shadow:0 0 50px rgba(79,195,247,.8)}}.room-info-bar[data-v-7fac3200]{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px}.room-label[data-v-7fac3200]{font-size:12px;color:var(--text-secondary)}.room-code[data-v-7fac3200]{font-size:16px;font-weight:700;color:var(--accent-yellow);letter-spacing:3px}.player-count[data-v-7fac3200]{font-size:14px;color:var(--text-secondary);padding-left:12px;border-left:1px solid var(--border-color)}.battlefield-preview[data-v-7fac3200]{display:flex;align-items:center;justify-content:center;gap:40px;padding:32px 48px;background:var(--bg-card);border-radius:20px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-side[data-v-7fac3200]{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .3s ease}.player-side.ready[data-v-7fac3200]{transform:scale(1.05)}.player-label[data-v-7fac3200]{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--text-secondary)}.player-side.left .player-label[data-v-7fac3200]{color:var(--accent-cyan)}.player-side.right .player-label[data-v-7fac3200]{color:var(--accent-orange)}.player-avatar[data-v-7fac3200]{position:relative;width:80px;height:80px}.avatar-ring[data-v-7fac3200]{width:100%;height:100%;border-radius:50%;border:3px solid var(--border-color);background:var(--bg-CharacterSelect);transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img[data-v-7fac3200]{width:50%;height:auto;object-fit:cover}.avatar-emoji[data-v-7fac3200]{font-size:36px;animation:emojiBounce-7fac3200 1s ease-in-out infinite}@keyframes emojiBounce-7fac3200{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.player-side.left .avatar-ring[data-v-7fac3200]{border-color:#4fc3f7;box-shadow:0 0 20px #4fc3f74d}.player-side.right .avatar-ring[data-v-7fac3200]{border-color:#ff7043;box-shadow:0 0 20px #ff70434d}.selected-character[data-v-7fac3200]{min-width:140px;padding:12px 24px;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:600;text-align:center;transition:all .3s ease}.selected-character.selected[data-v-7fac3200]{border-style:solid;color:var(--text-primary);background:#4fc3f71a}.theme-light .selected-character.selected[data-v-7fac3200]{background:#4fc3f726}.player-side.left .selected-character.selected[data-v-7fac3200]{border-color:var(--accent-cyan);box-shadow:0 0 25px #4fc3f766}.player-side.right .selected-character.selected[data-v-7fac3200]{border-color:var(--accent-orange);box-shadow:0 0 25px #ff704366}.vs-container[data-v-7fac3200]{position:relative}.vs-text[data-v-7fac3200]{font-size:36px;font-weight:900;color:var(--accent-yellow);text-shadow:0 0 20px rgba(255,235,59,.8);animation:vsPulse-7fac3200 1s ease-in-out infinite}.theme-light .vs-text[data-v-7fac3200]{text-shadow:0 2px 10px rgba(255,235,59,.4)}.vs-glow[data-v-7fac3200]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(255,235,59,.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse-7fac3200 1.5s ease-in-out infinite}@keyframes vsPulse-7fac3200{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glowPulse-7fac3200{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}.online-players-grid[data-v-7fac3200]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:900px}.player-slot[data-v-7fac3200]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;transition:all .3s ease}.player-slot.is-you[data-v-7fac3200]{border-color:#4fc3f780;background:#4fc3f71a}.player-slot.selected[data-v-7fac3200]{border-color:#4caf5080;background:#4caf501a}.player-slot.selecting[data-v-7fac3200]{animation:selectingPulse-7fac3200 1.5s ease-in-out infinite}@keyframes selectingPulse-7fac3200{0%,to{border-color:#4fc3f74d}50%{border-color:#4fc3f7cc}}.player-slot.empty[data-v-7fac3200]{opacity:.4;border-style:dashed}.slot-header[data-v-7fac3200]{display:flex;align-items:center;gap:8px}.player-color[data-v-7fac3200]{width:12px;height:12px;border-radius:50%}.empty-color[data-v-7fac3200]{background:#555}.player-nickname[data-v-7fac3200]{font-size:14px;font-weight:600;color:#fff}.empty-text[data-v-7fac3200]{color:#555}.you-tag[data-v-7fac3200]{font-size:10px;color:#4fc3f7;margin-left:4px}.slot-avatar[data-v-7fac3200]{width:60px;height:60px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);overflow:hidden}.slot-char-img[data-v-7fac3200]{width:100%;height:100%;object-fit:cover}.player-slot.selected .slot-avatar[data-v-7fac3200]{border-color:#4caf5080}.char-emoji[data-v-7fac3200]{font-size:28px}.waiting-text[data-v-7fac3200]{font-size:24px;color:var(--text-secondary)}.slot-character[data-v-7fac3200]{font-size:12px;color:var(--text-secondary);text-align:center}.hint-text[data-v-7fac3200]{font-size:13px;color:var(--text-secondary);margin-top:-10px}.character-grid[data-v-7fac3200]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;padding:0 20px}.character-card[data-v-7fac3200]{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardEnter-7fac3200 .5s ease-out backwards;overflow:hidden;color:var(--text-primary)}@keyframes cardEnter-7fac3200{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.card-glow[data-v-7fac3200]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(79,195,247,.15) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.character-card[data-v-7fac3200]:hover:not(.disabled){transform:translateY(-8px);border-color:#4fc3f780;box-shadow:0 15px 40px #4fc3f733}.character-card:hover:not(.disabled) .card-glow[data-v-7fac3200]{opacity:1}.character-card.selected-a[data-v-7fac3200]{border-color:#4fc3f7;box-shadow:0 0 30px #4fc3f766}.character-card.selected-b[data-v-7fac3200]{border-color:#ff7043;box-shadow:0 0 30px #ff704366}.character-card.selected-online[data-v-7fac3200]{border-color:#4caf50;box-shadow:0 0 30px #4caf5066}.character-card.highlighted[data-v-7fac3200]{border-color:#ffeb3b;box-shadow:0 0 30px #ffeb3b99;animation:pulse 1s infinite}.character-card.disabled[data-v-7fac3200]{opacity:.4;cursor:not-allowed}.char-icon[data-v-7fac3200]{position:relative;width:70px;height:70px;background:var(--bg-CharacterSelect);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all .3s ease;overflow:hidden}.char-img[data-v-7fac3200]{width:50%;height:auto;object-fit:cover}.badge[data-v-7fac3200]{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.badge.a[data-v-7fac3200]{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#0f3460}.badge.b[data-v-7fac3200]{background:linear-gradient(135deg,#ff7043,#f4511e);color:#fff}.badge.you[data-v-7fac3200]{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:10px}.char-name[data-v-7fac3200]{font-size:16px;font-weight:700;color:var(--text-primary)}.char-stats[data-v-7fac3200]{display:flex;flex-direction:column;gap:6px;width:100%}.stat-row[data-v-7fac3200]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;background:#0003;border-radius:6px}.stat-icon[data-v-7fac3200]{font-size:12px}.stat-label[data-v-7fac3200]{font-size:11px;color:var(--text-secondary);flex:1}.stat-value[data-v-7fac3200]{font-size:12px;font-weight:700;min-width:30px;text-align:right}.stat-value.hp[data-v-7fac3200]{color:#f44336}.stat-value.dmg[data-v-7fac3200]{color:#ff9800}.stat-value.cd[data-v-7fac3200]{color:#4caf50}.taken-indicator[data-v-7fac3200]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 10px;background:#ff6464cc;border-radius:8px;font-size:10px;color:#fff}.player-buttons[data-v-7fac3200]{display:flex;gap:20px;margin-bottom:16px}.btn-player[data-v-7fac3200]{display:flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:default;transition:all .3s ease}.btn-player.active[data-v-7fac3200]{background:#4fc3f733;border-color:var(--accent-cyan);color:var(--text-primary);cursor:pointer}.btn-player.active[data-v-7fac3200]:hover{background:#4fc3f74d;transform:scale(1.05)}.btn-player .player-badge[data-v-7fac3200]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px}.btn-player .player-badge.a[data-v-7fac3200]{background:var(--accent-cyan);color:#fff}.btn-player .player-badge.b[data-v-7fac3200]{background:var(--accent-orange);color:#fff}.action-buttons[data-v-7fac3200]{display:flex;gap:16px;margin-top:16px}.btn-start[data-v-7fac3200]{position:relative;display:flex;align-items:center;gap:12px;padding:18px 56px;font-size:20px;font-weight:700;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:not-allowed;transition:all .3s ease;overflow:hidden}.btn-start.ready[data-v-7fac3200]{background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);color:#fff;cursor:pointer;box-shadow:0 8px 30px #4fc3f766}.btn-start.ready[data-v-7fac3200]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #4fc3f780}.btn-start.online[data-v-7fac3200]{background:linear-gradient(135deg,var(--accent-orange) 0%,#f57c00 100%);color:#fff;cursor:pointer;box-shadow:0 8px 30px #ff980066}.btn-start.online.ready[data-v-7fac3200]{background:linear-gradient(135deg,var(--accent-green) 0%,#2e7d32 100%);box-shadow:0 8px 30px #4caf5066}.btn-start.waiting[data-v-7fac3200]{background:linear-gradient(135deg,var(--accent-orange) 0%,#f57c00 100%);cursor:default}.btn-icon[data-v-7fac3200]{font-size:24px;transition:transform .3s ease}.btn-start.ready:hover .btn-icon[data-v-7fac3200]{transform:rotate(-15deg) scale(1.2)}.btn-start.host-start-game[data-v-7fac3200]{background:linear-gradient(135deg,var(--accent-green) 0%,#2e7d32 100%);color:#fff;cursor:pointer;box-shadow:0 8px 30px #4caf5073}.btn-start.host-start-game[data-v-7fac3200]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #4caf508c}.online-actions.is-online[data-v-7fac3200]{flex-direction:column;align-items:stretch;max-width:420px;width:100%}@media (max-width: 900px){.character-grid[data-v-7fac3200],.online-players-grid[data-v-7fac3200]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.title[data-v-7fac3200]{font-size:28px}.battlefield-preview[data-v-7fac3200]{flex-direction:column;gap:20px;padding:24px}.vs-container[data-v-7fac3200]{transform:rotate(90deg)}}.game-container[data-v-4a66b35c]{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow:hidden;color:var(--text-primary)}.bg-effects[data-v-4a66b35c]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.grid-overlay[data-v-4a66b35c]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px}.theme-light .grid-overlay[data-v-4a66b35c]{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px)}.glow-orb[data-v-4a66b35c]{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat-4a66b35c 6s ease-in-out infinite}.theme-light .glow-orb[data-v-4a66b35c]{display:none}.orb1[data-v-4a66b35c]{width:300px;height:300px;background:#4fc3f726;top:10%;left:-10%}.orb2[data-v-4a66b35c]{width:250px;height:250px;background:#ff704326;bottom:10%;right:-10%;animation-delay:3s}@keyframes orbFloat-4a66b35c{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.game-header[data-v-4a66b35c]{display:flex;align-items:center;gap:12px;z-index:10}.battle-title[data-v-4a66b35c]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--text-primary);text-shadow:0 0 20px rgba(255,235,59,.5);margin:0}.theme-light .battle-title[data-v-4a66b35c]{text-shadow:0 2px 10px rgba(0,0,0,.1)}.title-deco[data-v-4a66b35c]{font-size:20px;animation:swordSwing-4a66b35c 1.5s ease-in-out infinite;color:var(--accent-cyan)}@keyframes swordSwing-4a66b35c{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.btn-icon[data-v-4a66b35c]{width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-4a66b35c]:hover{background:#4fc3f733;border-color:var(--accent-cyan);transform:scale(1.1)}.theme-light .btn-icon[data-v-4a66b35c]:hover{background:#0000001a}.arena-wrapper[data-v-4a66b35c]{position:relative}canvas[data-v-4a66b35c]{border:3px solid var(--border-color);border-radius:16px;box-shadow:0 0 40px #4fc3f733,inset 0 0 60px #00000080}.theme-light canvas[data-v-4a66b35c]{box-shadow:0 0 20px #0000001a,inset 0 0 30px #0000000d}.arena-glow[data-v-4a66b35c]{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:24px;background:radial-gradient(ellipse at center,rgba(79,195,247,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.theme-light .arena-glow[data-v-4a66b35c]{background:radial-gradient(ellipse at center,rgba(2,136,209,.1) 0%,transparent 70%)}.game-info[data-v-4a66b35c]{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--bg-card);border-radius:16px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:center}.player-card[data-v-4a66b35c]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-card);border-radius:12px;border:2px solid transparent;transition:all .3s ease;color:var(--text-primary)}.player-card.winner[data-v-4a66b35c]{border-color:#ffeb3b;box-shadow:0 0 25px #ffeb3b66;animation:winnerPulse-4a66b35c 1s ease-in-out infinite}.theme-light .player-card.winner[data-v-4a66b35c]{border-color:#ffc107;box-shadow:0 0 15px #ffc1074d}@keyframes winnerPulse-4a66b35c{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.player-card.loser[data-v-4a66b35c]{opacity:.5;filter:grayscale(50%)}.player-badge[data-v-4a66b35c]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.player-details[data-v-4a66b35c]{display:flex;flex-direction:column;gap:2px}.player-label[data-v-4a66b35c]{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.you-tag[data-v-4a66b35c]{font-size:9px;color:var(--accent-cyan);margin-left:4px}.role[data-v-4a66b35c]{font-size:13px;font-weight:700;color:var(--text-primary)}.hp-display[data-v-4a66b35c]{display:flex;flex-direction:column;align-items:center;gap:4px}.hp-bar-container[data-v-4a66b35c]{width:50px;height:6px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.theme-light .hp-bar-container[data-v-4a66b35c]{background:#0000001a}.hp-bar[data-v-4a66b35c]{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease;box-shadow:0 0 10px currentColor}.hp-value[data-v-4a66b35c]{font-size:12px;font-weight:700;color:var(--text-primary)}.game-over-overlay[data-v-4a66b35c]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn-4a66b35c .3s ease}.theme-light .game-over-overlay[data-v-4a66b35c]{background:#ffffffe6}@keyframes fadeIn-4a66b35c{0%{opacity:0}to{opacity:1}}.game-over-modal[data-v-4a66b35c]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 60px;background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:3px solid rgba(255,235,59,.5);border-radius:20px;box-shadow:0 0 60px #ffeb3b4d;animation:modalSlide-4a66b35c .4s ease;color:var(--text-primary)}@keyframes modalSlide-4a66b35c{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.winner-crown[data-v-4a66b35c]{font-size:60px;animation:crownBounce-4a66b35c 1s ease-in-out infinite}@keyframes crownBounce-4a66b35c{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.result-title[data-v-4a66b35c]{font-size:36px;font-weight:900;color:var(--text-primary);text-shadow:0 0 30px rgba(255,235,59,.5);margin:0}.theme-light .result-title[data-v-4a66b35c]{text-shadow:0 2px 10px rgba(0,0,0,.1)}.result-subtitle[data-v-4a66b35c]{font-size:16px;color:var(--text-secondary);margin:0}.modal-buttons[data-v-4a66b35c]{display:flex;gap:16px;margin-top:10px}.modal-btn[data-v-4a66b35c]{padding:14px 32px;font-size:16px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease}.modal-btn.primary[data-v-4a66b35c]{background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);color:#fff;font-weight:700}.modal-btn.primary[data-v-4a66b35c]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4fc3f766}.modal-btn.secondary[data-v-4a66b35c]{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary)}.modal-btn.secondary[data-v-4a66b35c]:hover{background:#fff3;transform:translateY(-3px)}.theme-light .modal-btn.secondary[data-v-4a66b35c]:hover{background:#0000001a}.countdown-overlay[data-v-4a66b35c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;border-radius:16px;pointer-events:none;z-index:10}.theme-light .countdown-overlay[data-v-4a66b35c]{background:#fffc}.countdown-text[data-v-4a66b35c]{font-size:100px;font-weight:900;color:var(--accent-yellow);text-shadow:0 0 20px rgba(255,235,59,.8),0 0 40px rgba(255,235,59,.5),0 4px 8px rgba(0,0,0,.3);animation:countdownPulse-4a66b35c .5s ease-out}.theme-light .countdown-text[data-v-4a66b35c]{text-shadow:0 0 20px rgba(255,235,59,.6),0 4px 8px rgba(0,0,0,.1)}.countdown-subtitle[data-v-4a66b35c]{font-size:18px;color:var(--text-secondary);margin-top:10px;font-weight:500;letter-spacing:2px}@keyframes countdownPulse-4a66b35c{0%{transform:scale(1.8);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}.control-panel[data-v-56ae64d6]{position:relative;min-height:100vh;padding:24px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);overflow-y:auto;color:var(--text-primary)}.bg-effects[data-v-56ae64d6]{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.grid-overlay[data-v-56ae64d6]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.glow-orb[data-v-56ae64d6]{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat-56ae64d6 6s ease-in-out infinite}.orb1[data-v-56ae64d6]{width:400px;height:400px;background:#4fc3f71a;top:-10%;right:-10%}.orb2[data-v-56ae64d6]{width:300px;height:300px;background:#ba68c81a;bottom:10%;left:-10%;animation-delay:3s}@keyframes orbFloat-56ae64d6{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.panel-header[data-v-56ae64d6]{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;z-index:1}.back-btn[data-v-56ae64d6]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .25s ease}.back-btn[data-v-56ae64d6]:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #4fc3f74d}.back-icon[data-v-56ae64d6]{font-size:16px}.panel-title[data-v-56ae64d6]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.title-icon[data-v-56ae64d6]{font-size:28px}.header-right[data-v-56ae64d6]{width:100px}.character-tabs[data-v-56ae64d6]{display:flex;gap:12px;margin-bottom:28px;padding:6px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);z-index:1;position:relative}.tab-btn[data-v-56ae64d6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.tab-btn[data-v-56ae64d6]:hover{background:#4fc3f71a;color:var(--text-primary)}.tab-btn.active[data-v-56ae64d6]{background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);color:#fff;box-shadow:0 4px 15px #4fc3f766}.tab-icon[data-v-56ae64d6]{font-size:18px}.tab-name[data-v-56ae64d6]{display:block}@media (max-width: 600px){.tab-name[data-v-56ae64d6]{display:none}}.panel-content[data-v-56ae64d6]{display:flex;flex-direction:column;gap:24px;max-width:700px;margin:0 auto;width:100%;z-index:1;position:relative}.config-section[data-v-56ae64d6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:24px;transition:all .3s ease}.config-section[data-v-56ae64d6]:hover{border-color:#4fc3f74d}.section-title[data-v-56ae64d6]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.section-icon[data-v-56ae64d6]{font-size:20px}.param-grid[data-v-56ae64d6]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 500px){.param-grid[data-v-56ae64d6]{grid-template-columns:1fr}}.param-item[data-v-56ae64d6]{display:flex;flex-direction:column;gap:10px}.param-label[data-v-56ae64d6]{display:flex;justify-content:space-between;align-items:center}.label-text[data-v-56ae64d6]{font-size:14px;font-weight:600;color:var(--text-secondary)}.value-input-group[data-v-56ae64d6]{display:flex;align-items:center}.value-input[data-v-56ae64d6]{width:80px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--accent-cyan);font-size:14px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;transition:all .2s ease}.value-input[data-v-56ae64d6]:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #4fc3f733}.value-input[data-v-56ae64d6]::-webkit-outer-spin-button,.value-input[data-v-56ae64d6]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input[type=number][data-v-56ae64d6]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.param-slider[data-v-56ae64d6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-primary);border-radius:4px;outline:none;cursor:pointer}.param-slider[data-v-56ae64d6]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4fc3f780;transition:transform .2s ease}.param-slider[data-v-56ae64d6]::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-slider[data-v-56ae64d6]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #4fc3f780}.bullet-slider[data-v-56ae64d6]::-webkit-slider-thumb{background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 2px 8px #ffeb3b80}.bullet-slider[data-v-56ae64d6]::-moz-range-thumb{background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 2px 8px #ffeb3b80}.param-range[data-v-56ae64d6]{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);opacity:.7}.bullet-preview[data-v-56ae64d6]{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.preview-ball[data-v-56ae64d6]{border-radius:50%;box-shadow:0 0 20px #ffeb3b80;transition:all .3s ease}.preview-label[data-v-56ae64d6]{font-size:13px;color:var(--text-secondary)}.action-section[data-v-56ae64d6]{background:linear-gradient(135deg,rgba(255,112,67,.1) 0%,transparent 50%)}.special-section[data-v-56ae64d6]{background:linear-gradient(135deg,rgba(186,104,200,.1) 0%,transparent 50%)}.special-slider[data-v-56ae64d6]::-webkit-slider-thumb{background:linear-gradient(135deg,#ba68c8,#9c27b0);box-shadow:0 2px 8px #ba68c880}.special-slider[data-v-56ae64d6]::-moz-range-thumb{background:linear-gradient(135deg,#ba68c8,#9c27b0);box-shadow:0 2px 8px #ba68c880}.action-buttons[data-v-56ae64d6]{display:flex;gap:16px}.action-btn[data-v-56ae64d6]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.action-btn[data-v-56ae64d6]:hover{transform:translateY(-2px)}.action-btn[data-v-56ae64d6]:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-btn[data-v-56ae64d6]:hover{border-color:var(--text-secondary);box-shadow:0 4px 15px #0003}.save-btn[data-v-56ae64d6]{background:linear-gradient(135deg,var(--accent-orange) 0%,#f4511e 100%);border-color:var(--accent-orange);color:#fff}.save-btn[data-v-56ae64d6]:hover:not(:disabled){box-shadow:0 6px 20px #ff704366;border-color:#ff8a65}.btn-icon[data-v-56ae64d6]{font-size:16px}.save-message[data-v-56ae64d6]{margin:16px 0 0;padding:10px 16px;border-radius:8px;font-size:14px;text-align:center;animation:fadeIn-56ae64d6 .3s ease}.save-message.success[data-v-56ae64d6]{background:#81c78433;color:var(--accent-green);border:1px solid var(--accent-green)}.save-message.error[data-v-56ae64d6]{background:#f4433633;color:#f44336;border:1px solid #f44336}@keyframes fadeIn-56ae64d6{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-dark .param-slider[data-v-56ae64d6],.theme-dark .value-input[data-v-56ae64d6]{background:#ffffff1a}.theme-light .param-slider[data-v-56ae64d6],.theme-light .value-input[data-v-56ae64d6]{background:#0000001a}.theme-light .glow-orb[data-v-56ae64d6]{display:none}.image-section[data-v-56ae64d6]{background:linear-gradient(135deg,rgba(129,199,132,.1) 0%,transparent 50%)}.image-upload-grid[data-v-56ae64d6]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.image-upload-item[data-v-56ae64d6]{display:flex;flex-direction:column;align-items:center;gap:12px}.image-upload-label[data-v-56ae64d6]{font-size:14px;font-weight:600;color:var(--text-primary)}.image-upload-area[data-v-56ae64d6]{width:120px;height:120px;border-radius:12px;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary);transition:all .3s ease}.image-upload-area[data-v-56ae64d6]:hover{border-color:var(--accent-cyan)}.image-preview[data-v-56ae64d6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-preview img[data-v-56ae64d6]{max-width:100%;max-height:100%;object-fit:contain}.bullet-preview-img[data-v-56ae64d6]{border-radius:50%}.image-placeholder[data-v-56ae64d6]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.placeholder-icon[data-v-56ae64d6]{font-size:32px;opacity:.5}.upload-btn[data-v-56ae64d6]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,var(--accent-cyan) 0%,#29b6f6 100%);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.upload-btn[data-v-56ae64d6]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4fc3f766}.upload-message[data-v-56ae64d6]{margin:16px 0 0;padding:10px 16px;border-radius:8px;font-size:14px;text-align:center;animation:fadeIn-56ae64d6 .3s ease}.upload-message.success[data-v-56ae64d6]{background:#81c78433;color:var(--accent-green);border:1px solid var(--accent-green)}.upload-message.error[data-v-56ae64d6]{background:#f4433633;color:#f44336;border:1px solid #f44336}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:#1a1a2e;min-height:100vh;transition:background .3s ease}.app{min-height:100vh}.theme-toggle{position:fixed;top:20px;right:20px;z-index:9999;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0006;font-size:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.theme-toggle:hover{transform:scale(1.1);border-color:#fff6;box-shadow:0 6px 20px #0006}.theme-dark{--bg-primary: #0a0f1a;--bg-secondary: #1a1a2e;--bg-card: rgba(0, 0, 0, .4);--bg-CharacterSelect: rgba(255, 255, 255);--text-primary: #ffffff;--text-secondary: #888888;--border-color: rgba(255, 255, 255, .1);--accent-cyan: #4fc3f7;--accent-orange: #ff7043;--accent-purple: #ba68c8;--accent-green: #81c784}.theme-light{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .05);--bg-CharacterSelect: rgba(213, 213, 213, .59);--text-primary: #1a1a2e;--text-secondary: #666666;--border-color: rgba(0, 0, 0, .1);--accent-cyan: #0288d1;--accent-orange: #e64a19;--accent-purple: #7b1fa2;--accent-green: #388e3c}.theme-light body{background:var(--bg-primary)}.theme-light .theme-toggle{background:#ffffffe6;border-color:#0000001a;box-shadow:0 4px 15px #0000001a}.theme-light .theme-toggle:hover{box-shadow:0 6px 20px #00000026}