.a-card[data-v-03776a1a]{text-align:center;animation:aEnter-03776a1a .45s cubic-bezier(.2,.8,.3,1) backwards}@keyframes aEnter-03776a1a{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.a-title[data-v-03776a1a]{margin:0 0 6px}.a-subtitle[data-v-03776a1a]{margin:0 0 22px!important}.a-tabs[data-v-03776a1a]{display:flex;gap:8px;margin-bottom:22px}.a-tab[data-v-03776a1a]{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 14px;border:1px solid rgba(121,134,203,.25);background:#7986cb0d;color:#9fa8da;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .18s}.a-tab[data-v-03776a1a]:hover:not(.active){border-color:#7986cb73;background:#7986cb1f;color:#c5cae9}.a-tab.active[data-v-03776a1a]{background:linear-gradient(135deg,#3949ab,#5c6bc0);border-color:#7986cb;color:#fff;box-shadow:0 3px 10px #7986cb4d}.a-tab[data-v-03776a1a]:focus-visible{outline:2px solid #7986cb;outline-offset:2px}.a-tab-icon[data-v-03776a1a]{font-size:1rem}.a-form[data-v-03776a1a]{text-align:left}.a-field[data-v-03776a1a]{position:relative;margin-bottom:12px;display:block;width:100%;text-align:left}.a-field>label[data-v-03776a1a],.a-field label[data-v-03776a1a]{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;font-weight:700;color:#c5cae9;letter-spacing:.02em;text-align:left;width:fit-content}.a-field-icon[data-v-03776a1a]{font-size:.95rem}.a-field input[data-v-03776a1a]{width:100%;box-sizing:border-box;padding:11px 14px;background:#0d1929;border:1.5px solid rgba(121,134,203,.25);border-radius:10px;color:#e0e0ff;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}.a-field input[data-v-03776a1a]::placeholder{color:#4a5580}.a-field input[data-v-03776a1a]:hover{border-color:#7986cb73}.a-field input[data-v-03776a1a]:focus{outline:none;border-color:#7986cb;background:#0e1838;box-shadow:0 0 0 3px #7986cb2e,0 0 10px #7986cb4d}.a-pw-toggle[data-v-03776a1a]{position:absolute;right:8px;bottom:7px;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#9fa8da;font-size:1rem;cursor:pointer;transition:background .15s}.a-pw-toggle[data-v-03776a1a]:hover{background:#7986cb2e}.a-pw-toggle[data-v-03776a1a]:focus-visible{outline:2px solid #7986cb;outline-offset:2px}.a-error[data-v-03776a1a]{margin:8px 0 0;padding:10px 14px;background:#ef53501a;border:1px solid rgba(239,83,80,.35);border-radius:10px;color:#ef9a9a;font-size:.86rem;font-weight:600;text-align:center}.a-error-enter-active[data-v-03776a1a],.a-error-leave-active[data-v-03776a1a]{transition:all .25s}.a-error-enter-from[data-v-03776a1a],.a-error-leave-to[data-v-03776a1a]{opacity:0;transform:translateY(-4px)}.a-submit-btn[data-v-03776a1a]{width:100%;margin-top:14px;padding:14px 22px;font-size:1.05rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fb923c;border-radius:12px;cursor:pointer;letter-spacing:.02em;box-shadow:0 4px 18px #f9731659;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;animation:aPulse-03776a1a 2.4s ease-in-out infinite .8s}@keyframes aPulse-03776a1a{0%,to{box-shadow:0 4px 18px #f9731659}50%{box-shadow:0 4px 28px #f9731699}}.a-submit-btn[data-v-03776a1a]:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #f973168c}.a-submit-btn[data-v-03776a1a]:disabled{opacity:.7;cursor:not-allowed;animation:none}.a-submit-btn[data-v-03776a1a]:focus-visible{outline:3px solid #fff;outline-offset:3px}.a-submit-icon[data-v-03776a1a]{font-size:1.2rem}.a-docs-link[data-v-03776a1a]{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:11px;background:#80deea0a;border:1px dashed rgba(128,222,234,.35);border-radius:10px;color:#80deea;font-size:.92rem;font-weight:600;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .1s}.a-docs-link[data-v-03776a1a]:hover{border-color:#80deea;color:#b2ebf2;background:#80deea14;transform:translateY(-1px)}.a-docs-link[data-v-03776a1a]:focus-visible{outline:2px solid #80deea;outline-offset:2px}.a-docs-icon[data-v-03776a1a]{font-size:1rem}@media (prefers-reduced-motion: reduce){.a-card[data-v-03776a1a],.a-submit-btn[data-v-03776a1a]{animation:none!important}.a-submit-btn[data-v-03776a1a]:hover{transform:none!important}}.tut-bubble[data-v-d7a870d8]{position:fixed;z-index:1200;background:#0e1232f7;border:1.5px solid rgba(121,134,203,.6);border-radius:16px;padding:18px 20px 16px;box-shadow:0 10px 48px #000000a6,0 0 0 1px #7986cb14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tut-arrow[data-v-d7a870d8]{position:absolute;left:var(--arrow-x, 50%);transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent}.arrow-top[data-v-d7a870d8]{top:-9px;border-bottom:9px solid rgba(121,134,203,.65)}.arrow-bottom[data-v-d7a870d8]{bottom:-9px;border-top:9px solid rgba(121,134,203,.65)}.tut-head[data-v-d7a870d8]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tut-icon[data-v-d7a870d8]{font-size:1.65rem;line-height:1;flex-shrink:0}.tut-title[data-v-d7a870d8]{font-size:.96rem;font-weight:700;color:#c5cae9}.tut-prog[data-v-d7a870d8]{font-size:.72rem;color:#7986cb;margin-top:2px}.tut-msg[data-v-d7a870d8]{font-size:.875rem;color:#e8eaf6;line-height:1.58;margin:0 0 14px;word-break:keep-all}.tut-btns[data-v-d7a870d8]{display:flex;justify-content:flex-end;gap:10px}.tut-skip[data-v-d7a870d8]{background:none;border:1px solid rgba(121,134,203,.3);color:#7986cb;border-radius:8px;padding:6px 14px;font-size:.82rem;cursor:pointer;transition:border-color .15s,color .15s}.tut-skip[data-v-d7a870d8]:hover{border-color:#7986cb;color:#c5cae9}.tut-next[data-v-d7a870d8]{background:linear-gradient(135deg,#3f51b5,#5c6bc0);border:none;border-radius:8px;padding:6px 18px;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:filter .15s}.tut-next[data-v-d7a870d8]:hover{filter:brightness(1.13)}.tut-fade-enter-active[data-v-d7a870d8],.tut-fade-leave-active[data-v-d7a870d8]{transition:opacity .22s,transform .22s}.tut-fade-enter-from[data-v-d7a870d8]{opacity:0;transform:translateY(10px) scale(.97)}.tut-fade-leave-to[data-v-d7a870d8]{opacity:0;transform:translateY(-4px) scale(.97)}.sfx-settings-wrap[data-v-620d0b49]{position:relative;display:inline-block}.sfx-toggle-btn[data-v-620d0b49]{background:#28285099;border:1px solid #4a4a8a;border-radius:8px;padding:6px 10px;min-height:36px;min-width:44px;cursor:pointer;color:#e8eaf6;font-size:1.05rem;transition:background .15s,border-color .15s,transform .1s;line-height:1}@media (hover: none) and (pointer: coarse){.sfx-toggle-btn[data-v-620d0b49]{padding:10px 12px;min-height:44px;min-width:48px;font-size:1.15rem}}.sfx-toggle-btn[data-v-620d0b49]:hover{background:#3c3c6ecc;border-color:#7986cb}.sfx-toggle-btn[data-v-620d0b49]:active{transform:scale(.94)}.sfx-toggle-btn.is-muted[data-v-620d0b49]{opacity:.6;border-color:#555}.sfx-icon[data-v-620d0b49]{display:inline-block}.sfx-popover[data-v-620d0b49]{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:#12122afa;border:1px solid #4a4a8a;border-radius:12px;padding:12px 14px;box-shadow:0 8px 24px #00000080;z-index:10000;display:flex;flex-direction:column;gap:10px}.sfx-row[data-v-620d0b49]{display:flex;flex-direction:column;gap:6px}.sfx-label[data-v-620d0b49]{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#e8eaf6;font-weight:600}.sfx-mini-btn[data-v-620d0b49]{background:#66bb6a2e;border:1px solid #66bb6a;color:#c8e6c9;border-radius:6px;padding:2px 10px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.sfx-mini-btn[data-v-620d0b49]:hover{background:#66bb6a4d}.sfx-mini-btn.off[data-v-620d0b49]{background:#7878822e;border-color:#888;color:#ccc}.sfx-slider[data-v-620d0b49]{width:100%;accent-color:#7986cb;cursor:pointer}.sfx-slider[data-v-620d0b49]:disabled{opacity:.4;cursor:not-allowed}.sfx-volume-text[data-v-620d0b49]{font-size:.7rem;color:#9fa8da;align-self:flex-end;font-weight:700}.sfx-test-row[data-v-620d0b49]{display:flex!important;flex-direction:row!important;gap:8px;border-top:1px solid rgba(121,134,203,.3);padding-top:10px}.sfx-test-btn[data-v-620d0b49]{flex:1;background:linear-gradient(160deg,#1e1e4a,#2a2a5a);border:1px solid #4a4a8a;border-radius:8px;padding:6px 8px;color:#c5cae9;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .12s,transform .08s}.sfx-test-btn[data-v-620d0b49]:hover{background:linear-gradient(160deg,#2a2a5a,#3a3a7a)}.sfx-test-btn[data-v-620d0b49]:active{transform:scale(.96)}.sfx-popover-enter-active[data-v-620d0b49],.sfx-popover-leave-active[data-v-620d0b49]{transition:opacity .18s ease,transform .18s ease}.sfx-popover-enter-from[data-v-620d0b49],.sfx-popover-leave-to[data-v-620d0b49]{opacity:0;transform:translateY(-6px) scale(.97)}@media (max-width: 480px){.sfx-popover[data-v-620d0b49]{min-width:220px;right:-10px;font-size:.85rem}}.card-header[data-v-dce7c495]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:0;margin-bottom:4px}.card-header-spacer[data-v-dce7c495]{width:36px;height:1px}.card-header-title[data-v-dce7c495]{min-width:0;text-align:center}.btn-tut-replay[data-v-dce7c495]{width:36px;height:36px;border-radius:50%;border:1px solid rgba(121,134,203,.35);background:#7986cb14;color:#9fa8da;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center;margin-top:10px;justify-self:end}@media (hover: none) and (pointer: coarse){.btn-tut-replay[data-v-dce7c495]{width:44px;height:44px;font-size:1.15rem}.card-header-spacer[data-v-dce7c495]{width:44px}}.btn-tut-replay[data-v-dce7c495]:hover{background:#7986cb33;border-color:#7986cb;color:#e8eaf6;transform:scale(1.08)}.tut-hi[data-v-dce7c495]{position:relative;border-radius:12px;outline:2px solid rgba(121,134,203,.75);outline-offset:6px;box-shadow:0 0 0 8px #7986cb14,0 4px 32px #00000059;transition:outline-color .3s,box-shadow .3s;z-index:10}.tut-dim[data-v-dce7c495]{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .35s}.btn-tutorial[data-v-dce7c495]{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#7b2ff7,#f107a3);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.btn-tutorial[data-v-dce7c495]:hover{opacity:.88;transform:translateY(-1px)}.btn-tutorial[data-v-dce7c495]:active{transform:translateY(0)}.btn-sub[data-v-dce7c495]{font-size:11px;font-weight:400;opacity:.85}.btn-tutorial-compact[data-v-dce7c495]{width:100%;padding:9px 14px;background:#7b2ff71f;border:1px solid rgba(180,130,255,.4);border-radius:10px;color:#d1c4e9;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-tutorial-compact[data-v-dce7c495]:hover{background:#7b2ff738;border-color:#b482ff;color:#ede7f6}.btn-coach-replay[data-v-dce7c495]{width:100%;margin-top:6px;padding:9px 14px;background:#3949ab24;border:1px solid rgba(159,168,218,.4);border-radius:10px;color:#c5cae9;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-coach-replay[data-v-dce7c495]:hover{background:#3949ab42;border-color:#9fa8da;color:#fff176}.divider-sm[data-v-dce7c495]{text-align:center;color:#888;font-size:12px;margin:4px 0}.btn-shop[data-v-dce7c495]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:11px 16px;background:linear-gradient(135deg,#2c2a55,#232649);border:1px solid rgba(123,97,215,.35);border-radius:10px;color:#d1c4e9;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s;box-shadow:0 2px 8px #00000040}.btn-shop[data-v-dce7c495]:hover{background:linear-gradient(135deg,#3a3268,#2a2b5a);border-color:#a78bfa99;color:#ede7f6;transform:translateY(-1px)}.coin-display[data-v-dce7c495]{background:#f59e0b33;border:1px solid #f59e0b;border-radius:12px;padding:2px 10px;font-size:.82rem;color:#fcd34d}.section-divider[data-v-dce7c495]{display:flex;align-items:center;justify-content:center;margin:18px 0 12px;color:#9fa8da;font-size:.82rem;font-weight:600;letter-spacing:.04em;position:relative}.section-divider[data-v-dce7c495]:before,.section-divider[data-v-dce7c495]:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#3949ab 50%,transparent)}.section-divider span[data-v-dce7c495]{padding:4px 12px;background:#3949ab2e;border:1px solid rgba(121,134,203,.35);border-radius:14px;margin:0 10px}.lobby-header-right[data-v-dce7c495]{display:flex;align-items:center;gap:10px}.header-coin[data-v-dce7c495]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f59e0b24;border:1px solid rgba(245,158,11,.55);border-radius:12px;color:#fcd34d;font-size:.8rem;font-weight:700;letter-spacing:.02em;cursor:default}.lang-switcher[data-v-dce7c495]{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:14px;border:1px solid rgba(121,134,203,.4);background:#7986cb0f}.lang-chip[data-v-dce7c495]{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 7px;border-radius:11px;border:none;background:transparent;color:#9fa8da;font-size:.72rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.lang-chip[data-v-dce7c495]:hover{background:#7986cb26;color:#c5cae9}.lang-chip.active[data-v-dce7c495]{background:linear-gradient(135deg,#3949ab,#5c6bc0);color:#fff;box-shadow:0 1px 4px #3949ab66}.lang-chip[data-v-dce7c495]:focus-visible{outline:2px solid #7986cb;outline-offset:2px}@media (max-width: 420px){.lang-chip[data-v-dce7c495]{min-width:26px;padding:0 5px;font-size:.68rem}}@media (hover: none) and (pointer: coarse){.lang-chip[data-v-dce7c495]{height:36px;min-width:40px;padding:0 10px;font-size:.78rem}}@media (max-width: 480px){.btn-primary[data-v-dce7c495]{padding:12px 16px;font-size:.95rem}.btn-create-room[data-v-dce7c495]{padding:12px 14px}.btn-tutorial[data-v-dce7c495]{padding:11px 16px;font-size:.95rem}.join-row[data-v-dce7c495]{flex-direction:column;gap:6px}.join-row .input-code[data-v-dce7c495]{width:100%;flex:0 0 auto;padding:10px;font-size:1rem}.btn-join[data-v-dce7c495]{width:100%;padding:10px}.sel-char-v2[data-v-dce7c495]{padding:10px 12px}.sel-char-v2 .sel-char-emoji[data-v-dce7c495]{font-size:1.5rem}.sel-char-v2 .sel-char-name[data-v-dce7c495]{font-size:1rem}.multi-secondary[data-v-dce7c495]{padding:12px 10px 10px}}.utility-row[data-v-dce7c495]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}.btn-ranking[data-v-dce7c495],.btn-gdd[data-v-dce7c495],.btn-narrative[data-v-dce7c495]{padding:9px 10px;min-height:44px;background:none;border:1px solid #3a3a6a;border-radius:8px;color:#9fa8da;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-ranking[data-v-dce7c495]:hover{border-color:#ffd740;color:#ffd740;background:#ffd7400f}.btn-gdd[data-v-dce7c495]:hover{border-color:#64b5f6;color:#64b5f6;background:#64b5f60f}.btn-narrative[data-v-dce7c495]:hover{border-color:#ffab91;color:#ffab91;background:#ffab9112}@media (max-width: 480px){.utility-row[data-v-dce7c495]{grid-template-columns:1fr 1fr}.btn-gdd[data-v-dce7c495]{grid-column:1 / -1}}.btn-room-list[data-v-dce7c495]{background:#152547;color:#90caf9;border:1px solid #5478b5;box-shadow:none;font-weight:600;padding:11px 20px;font-size:.95rem}.btn-room-list[data-v-dce7c495]:hover:not(:disabled){background:#152d55;border-color:#64b5f6;color:#bbdefb}.multi-secondary[data-v-dce7c495]{margin-top:14px;padding:14px 12px 10px;background:#15172c;border:1px solid #2a2a4a;border-radius:12px}.multi-secondary .join-label[data-v-dce7c495]{text-align:center;color:#9fa8da;font-size:.78rem;margin:12px 0 8px;letter-spacing:.02em}.btn-create-room[data-v-dce7c495]{display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 20px;position:relative;animation:primaryIdle-dce7c495 3.2s ease-in-out infinite}.btn-create-room .primary-sub[data-v-dce7c495]{font-size:11px;font-weight:400;opacity:.9;color:#fff8e1}.btn-create-room[data-v-dce7c495]:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 22px #ff57228c,0 0 32px #ff980066,0 0 0 1px #ffd54f73;animation:none}.btn-create-room[data-v-dce7c495]:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:0 2px 8px #ff572273}@keyframes primaryIdle-dce7c495{0%,to{box-shadow:0 3px 10px #ff572266}50%{box-shadow:0 4px 16px #ff572299,0 0 18px #ff980040}}.join-row[data-v-dce7c495]{align-items:stretch}.join-row .input-code[data-v-dce7c495]{flex:1 1 140px;min-width:100px;letter-spacing:3px}.btn-join[data-v-dce7c495]{flex:0 0 auto;width:auto;white-space:nowrap;padding:10px 22px;font-size:.95rem}.sel-char-v2[data-v-dce7c495]{padding:12px 16px;background:linear-gradient(135deg,#1c2547,#16213e);border:1px solid #3949ab;border-left:3px solid #7986cb;font-size:.9rem}.sel-char-v2 .sel-char-info[data-v-dce7c495]{display:flex;align-items:center;gap:12px;text-align:left}.sel-char-v2 .sel-char-emoji[data-v-dce7c495]{font-size:1.7rem;line-height:1}.sel-char-v2 .sel-char-text[data-v-dce7c495]{display:flex;flex-direction:column;gap:2px;line-height:1.25}.sel-char-v2 .sel-char-label[data-v-dce7c495]{font-size:.7rem;color:#7986cb;letter-spacing:.04em;text-transform:uppercase}.sel-char-v2 .sel-char-name[data-v-dce7c495]{font-size:1.05rem;color:#e8eaf6;font-weight:700}.sel-char-v2 .btn-change-char[data-v-dce7c495]{flex-shrink:0;padding:5px 12px;font-size:.78rem}.sel-char-btn[data-v-dce7c495]{width:100%;cursor:pointer;font:inherit;text-align:left;margin-bottom:20px;transition:border-color .15s,background .15s,transform .1s}.sel-char-btn[data-v-dce7c495]:hover{border-color:#9fa8da;background:linear-gradient(135deg,#1e2a52,#1a2546);transform:translateY(-1px)}.sel-char-btn[data-v-dce7c495]:active{transform:translateY(0)}.sel-char-btn .sel-char-hint[data-v-dce7c495]{flex-shrink:0;padding:5px 12px;font-size:.78rem;color:#9fa8da;border:1px solid #3a3a6a;border-radius:6px;background:#12122a66;transition:border-color .15s,color .15s}.sel-char-btn:hover .sel-char-hint[data-v-dce7c495]{border-color:#7986cb;color:#c5cae9}.sel-char-empty[data-v-dce7c495]{background:linear-gradient(135deg,#ff98001a,#ff572214);border-color:#ff980099;border-left-color:#ff9800;animation:emptyPulse-dce7c495 2.2s ease-in-out infinite}.sel-char-empty .sel-char-empty-label[data-v-dce7c495]{color:#ffab91}.sel-char-empty[data-v-dce7c495]:hover{background:linear-gradient(135deg,#ff98002e,#ff57221f);border-color:#ff9800}@keyframes emptyPulse-dce7c495{0%,to{box-shadow:0 0 #ff980000}50%{box-shadow:0 0 12px 2px #ff980040}}.w-card[data-v-ed48c729]{text-align:center;animation:wEnter-ed48c729 .4s ease-out backwards}@keyframes wEnter-ed48c729{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.w-title[data-v-ed48c729]{margin:0 0 8px}.w-sub[data-v-ed48c729]{margin:0;font-size:.95rem;color:#c5cae9}.w-hint[data-v-ed48c729]{margin:4px 0 0;font-size:.78rem;color:#7986cb;font-style:italic}.w-code-wrap[data-v-ed48c729]{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0}.w-code[data-v-ed48c729]{font-size:3.4rem;font-weight:900;letter-spacing:.4em;color:#64b5f6;padding:22px 30px;background:linear-gradient(180deg,#64b5f614,#64b5f605);border:2px solid rgba(100,181,246,.35);border-radius:16px;text-shadow:0 0 16px rgba(100,181,246,.4);font-variant-numeric:tabular-nums;box-shadow:0 0 24px #64b5f626,inset 0 0 16px #64b5f60d;animation:wCodeGlow-ed48c729 3s ease-in-out infinite}@keyframes wCodeGlow-ed48c729{0%,to{box-shadow:0 0 24px #64b5f626,inset 0 0 16px #64b5f60d}50%{box-shadow:0 0 32px #64b5f64d,inset 0 0 20px #64b5f61a}}.w-copy-btn[data-v-ed48c729]{padding:9px 22px;background:#7986cb1a;border:1px solid rgba(121,134,203,.4);border-radius:10px;color:#c5cae9;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .15s}.w-copy-btn[data-v-ed48c729]:hover{background:#7986cb38;border-color:#7986cb;color:#fff;transform:translateY(-1px)}.w-copy-btn.w-copy-success[data-v-ed48c729]{background:#66bb6a2e;border-color:#66bb6a;color:#a5d6a7;animation:wCopySuccess-ed48c729 .4s cubic-bezier(.2,1.3,.4,1)}@keyframes wCopySuccess-ed48c729{0%{transform:scale(1)}60%{transform:scale(1.06)}to{transform:scale(1)}}.w-copy-btn[data-v-ed48c729]:focus-visible{outline:2px solid #7986cb;outline-offset:2px}.w-status[data-v-ed48c729]{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.w-dots[data-v-ed48c729]{display:flex;gap:6px}.w-dot[data-v-ed48c729]{width:8px;height:8px;border-radius:50%;background:#7986cb59;animation:wDotBounce-ed48c729 1.4s ease-in-out infinite}.w-dot[data-v-ed48c729]:nth-child(1){animation-delay:0s}.w-dot[data-v-ed48c729]:nth-child(2){animation-delay:.16s}.w-dot[data-v-ed48c729]:nth-child(3){animation-delay:.32s}@keyframes wDotBounce-ed48c729{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1.2);opacity:1;background:#7986cb}}.w-msg[data-v-ed48c729]{margin:0;font-size:.92rem;color:#9fa8da;font-weight:600}.w-cancel-btn[data-v-ed48c729]{display:block;margin:20px auto 0;padding:10px 18px;background:#ef53500f;border:1px solid rgba(239,83,80,.25);border-radius:10px;color:#ef9a9a;font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s}.w-cancel-btn[data-v-ed48c729]:hover{background:#ef535024;border-color:#ef535080;color:#ffcdd2}.w-cancel-btn[data-v-ed48c729]:focus-visible{outline:2px solid #ef5350;outline-offset:2px}@media (max-width: 480px){.w-code[data-v-ed48c729]{font-size:2.2rem;letter-spacing:.3em;padding:16px 20px}}@media (prefers-reduced-motion: reduce){.w-card[data-v-ed48c729],.w-code[data-v-ed48c729],.w-dot[data-v-ed48c729],.w-copy-btn.w-copy-success[data-v-ed48c729]{animation:none!important}.w-copy-btn[data-v-ed48c729]:hover{transform:none!important}}.card-header[data-v-5e67c21a]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.btn-tut-replay[data-v-5e67c21a]{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid rgba(121,134,203,.35);background:#7986cb14;color:#9fa8da;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;display:flex;align-items:center;justify-content:center;margin-top:6px}.btn-tut-replay[data-v-5e67c21a]:hover{background:#7986cb33;border-color:#7986cb;color:#e8eaf6;transform:scale(1.08)}.tut-hi[data-v-5e67c21a]{position:relative;border-radius:12px;outline:2px solid rgba(121,134,203,.75);outline-offset:6px;box-shadow:0 0 0 8px #7986cb14,0 4px 32px #00000059;transition:outline-color .3s,box-shadow .3s;z-index:10}.tut-dim[data-v-5e67c21a]{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .35s}.char-card-portrait[data-v-5e67c21a]{position:relative;flex-shrink:0}.skin-dot[data-v-5e67c21a]{position:absolute;bottom:-2px;right:-2px;font-size:.7rem;line-height:1}.cs-actions[data-v-5e67c21a]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}@media (max-width: 600px){.cs-actions[data-v-5e67c21a]{grid-template-columns:1fr}}.cs-btn-new[data-v-5e67c21a]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:#7986cb14;border:1px dashed rgba(121,134,203,.5);border-radius:10px;color:#c5cae9;font-size:.95rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s}.cs-btn-new[data-v-5e67c21a]:hover{border-color:#7986cb;background:#7986cb2e;color:#fff;border-style:solid}.cs-btn-new-icon[data-v-5e67c21a]{font-size:1.1rem;color:#fcd34d}.cs-btn-new-count[data-v-5e67c21a]{font-size:.74rem;padding:2px 8px;background:#7986cb2e;border-radius:10px;color:#9fa8da;font-weight:700;font-variant-numeric:tabular-nums}.btn-shop-link[data-v-5e67c21a],.cs-btn-shop[data-v-5e67c21a]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:0;padding:12px 16px;background:linear-gradient(135deg,#4a148c,#1565c0);border:none;border-radius:10px;color:#e8eaf6;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 3px 10px #4a148c59}.btn-shop-link[data-v-5e67c21a]:hover,.cs-btn-shop[data-v-5e67c21a]:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 5px 14px #4a148c80}.cs-btn-new[data-v-5e67c21a]:focus-visible,.cs-btn-shop[data-v-5e67c21a]:focus-visible{outline:2px solid #7986cb;outline-offset:2px}.cs-empty[data-v-5e67c21a]{text-align:center!important;padding:48px 24px!important;background:#7986cb0a;border:1px dashed rgba(121,134,203,.3);border-radius:16px;color:#9fa8da!important}.cs-empty-icon[data-v-5e67c21a]{font-size:3rem;opacity:.6;margin-bottom:14px}.cs-empty-title[data-v-5e67c21a]{font-size:1.1rem;font-weight:700;color:#c5cae9;margin-bottom:6px}.cs-empty-sub[data-v-5e67c21a]{font-size:.85rem;color:#7986cb;margin-bottom:22px}.cs-empty-cta[data-v-5e67c21a]{padding:12px 28px;font-size:1rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fb923c;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #f9731659;transition:filter .15s,transform .1s,box-shadow .15s;animation:csCardEnter-5e67c21a .5s ease-out backwards .2s}.cs-empty-cta[data-v-5e67c21a]:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 18px #f9731680}.cs-empty-cta[data-v-5e67c21a]:focus-visible{outline:3px solid #fff;outline-offset:3px}.cs-card.char-card--needs-inbody[data-v-5e67c21a]{border-left:3px solid #ffb300!important;background:linear-gradient(180deg,rgba(255,179,0,.04),transparent 40%)!important}.cs-card[data-v-5e67c21a] .char-card-warn-badge{background:#ffb3002e!important;border:1px solid #ffb300!important;color:#fcd34d!important}.lobby-header[data-v-5e67c21a]{margin-bottom:8px}.cs-header-user[data-v-5e67c21a]{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;background:#7986cb14;border:1px solid rgba(121,134,203,.2);border-radius:20px}.cs-header-avatar[data-v-5e67c21a]{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:#7986cb2e;border-radius:50%;font-size:.85rem}.cs-header-name[data-v-5e67c21a]{font-size:.92rem;font-weight:700;color:#c5cae9}.coin-mini[data-v-5e67c21a]{font-size:.78rem;color:#fcd34d;background:#f59e0b33;border:1px solid #f59e0b;border-radius:12px;padding:2px 8px}.cs-grid[data-v-5e67c21a]{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px;flex-direction:unset!important}.cs-card[data-v-5e67c21a]{position:relative;transition:border-color .2s,box-shadow .2s,transform .12s;border:2px solid #2a2a4a!important;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:10px 14px;align-items:center;padding-top:32px!important}.cs-card[data-v-5e67c21a] .char-card-info{min-width:0}.cs-card[data-v-5e67c21a] .char-card-actions{grid-column:1 / -1;display:flex!important;gap:6px;flex-wrap:wrap;margin-top:4px}.cs-card[data-v-5e67c21a] .char-card-actions .btn{flex:1;min-width:0;white-space:nowrap!important;padding:8px 10px!important;font-size:.84rem!important}.cs-card[data-v-5e67c21a]:hover{transform:translateY(-2px)}.cs-card.cs-type-boxer.char-card--selected[data-v-5e67c21a] .char-card-active-badge{background:#ff8a4c2e!important;border:1px solid #ff8a4c!important;color:#ffb380!important}.cs-card.cs-type-guardian.char-card--selected[data-v-5e67c21a] .char-card-active-badge{background:#42a5f52e!important;border:1px solid #42a5f5!important;color:#90caf9!important}.cs-card.cs-type-healer.char-card--selected[data-v-5e67c21a] .char-card-active-badge{background:#66bb6a2e!important;border:1px solid #66bb6a!important;color:#a5d6a7!important}.cs-card.cs-type-mage.char-card--selected[data-v-5e67c21a] .char-card-active-badge{background:#ab47bc2e!important;border:1px solid #ab47bc!important;color:#ce93d8!important}.cs-card.cs-type-warrior.char-card--selected[data-v-5e67c21a] .char-card-active-badge{background:#e539352e!important;border:1px solid #e53935!important;color:#ef9a9a!important}.cs-card[data-v-5e67c21a] .fight-btn{flex:1.5!important;font-weight:700}.cs-card.cs-type-boxer.char-card--selected[data-v-5e67c21a] .fight-btn:not(.fight-btn--blocked){background:linear-gradient(135deg,#f97316,#ea580c)!important;box-shadow:0 3px 12px #f9731666}.cs-card.cs-type-guardian.char-card--selected[data-v-5e67c21a] .fight-btn:not(.fight-btn--blocked){background:linear-gradient(135deg,#1565c0,#1976d2)!important;box-shadow:0 3px 12px #1565c066}.cs-card.cs-type-healer.char-card--selected[data-v-5e67c21a] .fight-btn:not(.fight-btn--blocked){background:linear-gradient(135deg,#2e7d32,#388e3c)!important;box-shadow:0 3px 12px #2e7d3266}.cs-card.cs-type-mage.char-card--selected[data-v-5e67c21a] .fight-btn:not(.fight-btn--blocked){background:linear-gradient(135deg,#6a1b9a,#7b1fa2)!important;box-shadow:0 3px 12px #6a1b9a66}.cs-card.cs-type-warrior.char-card--selected[data-v-5e67c21a] .fight-btn:not(.fight-btn--blocked){background:linear-gradient(135deg,#b71c1c,#c62828)!important;box-shadow:0 3px 12px #b71c1c66}.cs-card[data-v-5e67c21a] .char-card-portrait{width:80px!important;height:80px!important;border-radius:50%!important;background:radial-gradient(circle at 50% 45%,#1f2050,#0d0e26 75%)!important;border:2px solid rgba(121,134,203,.25)!important;overflow:hidden}.cs-card.cs-type-boxer.char-card--selected[data-v-5e67c21a] .char-card-portrait{border-color:#ff8a4c!important;box-shadow:0 0 10px #ff8a4c66}.cs-card.cs-type-guardian.char-card--selected[data-v-5e67c21a] .char-card-portrait{border-color:#42a5f5!important;box-shadow:0 0 10px #42a5f566}.cs-card.cs-type-healer.char-card--selected[data-v-5e67c21a] .char-card-portrait{border-color:#66bb6a!important;box-shadow:0 0 10px #66bb6a66}.cs-card.cs-type-mage.char-card--selected[data-v-5e67c21a] .char-card-portrait{border-color:#ab47bc!important;box-shadow:0 0 10px #ab47bc66}.cs-card.cs-type-warrior.char-card--selected[data-v-5e67c21a] .char-card-portrait{border-color:#e53935!important;box-shadow:0 0 10px #e5393566}.cs-card[data-v-5e67c21a] .char-card-name{font-size:1.1rem!important;font-weight:800!important;color:#e8eaf6!important}.cs-card[data-v-5e67c21a] .char-card-type{font-size:.78rem!important;font-weight:600!important}.cs-card[data-v-5e67c21a] .char-card-style{font-size:.76rem!important;color:#c5cae9!important;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#7986cb1a;border:1px solid rgba(121,134,203,.25);border-radius:10px;width:fit-content;font-weight:600}.cs-card.cs-type-boxer[data-v-5e67c21a] .char-card-type{color:#ffb380!important}.cs-card.cs-type-guardian[data-v-5e67c21a] .char-card-type{color:#90caf9!important}.cs-card.cs-type-healer[data-v-5e67c21a] .char-card-type{color:#a5d6a7!important}.cs-card.cs-type-mage[data-v-5e67c21a] .char-card-type{color:#ce93d8!important}.cs-card.cs-type-warrior[data-v-5e67c21a] .char-card-type{color:#ef9a9a!important}.cs-card[data-v-5e67c21a] .char-card-stats{margin-top:6px!important;gap:6px!important}.cs-card[data-v-5e67c21a] .card-stat-chip{padding:3px 8px!important;font-size:.74rem!important;border-radius:8px!important;border:1px solid rgba(var(--chip-rgb, 121, 134, 203),.3)}.cs-card[data-v-5e67c21a] .card-stat-chip.hp{--chip-rgb: 229, 57, 53}.cs-card[data-v-5e67c21a] .card-stat-chip.mp{--chip-rgb: 30, 136, 229}.cs-card[data-v-5e67c21a] .card-stat-chip.atk{--chip-rgb: 251, 140, 0}.cs-card[data-v-5e67c21a] .card-stat-chip.def{--chip-rgb: 67, 160, 71}@keyframes csCardEnter-5e67c21a{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cs-card[data-v-5e67c21a]{animation:csCardEnter-5e67c21a .4s ease-out backwards}.cs-card[data-v-5e67c21a]:nth-child(1){animation-delay:.04s}.cs-card[data-v-5e67c21a]:nth-child(2){animation-delay:.12s}.cs-card[data-v-5e67c21a]:nth-child(3){animation-delay:.2s}.cs-card[data-v-5e67c21a]:nth-child(4){animation-delay:.28s}.cs-card[data-v-5e67c21a]:nth-child(5){animation-delay:.36s}.cs-card[data-v-5e67c21a]:nth-child(n+6){animation-delay:.42s}.cs-card[data-v-5e67c21a] .btn:focus-visible{outline:2px solid #7986cb;outline-offset:2px}@media (prefers-reduced-motion: reduce){.cs-card[data-v-5e67c21a]{animation:none!important}.cs-card[data-v-5e67c21a]:hover{transform:none!important}}.cs-card.char-card--selected.cs-type-boxer[data-v-5e67c21a]{border-color:#ff8a4c!important;box-shadow:0 0 18px #ff8a4c66;background:linear-gradient(180deg,rgba(255,138,76,.06),transparent 40%)!important}.cs-card.char-card--selected.cs-type-guardian[data-v-5e67c21a]{border-color:#42a5f5!important;box-shadow:0 0 18px #42a5f566;background:linear-gradient(180deg,rgba(66,165,245,.06),transparent 40%)!important}.cs-card.char-card--selected.cs-type-healer[data-v-5e67c21a]{border-color:#66bb6a!important;box-shadow:0 0 18px #66bb6a66;background:linear-gradient(180deg,rgba(102,187,106,.06),transparent 40%)!important}.cs-card.char-card--selected.cs-type-mage[data-v-5e67c21a]{border-color:#ab47bc!important;box-shadow:0 0 18px #ab47bc66;background:linear-gradient(180deg,rgba(171,71,188,.06),transparent 40%)!important}.cs-card.char-card--selected.cs-type-warrior[data-v-5e67c21a]{border-color:#e53935!important;box-shadow:0 0 18px #e5393566;background:linear-gradient(180deg,rgba(229,57,53,.06),transparent 40%)!important}.cs-card.cs-type-boxer[data-v-5e67c21a]:hover:not(.char-card--selected){border-color:#ff8a4c66!important}.cs-card.cs-type-guardian[data-v-5e67c21a]:hover:not(.char-card--selected){border-color:#42a5f566!important}.cs-card.cs-type-healer[data-v-5e67c21a]:hover:not(.char-card--selected){border-color:#66bb6a66!important}.cs-card.cs-type-mage[data-v-5e67c21a]:hover:not(.char-card--selected){border-color:#ab47bc66!important}.cs-card.cs-type-warrior[data-v-5e67c21a]:hover:not(.char-card--selected){border-color:#e5393566!important}.wd-card[data-v-63ac72e9]{text-align:center;animation:wdEnter-63ac72e9 .4s ease-out backwards}@keyframes wdEnter-63ac72e9{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wd-title[data-v-63ac72e9]{margin:0 0 8px}.wd-sub[data-v-63ac72e9]{margin:0 0 4px;font-size:.95rem;color:#c5cae9}.wd-hint[data-v-63ac72e9]{margin:12px 0 0;font-size:.82rem;color:#7986cb;font-style:italic}.wd-versus[data-v-63ac72e9]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:22px auto 8px;max-width:460px}.wd-side[data-v-63ac72e9]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#7986cb0d;border:1px solid rgba(121,134,203,.2);border-radius:12px}.wd-side-me[data-v-63ac72e9]{background:#66bb6a0f;border-color:#66bb6a4d}.wd-side-tag[data-v-63ac72e9]{font-size:.62rem;padding:1px 8px;background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#fcd34d;border-radius:9px;font-weight:800;letter-spacing:.06em}.wd-side-tag-op[data-v-63ac72e9]{background:#7986cb2e;border-color:#7986cb66;color:#c5cae9}.wd-side-icon[data-v-63ac72e9]{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wd-icon-pulse[data-v-63ac72e9]{animation:wdIconBob-63ac72e9 1.6s ease-in-out infinite}@keyframes wdIconBob-63ac72e9{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.wd-side-status[data-v-63ac72e9]{font-size:.78rem;font-weight:700;color:#b0bec5}.wd-status-done[data-v-63ac72e9]{color:#81c784}.wd-status-pending[data-v-63ac72e9]{color:#ffb74d;animation:wdStatusBlink-63ac72e9 1.8s ease-in-out infinite}@keyframes wdStatusBlink-63ac72e9{0%,to{opacity:1}50%{opacity:.55}}.wd-divider[data-v-63ac72e9]{width:2px;height:60px;background:linear-gradient(180deg,#ef535066,#7986cb1a 50%,#ef535066);border-radius:1px;position:relative}.wd-divider[data-v-63ac72e9]:after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:900;color:#ef5350;letter-spacing:.06em;padding:2px 8px;background:#14142e;border:1px solid rgba(239,83,80,.3);border-radius:8px}.wd-npc-spinner[data-v-63ac72e9]{display:flex;flex-direction:column;align-items:center;gap:16px;margin:22px 0 12px}.wd-spinner-orb[data-v-63ac72e9]{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(121,134,203,.25) 0%,rgba(121,134,203,.05) 60%,transparent 80%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 18px #7986cb2e,0 0 24px #7986cb2e;animation:wdOrb-63ac72e9 2.4s ease-in-out infinite}@keyframes wdOrb-63ac72e9{0%,to{box-shadow:inset 0 0 18px #7986cb2e,0 0 24px #7986cb2e}50%{box-shadow:inset 0 0 22px #7986cb4d,0 0 36px #7986cb59}}.wd-spinner-emoji[data-v-63ac72e9]{font-size:2.4rem;animation:wdEmojiSpin-63ac72e9 4s linear infinite}@keyframes wdEmojiSpin-63ac72e9{to{transform:rotate(360deg)}}.wd-bars[data-v-63ac72e9]{display:flex;gap:4px}.wd-bar[data-v-63ac72e9]{width:4px;height:22px;background:#7986cb;border-radius:2px;animation:wdBarBounce-63ac72e9 1.2s ease-in-out infinite}.wd-bar[data-v-63ac72e9]:nth-child(1){animation-delay:0s}.wd-bar[data-v-63ac72e9]:nth-child(2){animation-delay:.1s}.wd-bar[data-v-63ac72e9]:nth-child(3){animation-delay:.2s}.wd-bar[data-v-63ac72e9]:nth-child(4){animation-delay:.3s}@keyframes wdBarBounce-63ac72e9{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1.2);opacity:1}}@media (max-width: 480px){.wd-side-icon[data-v-63ac72e9]{font-size:1.8rem}.wd-side[data-v-63ac72e9]{padding:10px 6px}}@media (prefers-reduced-motion: reduce){.wd-card[data-v-63ac72e9],.wd-icon-pulse[data-v-63ac72e9],.wd-status-pending[data-v-63ac72e9],.wd-spinner-orb[data-v-63ac72e9],.wd-spinner-emoji[data-v-63ac72e9],.wd-bar[data-v-63ac72e9]{animation:none!important}}.stats-compare-v2[data-v-4341fa3d]{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:14px;margin-bottom:16px}@keyframes statColEnter-4341fa3d{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-col-v2[data-v-4341fa3d]:nth-of-type(1){animation:statColEnter-4341fa3d .4s ease-out backwards .05s}.stat-col-v2[data-v-4341fa3d]:nth-of-type(2){animation:statColEnter-4341fa3d .4s ease-out backwards .18s}.vs-divider[data-v-4341fa3d]{animation:statColEnter-4341fa3d .4s ease-out backwards .3s}@keyframes statFill-4341fa3d{0%{width:0!important}}.stat-col-v2[data-v-4341fa3d] .stat-fill{animation:statFill-4341fa3d .7s cubic-bezier(.2,.8,.3,1) .25s backwards}.stat-col-v2[data-v-4341fa3d]{background:linear-gradient(180deg,#14142e,#0f0f24);border-radius:14px;padding:14px 16px 16px;border:1px solid #2a2a4a;transition:border-color .2s}.stat-col-v2[data-v-4341fa3d] .stat-row{margin-bottom:5px;font-size:.76rem}.stat-col-v2[data-v-4341fa3d] .stat-label{width:78px;min-width:78px;font-size:.72rem;color:#b0bec5}.stat-col-v2[data-v-4341fa3d] .stat-track{height:9px;border-radius:5px}.stat-col-v2[data-v-4341fa3d] .stat-fill{border-radius:5px;transition:width .4s cubic-bezier(.2,.8,.3,1)}.stat-col-v2[data-v-4341fa3d] .stat-val{font-size:.78rem;font-weight:700;color:#e0e0ff;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.range-row[data-v-4341fa3d]{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:.76rem}.range-row .stat-label[data-v-4341fa3d]{width:78px;min-width:78px;font-size:.72rem;color:#b0bec5;white-space:nowrap}.range-track[data-v-4341fa3d]{position:relative;flex:1;height:9px;background:#ffffff0d;border-radius:5px;overflow:hidden}.range-fill[data-v-4341fa3d]{position:absolute;top:0;bottom:0;border-radius:5px;box-shadow:0 0 6px currentColor;animation:rangeFill-4341fa3d .7s cubic-bezier(.2,.8,.3,1) .25s backwards}@keyframes rangeFill-4341fa3d{0%{width:0!important}}.range-val[data-v-4341fa3d]{font-size:.78rem;font-weight:700;color:#e0e0ff;min-width:60px;text-align:right;font-variant-numeric:tabular-nums}.stat-col-v2.mine[data-v-4341fa3d]{border-color:#7986cb8c;box-shadow:0 0 18px #7986cb2e;background:linear-gradient(180deg,#181842,#0f0f24)}.stat-col-header[data-v-4341fa3d]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:#7986cb66}.stat-col-v2[data-v-4341fa3d],.stat-col-header[data-v-4341fa3d]{position:relative}.stat-col-v2.type-boxer .stat-col-header[data-v-4341fa3d]:before{background:linear-gradient(90deg,transparent,#ff8a4c,transparent)}.stat-col-v2.type-guardian .stat-col-header[data-v-4341fa3d]:before{background:linear-gradient(90deg,transparent,#42a5f5,transparent)}.stat-col-v2.type-healer .stat-col-header[data-v-4341fa3d]:before{background:linear-gradient(90deg,transparent,#66bb6a,transparent)}.stat-col-v2.type-mage .stat-col-header[data-v-4341fa3d]:before{background:linear-gradient(90deg,transparent,#ab47bc,transparent)}.stat-col-v2.type-warrior .stat-col-header[data-v-4341fa3d]:before{background:linear-gradient(90deg,transparent,#e53935,transparent)}.stat-col-header[data-v-4341fa3d]{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(121,134,203,.15)}.stat-col-img[data-v-4341fa3d]{width:44px;height:44px;object-fit:contain;border-radius:50%;background:radial-gradient(circle,#1f2050,#0d0e26 75%);border:1px solid rgba(121,134,203,.3);flex-shrink:0}.stat-col-v2.mine .stat-col-img[data-v-4341fa3d]{border-color:#7986cb;box-shadow:0 0 8px #7986cb80}.stat-col-name-block[data-v-4341fa3d]{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.stat-col-tag[data-v-4341fa3d]{font-size:.62rem;padding:1px 7px;border-radius:8px;font-weight:800;letter-spacing:.06em;width:fit-content}.mine-tag[data-v-4341fa3d]{background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.op-tag[data-v-4341fa3d]{background:#7986cb2e;border:1px solid rgba(121,134,203,.4);color:#c5cae9}.stat-col-tag-row[data-v-4341fa3d]{display:flex;align-items:center;gap:4px}.stat-col-arch[data-v-4341fa3d]{font-size:.6rem;padding:1px 6px;background:#b0bec51a;border:1px solid rgba(176,190,197,.25);color:#b0bec5;border-radius:6px;font-weight:700;letter-spacing:.04em}.stat-col-arch.arch-phys[data-v-4341fa3d]{background:#fb8c001f;border-color:#fb8c0059;color:#ffcc80}.stat-col-arch.arch-magic[data-v-4341fa3d]{background:#ab47bc1f;border-color:#ab47bc59;color:#ce93d8}.stat-col-arch.arch-tank[data-v-4341fa3d]{background:#42a5f51f;border-color:#42a5f559;color:#90caf9}.stat-col-v2 h3[data-v-4341fa3d]{margin:4px 0 0;display:flex;flex-direction:column;gap:1px;min-width:0}.stat-col-class[data-v-4341fa3d]{font-size:.72rem;color:#9fa8da;font-weight:600;letter-spacing:.02em}.stat-col-name[data-v-4341fa3d]{font-size:.94rem;font-weight:800;color:#e8eaf6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-group-header[data-v-4341fa3d]{display:flex;align-items:center;gap:6px;margin:8px 0 4px;padding:3px 8px;font-size:.7rem;font-weight:800;letter-spacing:.06em;border-radius:6px;border-left:3px solid;background:#ffffff06}.stat-group-header[data-v-4341fa3d]:first-of-type{margin-top:2px}.sg-icon[data-v-4341fa3d]{font-size:.9rem}.sg-label[data-v-4341fa3d]{color:#b0bec5}.stat-group-header.group-core[data-v-4341fa3d]{border-color:#ff7043;background:#ff70430f}.stat-group-header.group-core .sg-label[data-v-4341fa3d]{color:#ffab91}.stat-group-header.group-atk[data-v-4341fa3d]{border-color:#fb8c00;background:#fb8c000f}.stat-group-header.group-atk .sg-label[data-v-4341fa3d]{color:#ffcc80}.stat-group-header.group-def[data-v-4341fa3d]{border-color:#43a047;background:#43a0470f}.stat-group-header.group-def .sg-label[data-v-4341fa3d]{color:#a5d6a7}.stat-group-header.group-prc[data-v-4341fa3d]{border-color:#00acc1;background:#00acc10f}.stat-group-header.group-prc .sg-label[data-v-4341fa3d]{color:#80deea}.stat-row-wrap[data-v-4341fa3d]{position:relative;border-radius:6px;padding:1px 4px 1px 14px;margin-left:-8px;transition:background .15s}.stat-row-wrap[data-v-4341fa3d]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:transparent}.stat-row-wrap.cmp-win[data-v-4341fa3d]:before{background:#66bb6a;box-shadow:0 0 6px #66bb6ab3}.stat-row-wrap.cmp-lose[data-v-4341fa3d]:before{background:#ef535073}.stat-row-wrap.cmp-tie[data-v-4341fa3d]:before{background:#b0bec566}.stat-row-wrap.cmp-win[data-v-4341fa3d]{background:linear-gradient(90deg,rgba(102,187,106,.08),transparent 60%)}.vs-divider[data-v-4341fa3d]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.vs-circle[data-v-4341fa3d]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#b71c1c,#e53935);color:#fff;font-weight:900;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px #ef535073;font-size:.9rem;border:2px solid #ef9a9a}.vs-line[data-v-4341fa3d]{flex:1;width:2px;background:linear-gradient(180deg,#ef535066,#7986cb1a 50%,#ef535066);border-radius:1px;min-height:80px}.btn-go-battle[data-v-4341fa3d]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:8px;font-size:1.1rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fb923c;border-radius:14px;cursor:pointer;box-shadow:0 4px 18px #f9731659;transition:filter .15s,transform .1s,box-shadow .2s;letter-spacing:.03em;animation:btnPulse-4341fa3d 2.4s ease-in-out infinite 1s}@keyframes btnPulse-4341fa3d{0%,to{box-shadow:0 4px 18px #f9731659}50%{box-shadow:0 4px 28px #f9731699}}.btn-go-battle[data-v-4341fa3d]:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #f973168c}.btn-go-battle[data-v-4341fa3d]:active{transform:translateY(0)}.btn-go-battle[data-v-4341fa3d]:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn-go-icon[data-v-4341fa3d]{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (prefers-reduced-motion: reduce){.btn-go-battle[data-v-4341fa3d],.stat-col-v2[data-v-4341fa3d],.vs-divider[data-v-4341fa3d],.stat-col-v2[data-v-4341fa3d] .stat-fill{animation:none!important}}@media (max-width: 600px){.stats-compare-v2[data-v-4341fa3d]{grid-template-columns:1fr;gap:10px}.vs-divider[data-v-4341fa3d]{flex-direction:row;padding:4px 0}.vs-line[data-v-4341fa3d]{flex:1;width:auto;height:2px;min-height:0;background:linear-gradient(90deg,#ef535066,#7986cb1a 50%,#ef535066)}}.speech-bubble[data-v-1c2fc1b6]{position:absolute;bottom:calc(100% + 12px);max-width:260px;min-width:80px;background:#fff;border:2.5px solid #333;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600;color:#111;line-height:1.4;white-space:pre-wrap;word-break:keep-all;z-index:200;pointer-events:none;box-shadow:0 3px 10px #0000002e}.speech-bubble.left[data-v-1c2fc1b6]{left:8px}.speech-bubble.right[data-v-1c2fc1b6]{right:8px}.bubble-tail[data-v-1c2fc1b6]{position:absolute;bottom:-12px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid #333}.speech-bubble.left .bubble-tail[data-v-1c2fc1b6]{left:24px}.speech-bubble.right .bubble-tail[data-v-1c2fc1b6]{right:24px}.bubble-tail[data-v-1c2fc1b6]:after{content:"";position:absolute;top:-14px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #fff}.bubble-enter-active[data-v-1c2fc1b6]{animation:bubble-pop-1c2fc1b6 .25s ease-out}.bubble-leave-active[data-v-1c2fc1b6]{animation:bubble-fade-1c2fc1b6 .4s ease-in}@keyframes bubble-pop-1c2fc1b6{0%{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bubble-fade-1c2fc1b6{0%{opacity:1}to{opacity:0}}.action-panel[data-v-cbdc9d1e]{display:flex;gap:10px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));background:#12122eeb;border-top:1px solid #2a2a5a;justify-content:center;align-items:stretch;min-height:72px;transition:border-color .3s,box-shadow .3s,background .3s;position:relative}.action-panel.panel-active[data-v-cbdc9d1e]{border-top:1px solid #7986cb;box-shadow:0 -2px 12px #7986cb38 inset}.action-panel.panel-active[data-v-cbdc9d1e]:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffd740 25%,#ffd740 75%,transparent);animation:panelTurnGlow-cbdc9d1e 2.4s ease-in-out infinite}@keyframes panelTurnGlow-cbdc9d1e{0%,to{opacity:.35}50%{opacity:1}}.action-panel.panel-waiting[data-v-cbdc9d1e]{border-top:1px solid #2a2a5a;box-shadow:none;background:#0e0e24eb}.action-btn[data-v-cbdc9d1e]{flex:1;max-width:110px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:linear-gradient(160deg,#1e1e4a,#2a2a5a);border:1px solid #3a3a7a;border-radius:10px;color:#e8eaf6;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-size:.76rem}.action-btn[data-v-cbdc9d1e]{position:relative}.act-key[data-v-cbdc9d1e]{position:absolute;top:3px;left:4px;font-size:.58rem;font-weight:700;color:#e8eaf68c;background:#0a0a1a8c;border:1px solid rgba(121,134,203,.35);border-radius:4px;padding:0 4px;line-height:1.4;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none}.action-btn:hover:not(:disabled) .act-key[data-v-cbdc9d1e]{color:#fff176;border-color:#ffd7408c}.action-btn[data-v-cbdc9d1e]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--act-accent, #5c6bc0);border-radius:10px 10px 0 0;opacity:.9}.action-btn.act-basic[data-v-cbdc9d1e]{--act-accent: #9fa8da;background:linear-gradient(160deg,#1e1e4a,#2a2a5a);border-color:#4a4a8a}.action-btn.act-power[data-v-cbdc9d1e]{--act-accent: #ef5350;background:linear-gradient(160deg,#3a1a1f,#4a242a);border-color:#b74c4c}.action-btn.act-defend[data-v-cbdc9d1e]{--act-accent: #42a5f5;background:linear-gradient(160deg,#1a2640,#213556);border-color:#4c8fb7}.action-btn.act-dodge[data-v-cbdc9d1e]{--act-accent: #4dd0e1;background:linear-gradient(160deg,#1a3236,#20424c);border-color:#4ca7b7}.action-btn.act-heal[data-v-cbdc9d1e]{--act-accent: #66bb6a;background:linear-gradient(160deg,#1a3220,#233f2a);border-color:#4cb766}.action-btn.is-caster.act-power[data-v-cbdc9d1e]{--act-accent: #ff9800;background:linear-gradient(160deg,#3a2210,#4a2e18);border-color:#ff9800}@media (max-width: 768px){.action-panel[data-v-cbdc9d1e]{gap:6px;padding:8px;min-height:64px}.action-btn[data-v-cbdc9d1e]{max-width:none;padding:6px 3px;font-size:.72rem}}@media (max-width: 480px){.action-panel[data-v-cbdc9d1e]{gap:4px;padding:6px;min-height:64px}.action-btn[data-v-cbdc9d1e]{padding:5px 2px;gap:2px;font-size:.65rem;min-height:56px}.act-icon[data-v-cbdc9d1e]{font-size:1.15rem!important}.act-name[data-v-cbdc9d1e]{font-size:.68rem!important}.act-cost[data-v-cbdc9d1e]{font-size:.56rem!important;padding:1px 3px!important}.act-key[data-v-cbdc9d1e]{display:none}}@media (hover: none) and (pointer: coarse){.act-key[data-v-cbdc9d1e]{display:none}}.action-btn[data-v-cbdc9d1e]:hover:not(:disabled){filter:brightness(1.18);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.action-btn[data-v-cbdc9d1e]:focus-visible{outline:2px solid var(--act-accent, #7986cb);outline-offset:3px;box-shadow:0 0 0 4px #ffd7402e,0 4px 12px #0006}.action-btn[data-v-cbdc9d1e]:active:not(:disabled){transform:translateY(0) scale(.95);filter:brightness(1.35);box-shadow:0 0 0 2px var(--act-accent, #7986cb),0 4px 16px #0000008c}.action-btn[data-v-cbdc9d1e]:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:radial-gradient(circle at center,var(--act-accent, #7986cb) 0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .18s ease}.action-btn[data-v-cbdc9d1e]:active:not(:disabled):after{opacity:.18;transition:opacity .04s ease}.action-btn[data-v-cbdc9d1e]:focus-visible{outline:2px solid #ffd740;outline-offset:2px;z-index:1}.action-btn[data-v-cbdc9d1e]:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(.4)}.action-btn.low-mp .mp-cost[data-v-cbdc9d1e],.action-btn.low-sta .sta-cost[data-v-cbdc9d1e]{color:#ff8a80!important;background:#f443362e!important;border:1px solid rgba(244,67,54,.6)!important}.act-icon[data-v-cbdc9d1e]{font-size:1.5rem;line-height:1}.act-name[data-v-cbdc9d1e]{font-weight:700;font-size:.82rem}.act-cost[data-v-cbdc9d1e]{font-size:.68rem;color:#90caf9;background:#2196f32e;padding:1px 5px;border-radius:6px}.sta-cost[data-v-cbdc9d1e]{color:#a5d6a7;background:#4caf502e}.free-cost[data-v-cbdc9d1e]{color:#b0bec5;background:#b0bec524}.sta-cost.sta-penalty[data-v-cbdc9d1e]{color:#ffab91;background:#ff572238;border:1px solid rgba(255,112,67,.55);animation:penaltyPulse-cbdc9d1e 1.4s ease-in-out infinite}.penalty-tag[data-v-cbdc9d1e]{margin-left:3px;font-weight:700;color:#ff7043}@keyframes penaltyPulse-cbdc9d1e{0%,to{box-shadow:0 0 #ff704300}50%{box-shadow:0 0 6px 1px #ff704373}}.submitted-state[data-v-cbdc9d1e]{display:flex;align-items:center;gap:20px;width:100%;padding:0 12px;animation:fadeIn-cbdc9d1e .2s ease}@keyframes fadeIn-cbdc9d1e{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes selectPulse-cbdc9d1e{0%{transform:scale(.85);box-shadow:0 0 #66bb6a00}35%{transform:scale(1.08);box-shadow:0 0 24px 4px #66bb6a8c}to{transform:scale(1);box-shadow:0 0 #66bb6a00}}@keyframes selectIconBounce-cbdc9d1e{0%{transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1) rotate(0)}}.selected-display[data-v-cbdc9d1e]{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#66bb6a2e,#7986cb26);border:1.5px solid #66bb6a;border-radius:12px;padding:8px 18px;flex:1;max-width:280px;animation:selectPulse-cbdc9d1e .55s cubic-bezier(.34,1.56,.64,1)}.selected-display.sel-basic[data-v-cbdc9d1e]{background:linear-gradient(135deg,#9fa8da33,#5c6bc01f);border-color:#9fa8da}.selected-display.sel-power[data-v-cbdc9d1e]{background:linear-gradient(135deg,#ef535038,#b74c4c1f);border-color:#ef5350}.selected-display.sel-defend[data-v-cbdc9d1e]{background:linear-gradient(135deg,#42a5f538,#4c8fb71f);border-color:#42a5f5}.selected-display.sel-dodge[data-v-cbdc9d1e]{background:linear-gradient(135deg,#4dd0e138,#4ca7b71f);border-color:#4dd0e1}.selected-display.sel-heal[data-v-cbdc9d1e]{background:linear-gradient(135deg,#66bb6a38,#4cb7661f);border-color:#66bb6a}.selected-display.sel-power.is-caster[data-v-cbdc9d1e]{background:linear-gradient(135deg,#ff980038,#f57c001f);border-color:#ff9800}.selected-display .sel-icon[data-v-cbdc9d1e]{display:inline-block;animation:selectIconBounce-cbdc9d1e .5s cubic-bezier(.34,1.56,.64,1)}.sel-icon[data-v-cbdc9d1e]{font-size:2rem;line-height:1}.sel-info[data-v-cbdc9d1e]{display:flex;flex-direction:column;gap:2px}.sel-name[data-v-cbdc9d1e]{font-size:1rem;font-weight:700;color:#e8eaf6}.sel-done[data-v-cbdc9d1e]{font-size:.78rem;color:#66bb6a;font-weight:600}.waiting-label[data-v-cbdc9d1e]{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#9fa8da;font-style:italic;transition:color .25s}.waiting-label.ready[data-v-cbdc9d1e]{color:#a5d6a7;font-style:normal;font-weight:600}.waiting-dot[data-v-cbdc9d1e]{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7986cb;animation:pulse-cbdc9d1e 1.2s ease-in-out infinite;flex-shrink:0;transition:background .25s}.waiting-dot.done[data-v-cbdc9d1e]{background:#66bb6a;animation:none;transform:scale(1)}.waiting-dots[data-v-cbdc9d1e]{display:inline-flex;gap:4px;align-items:center}.waiting-dots .waiting-dot[data-v-cbdc9d1e]{width:6px;height:6px;animation:dotsSeq-cbdc9d1e 1.2s ease-in-out infinite}.waiting-dots .dot-1[data-v-cbdc9d1e]{animation-delay:0s}.waiting-dots .dot-2[data-v-cbdc9d1e]{animation-delay:.15s}.waiting-dots .dot-3[data-v-cbdc9d1e]{animation-delay:.3s}@keyframes dotsSeq-cbdc9d1e{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes pulse-cbdc9d1e{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media (prefers-reduced-motion: reduce){.action-panel.panel-active[data-v-cbdc9d1e]:before{animation:none!important;opacity:.7}.waiting-dot[data-v-cbdc9d1e],.sta-cost.sta-penalty[data-v-cbdc9d1e],.selected-display[data-v-cbdc9d1e],.selected-display .sel-icon[data-v-cbdc9d1e]{animation:none!important}}.rr-wrap[data-v-5c4726d5]{position:fixed;top:32%;left:50%;transform:translate(-50%,-50%);z-index:600;width:min(420px,92vw);background:#0a0c28ed;border:1.5px solid rgba(121,134,203,.55);border-radius:18px;padding:16px 20px 14px;box-shadow:0 12px 48px #000000b3,0 0 0 1px #7986cb14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.rr-wrap[data-v-5c4726d5]{top:28%;width:min(360px,94vw);padding:12px 14px 10px;border-radius:14px}.rr-fname[data-v-5c4726d5]{font-size:.68rem;max-width:100px}.rr-aicon[data-v-5c4726d5]{font-size:1.15rem}.rr-aname[data-v-5c4726d5]{font-size:.72rem}.rr-badge[data-v-5c4726d5]{font-size:.68rem;padding:2px 8px}.rr-vs[data-v-5c4726d5]{font-size:.7rem}.rr-turn-label[data-v-5c4726d5]{font-size:.78rem}}@media (max-height: 520px){.rr-wrap[data-v-5c4726d5]{top:24%;padding:10px 14px 8px}}.rr-header[data-v-5c4726d5]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.rr-sword[data-v-5c4726d5]{font-size:1.1rem}.rr-turn-label[data-v-5c4726d5]{font-size:.88rem;font-weight:700;color:#9fa8da;letter-spacing:.05em}.rr-fighters[data-v-5c4726d5]{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:6px}.rr-vs-col[data-v-5c4726d5]{display:flex;justify-content:center}.rr-vs[data-v-5c4726d5]{font-size:.8rem;font-weight:900;color:#7986cb80;letter-spacing:.08em}.rr-fighter[data-v-5c4726d5]{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.rr-fighter-left[data-v-5c4726d5]{align-items:flex-end;text-align:right}.rr-fighter-right[data-v-5c4726d5]{align-items:flex-start;text-align:left}.rr-fname[data-v-5c4726d5]{font-size:.75rem;color:#7986cb;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.rr-action[data-v-5c4726d5]{display:flex;align-items:center;gap:5px;flex-direction:row}.rr-fighter-left .rr-action[data-v-5c4726d5]{flex-direction:row-reverse}.rr-aicon[data-v-5c4726d5]{font-size:1.35rem;line-height:1}.rr-aname[data-v-5c4726d5]{font-size:.82rem;font-weight:700;color:#c5cae9}.rr-badge[data-v-5c4726d5]{font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.badge-dmg[data-v-5c4726d5]{background:#e539352e;color:#ef9a9a;border:1px solid rgba(229,57,53,.35)}.badge-crit[data-v-5c4726d5]{background:#ffd5002e;color:#ffe57f;border:1px solid rgba(255,213,0,.4)}.badge-heal[data-v-5c4726d5]{background:#4caf502e;color:#a5d6a7;border:1px solid rgba(76,175,80,.35)}.badge-defend[data-v-5c4726d5]{background:#2196f32e;color:#90caf9;border:1px solid rgba(33,150,243,.35)}.badge-miss[data-v-5c4726d5]{background:#9e9e9e26;color:#bdbdbd;border:1px solid rgba(158,158,158,.3)}.rr-kd[data-v-5c4726d5]{font-size:.72rem;color:#ce93d8;font-weight:600}.rr-initiative[data-v-5c4726d5]{margin-top:10px;text-align:center;font-size:.78rem;color:#ffe57f;font-weight:600;background:#ffd50014;border:1px solid rgba(255,213,0,.2);border-radius:8px;padding:4px 10px}.rr-over[data-v-5c4726d5]{margin-top:10px;text-align:center;font-size:1rem;font-weight:900;color:#ffe57f;letter-spacing:.04em}.rr-pop-enter-active[data-v-5c4726d5]{transition:opacity .18s ease,transform .18s ease}.rr-pop-leave-active[data-v-5c4726d5]{transition:opacity .28s ease,transform .28s ease}.rr-pop-enter-from[data-v-5c4726d5]{opacity:0;transform:translate(-50%,-50%) scale(.88)}.rr-pop-leave-to[data-v-5c4726d5]{opacity:0;transform:translate(-50%,-50%) scale(.94)}.turn-bar[data-v-75ac7d1b]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 18px 6px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:#0d0d1a;flex-shrink:0;position:relative}@media (max-height: 500px) and (orientation: landscape){.turn-bar[data-v-75ac7d1b]{padding:4px 18px;gap:8px;font-size:.85rem}}.turn-progress[data-v-75ac7d1b]{position:absolute;bottom:0;left:0;right:0;grid-column:1 / -1;height:2px;background:#7986cb1f;overflow:hidden}.turn-progress-fill[data-v-75ac7d1b]{height:100%;background:linear-gradient(90deg,#5c6bc0,#7986cb);transition:width .45s cubic-bezier(.4,0,.2,1),background-color .6s}.turn-progress.progress-urgent .turn-progress-fill[data-v-75ac7d1b]{background:linear-gradient(90deg,#ff7043,#ff5722);box-shadow:0 0 6px #ff57228c}.vs-side[data-v-75ac7d1b]{display:flex;align-items:center;gap:8px}.vs-left[data-v-75ac7d1b]{justify-self:end}.vs-right[data-v-75ac7d1b]{justify-self:start}.vs-name[data-v-75ac7d1b]{font-size:.95rem;font-weight:700;color:#e8eaf6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:240px}.vs-left .vs-name[data-v-75ac7d1b]{color:#fff176}.vs-right .vs-name[data-v-75ac7d1b]{color:#90caf9}.vs-tag.me[data-v-75ac7d1b]{font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;background:#3949ab;color:#c5cae9;border-radius:10px;border:1px solid #5c6bc0;flex-shrink:0}.vs-mid[data-v-75ac7d1b]{display:flex;align-items:center;gap:10px;justify-self:center}.vs-glyph[data-v-75ac7d1b]{font-size:1.2rem}.turn-badge-static[data-v-75ac7d1b]{position:static!important;padding:4px 14px;font-size:.82rem;min-width:100px;height:26px}.tut-hi[data-v-75ac7d1b]{position:relative;border-radius:12px;outline:2px solid rgba(121,134,203,.75);outline-offset:6px;box-shadow:0 0 0 8px #7986cb14,0 4px 32px #00000059;transition:outline-color .3s,box-shadow .3s;z-index:10}.tut-replay-btn[data-v-75ac7d1b]{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:1px solid rgba(121,134,203,.35);border-radius:50%;width:28px;height:28px;font-size:.82rem;color:#7986cb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;z-index:5}.tut-replay-btn[data-v-75ac7d1b]:hover{border-color:#7986cb;color:#c5cae9}@media (max-width: 600px){.tut-replay-btn[data-v-75ac7d1b]{position:fixed;top:6px;right:6px;transform:none;width:32px;height:32px;font-size:.9rem;background:#0d0d1ac7;border-color:#7986cb80;z-index:20}}.dmg-popup-layer[data-v-75ac7d1b]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:40}.dmg-popup[data-v-75ac7d1b]{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:2.4rem;line-height:1;text-shadow:0 0 6px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.6);letter-spacing:.02em;white-space:nowrap}.dmg-popup.p-dmg[data-v-75ac7d1b]{color:#ff5252}.dmg-popup.p-dmg-crit[data-v-75ac7d1b]{color:#ffd54f;font-size:3.4rem;text-shadow:0 0 12px rgba(255,213,79,.9),0 2px 4px rgba(0,0,0,.6);animation:critWobble-75ac7d1b .7s ease-out}.dmg-popup.p-heal[data-v-75ac7d1b]{color:#69f0ae}.dmg-popup.p-heal-crit[data-v-75ac7d1b]{color:#b9f6ca;font-size:3rem;text-shadow:0 0 12px rgba(105,240,174,.9),0 2px 4px rgba(0,0,0,.6);animation:critWobble-75ac7d1b .7s ease-out}.dmg-popup.p-counter[data-v-75ac7d1b]{color:#ef9a9a;font-size:1.6rem;letter-spacing:.04em}.dmg-popup.p-dodge[data-v-75ac7d1b]{color:#80deea;font-size:1.6rem;letter-spacing:.04em}.dmg-popup.p-block[data-v-75ac7d1b]{color:#b0bec5;font-size:1.5rem;letter-spacing:.04em}@media (max-width: 480px){.dmg-popup[data-v-75ac7d1b]{font-size:1.8rem}.dmg-popup.p-dmg-crit[data-v-75ac7d1b]{font-size:2.4rem}.dmg-popup.p-heal-crit[data-v-75ac7d1b]{font-size:2.2rem}.dmg-popup.p-counter[data-v-75ac7d1b],.dmg-popup.p-dodge[data-v-75ac7d1b],.dmg-popup.p-block[data-v-75ac7d1b]{font-size:1.2rem}.crit-toast[data-v-75ac7d1b]{font-size:2.4rem}.dodge-toast[data-v-75ac7d1b]{font-size:1.7rem}}@keyframes critWobble-75ac7d1b{0%{filter:drop-shadow(0 0 0px currentColor) brightness(2)}15%{filter:drop-shadow(0 0 16px currentColor) brightness(1.6)}30%{filter:drop-shadow(0 0 8px currentColor) brightness(1)}60%{filter:drop-shadow(0 0 12px currentColor) brightness(1.2)}to{filter:drop-shadow(0 0 0px currentColor) brightness(1)}}.crit-toast[data-v-75ac7d1b]{position:absolute;top:14%;left:50%;transform:translate(-50%);font-size:3.2rem;font-weight:900;letter-spacing:.06em;color:#ffeb3b;text-shadow:0 0 20px rgba(255,235,59,.9),0 0 40px rgba(255,152,0,.7),0 4px 8px rgba(0,0,0,.8);pointer-events:none;z-index:45;-webkit-user-select:none;user-select:none;white-space:nowrap}.crit-toast-enter-active[data-v-75ac7d1b]{transition:opacity .12s ease-out,transform .4s cubic-bezier(.34,1.56,.64,1)}.crit-toast-leave-active[data-v-75ac7d1b]{transition:opacity .3s ease-in,transform .3s ease-in}.crit-toast-enter-from[data-v-75ac7d1b]{opacity:0;transform:translate(-50%) scale(.3) rotate(-8deg)}.crit-toast-enter-to[data-v-75ac7d1b]{opacity:1;transform:translate(-50%) scale(1.05) rotate(0)}.crit-toast-leave-to[data-v-75ac7d1b]{opacity:0;transform:translate(-50%,-20px) scale(.9)}.dodge-toast[data-v-75ac7d1b]{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:2.2rem;font-weight:900;letter-spacing:.06em;color:#80deea;text-shadow:0 0 18px rgba(128,222,234,.85),0 0 32px rgba(38,198,218,.6),0 4px 8px rgba(0,0,0,.8);pointer-events:none;z-index:44;-webkit-user-select:none;user-select:none;white-space:nowrap}.dodge-toast-enter-active[data-v-75ac7d1b]{transition:opacity .14s ease-out,transform .35s cubic-bezier(.34,1.56,.64,1)}.dodge-toast-leave-active[data-v-75ac7d1b]{transition:opacity .28s ease-in,transform .28s ease-in}.dodge-toast-enter-from[data-v-75ac7d1b]{opacity:0;transform:translate(-50%) scale(.6) translate(-20px)}.dodge-toast-enter-to[data-v-75ac7d1b]{opacity:1;transform:translate(-50%) scale(1)}.dodge-toast-leave-to[data-v-75ac7d1b]{opacity:0;transform:translate(-50%,-10px) scale(.92)}.initiative-badge[data-v-75ac7d1b]{position:absolute;bottom:175px;display:flex;align-items:center;gap:5px;padding:5px 12px 5px 9px;font-size:.82rem;font-weight:800;color:#fff8e1;background:linear-gradient(135deg,#ffc107eb,#ff9800eb);border:1px solid rgba(255,235,59,.9);border-radius:14px;box-shadow:0 0 16px #ffc10799,0 2px 6px #00000080;z-index:12;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:iniPulse-75ac7d1b 1.6s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.initiative-left[data-v-75ac7d1b]{left:14px}.initiative-right[data-v-75ac7d1b]{right:14px}.ini-label[data-v-75ac7d1b]{font-size:.78rem;letter-spacing:.02em}@keyframes iniPulse-75ac7d1b{0%,to{box-shadow:0 0 16px #ffc1078c,0 2px 6px #00000080}50%{box-shadow:0 0 24px #ffc107d9,0 2px 8px #00000080}}@keyframes shakeLight-75ac7d1b{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px)}}@keyframes shakeStrong-75ac7d1b{0%,to{transform:translate(0)}15%{transform:translate(-6px,2px)}30%{transform:translate(6px,-2px)}45%{transform:translate(-5px,2px)}60%{transform:translate(5px,-1px)}75%{transform:translate(-3px,1px)}90%{transform:translate(2px)}}@keyframes hitVignette-75ac7d1b{0%{opacity:0}20%{opacity:1}to{opacity:0}}#phaser-mount.shake-light[data-v-75ac7d1b]{animation:shakeLight-75ac7d1b .28s ease-out}#phaser-mount.shake-strong[data-v-75ac7d1b]{animation:shakeStrong-75ac7d1b .48s ease-out}#phaser-mount.shake-light[data-v-75ac7d1b]:after,#phaser-mount.shake-strong[data-v-75ac7d1b]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(244,67,54,.55) 100%);pointer-events:none;z-index:30;animation:hitVignette-75ac7d1b .4s ease-out forwards}#phaser-mount.shake-strong[data-v-75ac7d1b]:after{background:radial-gradient(ellipse at center,transparent 50%,rgba(255,152,0,.7) 100%);animation-duration:.55s}#phaser-mount.mine-critical[data-v-75ac7d1b]{position:relative}#phaser-mount.mine-critical[data-v-75ac7d1b]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 58%,rgba(244,67,54,.32) 100%);pointer-events:none;z-index:31;animation:minePulse-75ac7d1b 1.6s ease-in-out infinite}@keyframes minePulse-75ac7d1b{0%,to{opacity:.65}50%{opacity:1}}.dmg-pop-enter-active[data-v-75ac7d1b]{transition:opacity .18s ease-out,transform .9s cubic-bezier(.2,.7,.3,1)}.dmg-pop-leave-active[data-v-75ac7d1b]{transition:opacity .4s ease-in,transform .4s ease-in}.dmg-pop-enter-from[data-v-75ac7d1b]{opacity:0;transform:translate(-50%,10%) scale(.6)}.dmg-pop-enter-to[data-v-75ac7d1b]{opacity:1;transform:translate(-50%,-90%) scale(1)}.dmg-pop-leave-to[data-v-75ac7d1b]{opacity:0;transform:translate(-50%,-120%) scale(.95)}@media (prefers-reduced-motion: reduce){#phaser-mount.shake-light[data-v-75ac7d1b],#phaser-mount.shake-strong[data-v-75ac7d1b]{animation:none!important}#phaser-mount.shake-light[data-v-75ac7d1b]:after,#phaser-mount.shake-strong[data-v-75ac7d1b]:after{animation:none!important;opacity:1}.initiative-badge[data-v-75ac7d1b]{animation:none!important}.crit-toast-enter-active[data-v-75ac7d1b],.crit-toast-leave-active[data-v-75ac7d1b],.dmg-pop-enter-active[data-v-75ac7d1b],.dmg-pop-leave-active[data-v-75ac7d1b]{transition-duration:.05s!important}.dmg-popup.p-dmg-crit[data-v-75ac7d1b],.dmg-popup.p-heal-crit[data-v-75ac7d1b]{animation:none!important}}.ranking-wrap[data-v-fe1377c6]{width:100%}.loading-msg[data-v-fe1377c6],.error-msg[data-v-fe1377c6]{text-align:center;padding:20px;color:#9fa8da}.empty-msg[data-v-fe1377c6]{text-align:center;padding:28px 14px;color:#9fa8da;line-height:1.6}.empty-emoji[data-v-fe1377c6]{font-size:2.4rem;opacity:.6;margin-bottom:8px}.empty-hint[data-v-fe1377c6]{font-size:.78rem;color:#7986cb;opacity:.85;margin-top:4px}.tbl-compact[data-v-fe1377c6]{width:100%;border-collapse:separate;border-spacing:0 4px}.tbl-compact thead th[data-v-fe1377c6]{font-size:.72rem;color:#7986cb;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:4px 10px}.th-rank[data-v-fe1377c6]{width:56px;text-align:center!important}.th-wins[data-v-fe1377c6]{text-align:right!important;width:72px}.tbl-compact tbody td[data-v-fe1377c6]{padding:8px 10px;background:#ffffff08;border-top:1px solid rgba(121,134,203,.08);border-bottom:1px solid rgba(121,134,203,.08);font-size:.92rem;color:#e0e0ff;vertical-align:middle}.tbl-compact tbody td[data-v-fe1377c6]:first-child{border-left:1px solid rgba(121,134,203,.08);border-radius:8px 0 0 8px}.tbl-compact tbody td[data-v-fe1377c6]:last-child{border-right:1px solid rgba(121,134,203,.08);border-radius:0 8px 8px 0}.td-rank[data-v-fe1377c6]{text-align:center}.medal[data-v-fe1377c6]{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.rank-num[data-v-fe1377c6]{font-weight:700;color:#9fa8da;font-size:.9rem}.td-name[data-v-fe1377c6]{font-weight:600}.td-wins[data-v-fe1377c6]{text-align:right;font-weight:800;color:#ffd740}.wins-suffix[data-v-fe1377c6]{font-size:.7rem;color:#fcd34d;margin-left:2px;opacity:.7}.rank-1 td[data-v-fe1377c6]{background:linear-gradient(90deg,#ffd74024,#ffd7400a);border-color:#ffd7404d!important}.rank-2 td[data-v-fe1377c6]{background:linear-gradient(90deg,#b0bec524,#b0bec50a);border-color:#b0bec54d!important}.rank-3 td[data-v-fe1377c6]{background:linear-gradient(90deg,#ffa72624,#ffa7260a);border-color:#ffa7264d!important}.rank-me td[data-v-fe1377c6]{background:linear-gradient(90deg,#7986cb38,#7986cb14)!important;border-color:#7986cb80!important}.me-chip[data-v-fe1377c6]{display:inline-block;margin-left:8px;padding:1px 7px;background:#5c6bc0;color:#fff;border-radius:8px;font-size:.65rem;font-weight:800;letter-spacing:.06em;vertical-align:middle}.result-banner[data-v-7dbb1118]{position:relative;margin:0 0 18px;padding:28px 20px 24px;border-radius:18px;text-align:center;overflow:hidden;border:2px solid;animation:bannerEnter-7dbb1118 .5s cubic-bezier(.2,.8,.3,1) backwards}@keyframes bannerEnter-7dbb1118{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.result-banner-icon[data-v-7dbb1118]{font-size:3.2rem;margin-bottom:4px;display:inline-block;animation:iconPop-7dbb1118 .65s cubic-bezier(.2,1.4,.4,1) backwards .18s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}@keyframes iconPop-7dbb1118{0%{opacity:0;transform:scale(.3) rotate(-12deg)}60%{opacity:1;transform:scale(1.15) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.result-banner-text[data-v-7dbb1118]{font-size:2rem;font-weight:900;letter-spacing:.02em;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.result-banner-sub[data-v-7dbb1118]{font-size:.92rem;font-weight:600;opacity:.88}.result-banner.win[data-v-7dbb1118]{background:radial-gradient(circle at 18% 22%,rgba(255,235,59,.14) 0,transparent 22%),radial-gradient(circle at 82% 28%,rgba(129,199,132,.18) 0,transparent 20%),radial-gradient(circle at 35% 78%,rgba(255,193,7,.12) 0,transparent 24%),radial-gradient(circle at 72% 82%,rgba(255,235,59,.1) 0,transparent 20%),linear-gradient(135deg,#1b5e20,#2e7d32,#1b5e20);border-color:#66bb6a;color:#c8e6c9;box-shadow:0 0 24px #66bb6a59,inset 0 0 32px #66bb6a14}.result-banner.win .result-banner-text[data-v-7dbb1118]{color:#b9f6ca}.result-banner.win[data-v-7dbb1118]:before{content:"";position:absolute;top:-50%;left:-10%;right:-10%;height:80%;background:radial-gradient(ellipse at center top,rgba(255,235,59,.22),transparent 60%);pointer-events:none}.result-banner.win[data-v-7dbb1118]:after{content:"";position:absolute;top:6px;left:50%;width:200px;height:200px;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,235,59,.12) 18deg,transparent 36deg,transparent 54deg,rgba(255,235,59,.12) 72deg,transparent 90deg,transparent 108deg,rgba(255,235,59,.12) 126deg,transparent 144deg,transparent 162deg,rgba(255,235,59,.12) 180deg,transparent 198deg,transparent 216deg,rgba(255,235,59,.12) 234deg,transparent 252deg,transparent 270deg,rgba(255,235,59,.12) 288deg,transparent 306deg,transparent 324deg,rgba(255,235,59,.12) 342deg,transparent 360deg);transform:translate(-50%);pointer-events:none;animation:winRays-7dbb1118 14s linear infinite}@keyframes winRays-7dbb1118{to{transform:translate(-50%) rotate(360deg)}}.result-banner.lose[data-v-7dbb1118]{background:radial-gradient(circle at 22% 30%,rgba(0,0,0,.3) 0,transparent 26%),radial-gradient(circle at 78% 70%,rgba(0,0,0,.25) 0,transparent 24%),linear-gradient(135deg,#4a1f1f,#5d2a2a,#4a1f1f);border-color:#ef5350;color:#ffcdd2;box-shadow:0 0 18px #ef535040}.result-banner.lose .result-banner-text[data-v-7dbb1118]{color:#ffab91}.result-banner.lose[data-v-7dbb1118]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center bottom,rgba(0,0,0,.35),transparent 60%);pointer-events:none}.result-banner.draw[data-v-7dbb1118]{background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.04) 0,transparent 22%),radial-gradient(circle at 75% 65%,rgba(255,255,255,.04) 0,transparent 22%),linear-gradient(135deg,#263238,#37474f,#263238);border-color:#78909c;color:#cfd8dc;box-shadow:0 0 14px #78909c40}.result-banner.draw .result-banner-text[data-v-7dbb1118]{color:#eceff1}.versus-row[data-v-7dbb1118]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 auto 14px;max-width:360px;animation:contentSlide-7dbb1118 .45s ease-out backwards .28s}@keyframes contentSlide-7dbb1118{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vs-side[data-v-7dbb1118]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:12px;transition:all .2s;position:relative}.vs-img-wrap[data-v-7dbb1118]{position:relative;width:72px;height:72px}.vs-img[data-v-7dbb1118]{width:72px;height:72px;object-fit:contain;border-radius:50%;background:radial-gradient(circle,#1f2050,#0d0e26 75%);border:2px solid rgba(121,134,203,.3);transition:border-color .25s,filter .25s}.vs-crown[data-v-7dbb1118]{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:crownBounce-7dbb1118 1.2s ease-in-out infinite}@keyframes crownBounce-7dbb1118{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.vs-label[data-v-7dbb1118]{display:flex;flex-direction:column;align-items:center;gap:2px}.vs-tag[data-v-7dbb1118]{font-size:.65rem;padding:1px 8px;background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);color:#fcd34d;border-radius:10px;font-weight:800;letter-spacing:.06em}.vs-tag.op[data-v-7dbb1118]{background:#7986cb2e;border-color:#7986cb66;color:#c5cae9}.vs-name[data-v-7dbb1118]{font-size:.86rem;font-weight:700;color:#e8eaf6;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vs-side.vs-win .vs-img[data-v-7dbb1118]{border-color:#66bb6a;box-shadow:0 0 14px #66bb6a80}.vs-side.vs-lose .vs-img[data-v-7dbb1118]{border-color:#ef535066;filter:grayscale(40%) brightness(.75)}.vs-side.vs-lose .vs-name[data-v-7dbb1118]{color:#9fa8da;text-decoration:line-through;text-decoration-color:#ef535080}.vs-center[data-v-7dbb1118]{display:flex;flex-direction:column;align-items:center;gap:6px}.vs-badge-text[data-v-7dbb1118]{font-size:.9rem;font-weight:900;color:#ef5350;letter-spacing:.1em;padding:4px 10px;background:#ef53501a;border:1px solid rgba(239,83,80,.35);border-radius:10px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.vs-meta[data-v-7dbb1118]{display:flex;flex-direction:column;align-items:center;gap:2px}.vs-meta-row[data-v-7dbb1118]{display:inline-flex;align-items:center;gap:4px;font-size:.78rem}.vs-meta-icon[data-v-7dbb1118]{font-size:.85rem}.vs-meta-value[data-v-7dbb1118]{font-weight:800;color:#e8eaf6;font-variant-numeric:tabular-nums}.vs-meta-hp[data-v-7dbb1118]{color:#81c784}.vs-meta-lose[data-v-7dbb1118]{color:#ef5350}.coin-earn[data-v-7dbb1118]{padding:12px 22px;background:linear-gradient(135deg,#f59e0b2e,#d9770624);border:1.5px solid #f59e0b;border-radius:14px;color:#fcd34d;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 16px #f59e0b38;width:fit-content;margin:12px auto 14px;display:flex;justify-content:center}.coin-icon[data-v-7dbb1118]{font-size:1.5rem;animation:coinSpin-7dbb1118 .9s ease-out backwards .35s}@keyframes coinSpin-7dbb1118{0%{transform:rotateY(0) scale(.5);opacity:0}to{transform:rotateY(720deg) scale(1);opacity:1}}.coin-main[data-v-7dbb1118]{font-size:1.05rem;color:#fde68a}.coin-total[data-v-7dbb1118]{font-size:.78rem;color:#fcd34d;opacity:.85}.coin-pop-enter-active[data-v-7dbb1118]{transition:all .45s cubic-bezier(.2,1.3,.4,1) .2s}.coin-pop-enter-from[data-v-7dbb1118]{opacity:0;transform:translateY(-12px) scale(.9)}.ranking-wrap-result[data-v-7dbb1118]{max-height:280px;overflow-y:auto;margin-right:-4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#3a3a6a transparent}.ranking-wrap-result[data-v-7dbb1118]::-webkit-scrollbar{width:6px}.ranking-wrap-result[data-v-7dbb1118]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a3a6a,#2c2c52);border-radius:3px}.ranking-title[data-v-7dbb1118]{display:flex;align-items:center;gap:10px;margin-top:22px;margin-bottom:10px;animation:contentSlide-7dbb1118 .45s ease-out backwards .42s}.ranking-title-sub[data-v-7dbb1118]{font-size:.72rem;padding:3px 10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);border-radius:12px;color:#fcd34d;font-weight:700;letter-spacing:.06em}.result-actions[data-v-7dbb1118]{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px;animation:contentSlide-7dbb1118 .45s ease-out backwards .55s}.btn-rematch[data-v-7dbb1118]{padding:14px 18px;font-size:1.05rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border:2px solid #fb923c;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #f9731659;transition:filter .15s,transform .1s,box-shadow .15s;letter-spacing:.02em}.btn-rematch[data-v-7dbb1118]:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.btn-rematch[data-v-7dbb1118]:active{transform:translateY(0)}.btn-rematch-icon[data-v-7dbb1118]{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.btn-home[data-v-7dbb1118]{padding:14px 22px;font-size:.95rem;font-weight:700;color:#c5cae9;background:#7986cb14;border:1px solid rgba(121,134,203,.35);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.btn-home[data-v-7dbb1118]:hover{border-color:#7986cb;background:#7986cb2e;color:#fff}@media (prefers-reduced-motion: reduce){.result-banner[data-v-7dbb1118],.result-banner-icon[data-v-7dbb1118],.coin-icon[data-v-7dbb1118],.result-banner.win[data-v-7dbb1118]:after{animation:none!important}.btn-rematch[data-v-7dbb1118]:hover{transform:none}}@media (max-width: 480px){.result-actions[data-v-7dbb1118]{grid-template-columns:1fr}.btn-rematch[data-v-7dbb1118]{padding:12px 16px;font-size:1rem}.btn-home[data-v-7dbb1118]{padding:12px 16px}}.coach-wrap[data-v-48909907]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0808149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));z-index:700;cursor:pointer}.coach-card[data-v-48909907]{display:flex;gap:14px;max-width:560px;width:100%;background:linear-gradient(135deg,#141632f5,#0e1026f5);border:2px solid rgba(121,134,203,.7);border-radius:18px;padding:16px 18px;box-shadow:0 16px 48px #000000a6,0 0 0 1px #9fa8da26 inset;cursor:default;pointer-events:auto}.coach-portrait-col[data-v-48909907]{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.coach-portrait-frame[data-v-48909907]{width:96px;height:96px;border-radius:14px;background:linear-gradient(135deg,#5c6bc0,#3949ab);border:2px solid #9fa8da;padding:4px;box-shadow:0 4px 12px #5c6bc066;overflow:hidden}.coach-portrait[data-v-48909907]{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.coach-name[data-v-48909907]{display:flex;flex-direction:column;align-items:center;gap:2px}.coach-badge[data-v-48909907]{font-size:.82rem;font-weight:800;color:#fff176;background:#ffd74026;border:1px solid rgba(255,215,64,.4);border-radius:8px;padding:2px 10px;letter-spacing:.04em}.coach-title[data-v-48909907]{font-size:.68rem;color:#9fa8da;letter-spacing:.05em}.coach-body-col[data-v-48909907]{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.coach-step-progress[data-v-48909907]{font-size:.72rem;color:#9fa8da;letter-spacing:.06em;font-weight:600;align-self:flex-start;background:#7986cb1a;padding:2px 9px;border-radius:8px;border:1px solid rgba(121,134,203,.25)}.coach-text[data-v-48909907]{font-size:.95rem;line-height:1.55;color:#e8eaf6;margin:0;word-break:keep-all;flex:1}.coach-text[data-v-48909907] strong{color:#fff176;font-weight:800}.coach-actions[data-v-48909907]{display:flex;justify-content:flex-end}.coach-confirm[data-v-48909907]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5c6bc0,#3949ab);color:#fff;border:1px solid #9fa8da;border-radius:10px;padding:9px 22px;font-size:.92rem;font-weight:700;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 14px #3949ab8c;transition:transform .12s,box-shadow .12s,background .15s}.coach-confirm[data-v-48909907]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3949abbf;background:linear-gradient(135deg,#7986cb,#5c6bc0)}.coach-confirm[data-v-48909907]:active{transform:translateY(0) scale(.98)}.coach-confirm[data-v-48909907]:focus-visible{outline:2px solid #ffd740;outline-offset:3px}.coach-arrow[data-v-48909907]{font-size:.78rem;opacity:.9}@media (max-width: 480px){.coach-wrap[data-v-48909907]{padding:16px 10px calc(16px + env(safe-area-inset-bottom,0px))}.coach-card[data-v-48909907]{gap:10px;padding:12px 14px;border-radius:14px}.coach-portrait-frame[data-v-48909907]{width:72px;height:72px;border-radius:12px}.coach-badge[data-v-48909907]{font-size:.72rem;padding:2px 8px}.coach-title[data-v-48909907]{font-size:.62rem}.coach-text[data-v-48909907]{font-size:.86rem;line-height:1.5}.coach-confirm[data-v-48909907]{padding:8px 18px;font-size:.85rem}}.coach-pop-enter-active[data-v-48909907]{transition:opacity .2s ease,transform .28s cubic-bezier(.34,1.56,.64,1)}.coach-pop-leave-active[data-v-48909907]{transition:opacity .18s ease,transform .18s ease}.coach-pop-enter-from[data-v-48909907]{opacity:0;transform:translateY(20px)}.coach-pop-leave-to[data-v-48909907]{opacity:0;transform:translateY(10px)}@media (prefers-reduced-motion: reduce){.coach-pop-enter-active[data-v-48909907],.coach-pop-leave-active[data-v-48909907]{transition-duration:.05s!important}}.training-wrapper[data-v-0b977c8a]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0d0d1a;overflow:hidden}.sr-only[data-v-0b977c8a]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.train-header[data-v-0b977c8a]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px 6px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));background:#0d0d1a;border-bottom:1px solid rgba(121,134,203,.18);flex-shrink:0;position:relative;z-index:12}.train-title[data-v-0b977c8a]{font-size:1rem;font-weight:800;color:#fff176;letter-spacing:.04em}.train-progress[data-v-0b977c8a]{font-size:.88rem;color:#9fa8da;font-weight:700}.train-progress strong[data-v-0b977c8a]{color:#c5cae9;font-size:1rem}.train-skip[data-v-0b977c8a]{background:#7986cb1a;color:#9fa8da;border:1px solid rgba(121,134,203,.35);border-radius:8px;padding:4px 12px;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.train-skip[data-v-0b977c8a]:hover{border-color:#9fa8da;color:#e8eaf6;background:#7986cb2e}#phaser-mount[data-v-0b977c8a]{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(121,134,203,.1),transparent 55%),linear-gradient(180deg,#15152a,#0d0d1a 45%,#0a0a18);position:relative}#phaser-mount[data-v-0b977c8a] canvas{display:block;max-width:min(100%,1100px);max-height:100%;object-fit:contain}@media (max-width: 600px){#phaser-mount[data-v-0b977c8a]{align-items:flex-start}#phaser-mount[data-v-0b977c8a] canvas{margin-top:160px!important}}.train-hint[data-v-0b977c8a]{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#ffd7402e;color:#ffe57f;border:1px solid rgba(255,215,64,.55);border-radius:12px;padding:6px 16px;font-size:.88rem;font-weight:700;z-index:15;pointer-events:none;letter-spacing:.02em;animation:hintPulse-0b977c8a 1.6s ease-in-out infinite;box-shadow:0 4px 14px #00000073}@keyframes hintPulse-0b977c8a{0%,to{box-shadow:0 0 #ffd74000}50%{box-shadow:0 0 18px 2px #ffd74066}}.hud-overlay[data-v-0b977c8a]{position:absolute!important;bottom:14px;z-index:11}.hud-left[data-v-0b977c8a]{left:14px}.hud-right[data-v-0b977c8a]{right:14px}.hud-speech-wrap[data-v-0b977c8a]{display:inline-block}@media (max-width: 600px){.hud-overlay[data-v-0b977c8a]{bottom:8px}.hud-left[data-v-0b977c8a]{left:6px}.hud-right[data-v-0b977c8a]{right:6px}}.train-action-wrap[data-v-0b977c8a]{flex-shrink:0;position:relative}@media (prefers-reduced-motion: reduce){.train-hint[data-v-0b977c8a]{animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,[role=button],input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffd740;outline-offset:2px}@media (max-width: 540px){input,select,textarea{font-size:max(16px,1rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root{--portrait-sm: 68px;--portrait-sm-h: 94px;--portrait-md: 80px;--portrait-md-h: 110px;--portrait-lg: 120px;--portrait-lg-h: 165px;--select-glow: 0 0 16px rgba(121, 134, 203, .35);--select-glow-strong: 0 0 20px rgba(121, 134, 203, .55);--arch-phys-color: #ffab91;--arch-magic-color: #b39ddb;--arch-tank-color: #80cbc4}body{font-family:Segoe UI,sans-serif;background:#0d0d1a;color:#e0e0ff;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (hover: hover) and (pointer: fine){*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0d0d1a80}*::-webkit-scrollbar-thumb{background:#7986cb59;border-radius:5px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#7986cb99;background-clip:padding-box;border:2px solid transparent}*{scrollbar-width:thin;scrollbar-color:rgba(121,134,203,.35) rgba(13,13,26,.5)}}#app{width:100%}.screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.card{background:linear-gradient(160deg,#1a1a2e,#16213e);border:1px solid #2a2a5a;border-radius:20px;padding:36px 32px;width:100%;max-width:460px;text-align:center;box-shadow:0 12px 40px #000000b3,0 0 0 1px #6464ff0f}.card.wide{max-width:800px}h1{font-size:2.2rem;margin-bottom:6px;background:linear-gradient(135deg,#ff9800,#ff5722,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,120,0,.4))}h2{font-size:1.5rem;margin-bottom:10px}h1.title-as-h2{font-size:1.5rem;margin-bottom:10px;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:inherit;filter:none}h3{font-size:1.1rem;margin-bottom:8px;color:#9fa8da}.subtitle{color:#9fa8da;font-size:.9rem;margin-bottom:24px}.hint-text{color:#7986cb;font-size:.78rem;margin-top:6px}@media (max-width: 540px){.screen{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.card{padding:22px 16px;border-radius:16px}h1{font-size:1.8rem}h2{font-size:1.3rem}.subtitle{font-size:.85rem;margin-bottom:16px}}@media (max-width: 400px){.card{padding:18px 14px;border-radius:14px}h1{font-size:1.6rem}h2{font-size:1.2rem}}.btn{display:inline-block;padding:12px 28px;min-height:44px;border-radius:50px;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:filter .15s,transform .12s,box-shadow .15s;width:100%;letter-spacing:.02em;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 4px 16px #0006}.btn:active:not(:disabled){transform:scale(.96) translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;box-shadow:0 3px 10px #ff572266}.btn-secondary{background:#37474f;color:#fff}.btn-row{display:flex;gap:12px;justify-content:center}.divider{color:#555;margin:18px 0;font-size:.85rem;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#2a2a4a}.divider:before{left:0}.divider:after{right:0}.join-row{display:flex;gap:8px}.input-code{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #3a3a6a;background:#12122a;color:#e0e0ff;font-size:1.1rem;letter-spacing:4px;text-transform:uppercase;text-align:center}.input-code:focus{outline:none;border-color:#5c6bc0}.input-code::placeholder{color:#8c93d8;opacity:1}.room-code{font-size:3rem;font-weight:700;letter-spacing:12px;color:#64b5f6;margin:20px 0;background:#12122a;padding:16px;border-radius:10px;border:1px solid #2a4a7a}.waiting-msg{color:#9fa8da;margin-top:12px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.form-grid label:first-child{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;color:#9fa8da}input[type=text],input[type=number]{padding:9px 12px;border-radius:7px;border:1px solid #3a3a6a;background:#12122a;color:#e0e0ff;font-size:.95rem}input:focus{outline:none;border-color:#5c6bc0}.stats-compare{display:flex;align-items:center;gap:16px}.stat-col{flex:1;background:#12122a;border-radius:10px;padding:16px;border:1px solid #2a2a4a}.stat-col.mine{border-color:#3949ab}.stat-col h3{text-align:center;margin-bottom:14px}.vs-badge{font-size:1.6rem;font-weight:700;color:#ff6e6e;text-shadow:0 0 12px #ff2222;flex-shrink:0}.stat-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem}.stat-label{width:72px;min-width:72px;color:#9fa8da;white-space:nowrap;font-size:.75rem}.stat-track{flex:1;height:8px;background:#2a2a4a;border-radius:4px;overflow:hidden}.stat-fill{height:100%;border-radius:4px;transition:width .4s ease}.stat-val{width:32px;text-align:right;color:#e0e0ff}.battle-wrapper{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#0d0d1a}.turn-badge{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#9fa8da;white-space:nowrap;background:#1a1a3a;border:1px solid #2a2a4a;border-radius:20px;pointer-events:none;z-index:11;transition:color .4s,border-color .4s,background .4s}.turn-badge.urgent{color:#ff7043;background:#2a1210;border-color:#ff5722}.hud-overlay{position:absolute!important;bottom:14px;z-index:11}.hud-left{left:14px}.hud-right{right:14px}.hud-speech-wrap{display:inline-block}#phaser-mount{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,rgba(121,134,203,.1),transparent 55%),linear-gradient(180deg,#15152a,#0d0d1a 45%,#0a0a18);position:relative}#phaser-mount canvas{display:block;max-width:min(100%,1100px);max-height:100%;object-fit:contain}.fighter-hud{background:#12122a;border:1px solid #2a2a4a;border-radius:14px;padding:16px 22px;min-width:300px;transition:border-color .2s}.fighter-hud.right{text-align:right}.fighter-hud.me{border:2px solid #ffd740;box-shadow:0 0 0 2px #7c6b00,0 0 20px #ffd74073}.fighter-hud:not(.me){border:2px solid #42a5f5;box-shadow:0 0 0 2px #1565c0,0 0 16px #42a5f566}.me-badge{display:inline-block;margin-left:7px;padding:2px 8px;background:#3949ab;color:#c5cae9;font-size:.7rem;font-weight:700;border-radius:10px;border:1px solid #5c6bc0;vertical-align:middle;letter-spacing:.02em}.knockdown-badge{display:inline-block;margin-left:7px;padding:2px 8px;background:#4a148c;color:#e1bee7;font-size:.7rem;font-weight:700;border-radius:10px;border:1px solid #7b1fa2;vertical-align:middle;animation:knockdown-pulse .8s ease-in-out infinite alternate}@keyframes knockdown-pulse{0%{box-shadow:0 0 4px #ce93d866}to{box-shadow:0 0 10px #ce93d8e6}}.fighter-name{font-weight:700;margin-bottom:10px;font-size:1.4rem}.char-chip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:8px;border-radius:50%;font-size:.95rem;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.2);vertical-align:middle;line-height:1}.char-chip.chip-boxer{background:#ff98002e;border-color:#ff9800;color:#ffb74d}.char-chip.chip-guardian{background:#2196f32e;border-color:#2196f3;color:#64b5f6}.char-chip.chip-healer{background:#26c6da2e;border-color:#26c6da;color:#80deea}.char-chip.chip-mage{background:#9c27b033;border-color:#ab47bc;color:#ce93d8}.char-chip.chip-warrior{background:#f443362e;border-color:#f44336;color:#ef9a9a}.fighter-hud.right .char-chip{margin-right:0;margin-left:8px}@media (max-width: 480px){.char-chip{width:20px;height:20px;font-size:.78rem;margin-right:5px}.fighter-hud.right .char-chip{margin-right:0;margin-left:5px}}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:1.1rem}.bar-label{width:28px;color:#9fa8da}.bar-track{flex:1;height:13px;background:#2a2a4a;border-radius:6px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.bar-fill.hp{background:#e53935;position:relative;z-index:2}.bar-fill.hp-trail{position:absolute;top:0;left:0;background:#ffd54f;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.bar-fill.mp{background:#1e88e5;position:relative;z-index:2}.bar-fill.sta{background:#f9a825;position:relative;z-index:2}.bar-fill.mp-trail{position:absolute;top:0;left:0;background:#90caf9;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.bar-fill.sta-trail{position:absolute;top:0;left:0;background:#ffccbc;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.bar-val{width:90px;text-align:right;color:#ccc;font-size:1rem}.bar-row.hp-critical .bar-track{box-shadow:0 0 0 1px #f44336a6;animation:hpCritPulse .9s ease-in-out infinite}.bar-row.hp-critical .bar-fill.hp{background:#ff1744}.bar-row.hp-critical .bar-label{color:#ff8a80;font-weight:700}.bar-row.hp-low .bar-fill.hp{background:#ff7043}@keyframes hpCritPulse{0%,to{box-shadow:0 0 0 1px #f443368c,0 0 6px #f4433640}50%{box-shadow:0 0 0 2px #f44336f2,0 0 14px #f44336a6}}.bar-row.mp-low .bar-label{color:#64b5f6;font-weight:700}.bar-row.sta-low .bar-label{color:#ffb74d;font-weight:700}.mini-stat-row{display:flex;gap:8px;margin-top:8px;justify-content:flex-start;flex-wrap:wrap}.fighter-hud.right .mini-stat-row{justify-content:flex-end}.mini-stat-row.secondary-stats{margin-top:5px;opacity:.78}.mini-badge{font-size:1rem;padding:3px 10px;border-radius:10px;background:#1e1e3a;color:#bbb;white-space:nowrap}.mini-badge.mini-sm{font-size:.82rem;padding:2px 8px;background:#1e1e3a80}@media (max-width: 768px){.fighter-hud{min-width:0;padding:10px 12px}.fighter-name{font-size:1.05rem;margin-bottom:6px}.bar-row{font-size:.9rem;margin-bottom:5px;gap:6px}.bar-track{height:10px}.bar-val{width:70px;font-size:.82rem}.mini-badge{font-size:.78rem;padding:2px 7px}.mini-badge.mini-sm{font-size:.68rem;padding:1px 6px}.mini-stat-row{gap:5px;margin-top:5px}.hud-overlay{bottom:8px}.hud-left{left:6px}.hud-right{right:6px}#phaser-mount{align-items:flex-start}#phaser-mount canvas{margin-top:160px!important}.battle-log{background:#0d0d26f0!important;border:2px solid rgba(121,134,203,.7)!important;box-shadow:0 6px 18px #0000008c,inset 0 0 0 1px #9fa8da1f}.battle-log .log-empty{color:#9fa8da;font-weight:700;text-align:center;letter-spacing:.04em;padding:16px 8px;border-left:none;opacity:.92}}@media (max-width: 480px){.fighter-hud{padding:8px 10px;border-width:1.5px;max-width:calc(50vw - 14px)}.fighter-name{font-size:.95rem;margin-bottom:4px}.bar-row{font-size:.82rem;margin-bottom:4px}.bar-label{width:24px;font-size:.75rem}.bar-val{width:60px;font-size:.75rem}.mini-stat-row{flex-wrap:wrap}.battle-log{font-size:.72rem;padding:6px 7px}}@media (max-height: 500px) and (orientation: landscape){.fighter-hud{padding:6px 10px;min-width:0}.fighter-name{font-size:.9rem;margin-bottom:3px}.bar-row{font-size:.78rem;margin-bottom:3px;gap:5px}.bar-track{height:8px}.bar-val{width:60px;font-size:.72rem}.mini-stat-row.secondary-stats{display:none}.mini-stat-row.primary-stats{gap:4px;margin-top:4px}.mini-badge{font-size:.7rem;padding:1px 6px}.hud-overlay{bottom:6px}}@media (max-height: 480px) and (orientation: landscape){.fighter-hud{padding:6px 9px}.fighter-name{font-size:.92rem;margin-bottom:4px}.bar-row{font-size:.78rem;margin-bottom:3px;gap:5px}.bar-track{height:8px}.bar-val{width:56px;font-size:.72rem}.mini-stat-row.secondary-stats{display:none}.mini-badge{font-size:.72rem;padding:1px 6px}.mini-stat-row.primary-stats{gap:4px;margin-top:4px}.hud-overlay{bottom:6px}}.mini-badge.crt{color:#fdd835}.mini-badge.eva{color:#80deea}.mini-badge.rec{color:#a5d6a7}.mini-badge.blk{color:#ffab91}.mini-badge.stb{color:#80cbc4}.mini-badge.stat-strong{background:#ffffff0d;box-shadow:0 0 8px currentColor,inset 0 0 0 1px currentColor;font-weight:700}.char-chip{display:inline-block;font-size:.92em;padding:0 6px;border-radius:8px;margin-right:6px;background:#ffffff0f;border:1px solid currentColor;line-height:1.4;vertical-align:middle}.char-chip.chip-boxer{color:#ff9800}.char-chip.chip-guardian{color:#42a5f5}.char-chip.chip-healer{color:#4dd0e1}.char-chip.chip-mage{color:#ab47bc}.char-chip.chip-warrior{color:#ef5350}.talent-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:3px 9px;background:linear-gradient(135deg,#7986cb1f,#3f51b52e);border:1px solid rgba(121,134,203,.45);border-radius:10px;font-size:.72rem;color:#c5cae9;letter-spacing:.02em;max-width:100%;overflow:hidden}.talent-chip .talent-emoji{font-size:.92em}.talent-chip .talent-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.talent-chip{font-size:.62rem;padding:2px 7px;gap:3px}.char-chip{font-size:.78em;padding:0 4px;margin-right:4px}}.talent-chip{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;font-size:.72rem;font-weight:700;color:#ffe082;background:linear-gradient(135deg,#ffc1071f,#7986cb1a);border:1px solid rgba(255,193,7,.32);border-radius:10px;letter-spacing:.02em;white-space:nowrap}.talent-chip .talent-emoji{font-size:.85rem;line-height:1}.fighter-hud.right .talent-chip{float:right}.fighter-hud.right>.talent-chip,.fighter-hud:not(.right)>.talent-chip{display:inline-flex}@media (max-width: 480px){.talent-chip{font-size:.62rem;padding:2px 6px;margin-top:4px}}@media (max-height: 500px) and (orientation: landscape){.talent-chip{display:none}}.combo-meter{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:3px 8px;font-size:.72rem;font-weight:800;background:linear-gradient(135deg,#ff57221f,#ff980014);border:1px solid rgba(255,152,0,.32);border-radius:10px;color:#ffab40;transition:all .18s ease;letter-spacing:.02em}.combo-meter .combo-label{font-size:.95rem;line-height:1}.combo-pips{display:inline-flex;gap:2px}.combo-pip{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff98002e;transition:background .15s ease,box-shadow .15s ease}.combo-pip.filled{background:#ff9800;box-shadow:0 0 4px #ff9800b3}.combo-meter.combo-empty{opacity:.55;color:#b0bec5}.combo-meter.combo-low{color:#ffcc80}.combo-meter.combo-mid{color:#ff9800;border-color:#ff98008c;box-shadow:0 0 8px #ff980040}.combo-meter.combo-high{color:#ff5722;background:linear-gradient(135deg,#ff572240,#ff980026);border-color:#ff5722b3;box-shadow:0 0 12px #ff572273;animation:comboPulse 1.1s ease-in-out infinite}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.combo-count{font-variant-numeric:tabular-nums;font-size:.7rem}.fighter-hud.right .combo-meter{float:right}@media (max-width: 480px){.combo-meter{font-size:.62rem;padding:2px 6px;margin-top:4px}.combo-pip{width:5px;height:5px}}@media (max-height: 500px) and (orientation: landscape){.combo-meter{display:none}}.has-tip{position:relative;cursor:default}.has-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1a1a3a;border:1px solid #5c6bc0;color:#c5cae9;font-size:.72rem;font-weight:500;padding:5px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:200;box-shadow:0 4px 12px #00000080}.has-tip:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#5c6bc0;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:200}.has-tip:hover:after,.has-tip:hover:before{opacity:1}.fighter-hud.right .has-tip:after{left:auto;right:0;transform:none}.fighter-hud.right .has-tip:before{left:auto;right:16px;transform:none}.action-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 12px;background:#12122a;border-top:1px solid #2a2a4a}.action-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:#1e2a4a;border:1px solid #3a4a7a;border-radius:8px;color:#e0e0ff;cursor:pointer;font-size:.75rem;transition:background .15s,transform .1s}.action-btn:hover:not(:disabled){background:#2a3a6a}.action-btn:active:not(:disabled){transform:scale(.95)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.act-icon{font-size:1.4rem}.act-name{font-weight:600}.act-cost{color:#64b5f6;font-size:.68rem}.act-cost.sta-cost{color:#f9a825}.battle-log{overflow-y:auto;padding:8px 10px;background:#0a0a1ad1;border-radius:8px;border:1px solid rgba(57,73,171,.45);font-size:.82rem;line-height:1.45;display:flex;flex-direction:column;gap:3px;justify-content:flex-end;pointer-events:none;scrollbar-width:none;z-index:10;word-break:keep-all}.battle-log::-webkit-scrollbar{display:none}.log-entry{padding:2px 0 2px 8px;color:#bdbdbd;border-left:2px solid transparent;animation:logEnter .28s ease-out}.log-entry.l-dmg{color:#ef9a9a;border-left-color:#f44336b3}.log-entry.l-crit{color:#ffe57f;font-weight:700;border-left-color:#ffd500d9}.log-entry.l-buff{color:#90caf9;border-left-color:#2196f399}.log-entry.l-heal{color:#a5d6a7;border-left-color:#4caf50a6}.log-entry.l-sys{color:#9fa8da;font-style:italic;border-left-color:#7986cb66}@keyframes logEnter{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.result-banner{font-size:3rem;font-weight:700;padding:20px;border-radius:12px;margin-bottom:10px}.result-banner.win{background:#1a3a1a;color:#69f0ae;border:1px solid #00c853}.result-banner.lose{background:#3a1a1a;color:#ff5252;border:1px solid #d50000}.result-banner.draw{background:#1a1a3a;color:#b39ddb;border:1px solid #7e57c2}.result-detail{color:#9fa8da;font-size:.9rem;margin-bottom:20px}.ranking-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.9rem}.ranking-table th,.ranking-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #2a2a4a}.ranking-table th{color:#9fa8da;font-weight:600}.ranking-table tbody tr:hover{background:#1a1a2e}.error-msg{color:#ff5252;font-size:.85rem;margin-top:10px}.mt{margin-top:20px}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #2a2a4a}.lobby-user{font-size:.85rem;color:#9fa8da}.btn-logout{background:none;border:1px solid #3a3a6a;color:#9fa8da;border-radius:6px;padding:4px 12px;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:#ff5252;color:#ff5252}.btn-edit-char{width:100%;margin-top:12px;padding:8px;background:none;border:1px dashed #3a3a6a;color:#9fa8da;border-radius:8px;cursor:pointer;font-size:.82rem;transition:border-color .15s,color .15s}.btn-edit-char:hover{border-color:#5c6bc0;color:#c5cae9}.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-radius:8px;overflow:hidden;border:1px solid #2a2a4a}.tab-btn{flex:1;padding:10px;border:none;background:#12122a;color:#9fa8da;cursor:pointer;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.tab-btn.active{background:#3949ab;color:#fff}.tab-btn:hover:not(.active){background:#1e1e3a}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.field label{font-size:.82rem;color:#9fa8da}.field input{padding:10px 14px;border-radius:8px;border:1px solid #3a3a6a;background:#12122a;color:#e0e0ff;font-size:.95rem}.field input:focus{outline:none;border-color:#5c6bc0}.section{text-align:left;margin-bottom:22px}.section-label{display:block;font-size:.8rem;color:#9fa8da;margin-bottom:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.name-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid #3a3a6a;background:#12122a;color:#e0e0ff;font-size:1rem}.name-input:focus{outline:none;border-color:#5c6bc0}.color-grid{display:flex;gap:10px;flex-wrap:wrap}.color-btn{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.color-btn:hover{transform:scale(1.15)}.color-btn.selected{border-color:#fff!important;transform:scale(1.2);box-shadow:0 0 10px #fff6}.color-icon{font-size:1rem;pointer-events:none}.preview-section{display:flex;justify-content:center;margin:-8px 0 16px}.preview-canvas{border-radius:12px;background:#12122a;border:1px solid #2a2a4a}.auto-label{font-size:.68rem;color:#7986cb;margin-left:8px;background:#1a2040;border:1px solid #3949ab44;border-radius:10px;padding:2px 8px}.talent-card{display:flex;align-items:center;gap:14px;background:#12183a;border:1px solid #3949ab88;border-radius:12px;padding:14px 18px;cursor:default;perspective:800px}.talent-emoji{font-size:2rem;line-height:1;display:inline-block;animation:talentPulse .55s cubic-bezier(.34,1.56,.64,1)}@keyframes talentPulse{0%{transform:scale(.4) rotate(-18deg);filter:brightness(2)}55%{transform:scale(1.35) rotate(8deg);filter:brightness(1.4)}to{transform:scale(1) rotate(0);filter:brightness(1)}}.talent-info{display:flex;flex-direction:column;gap:3px}.talent-type{font-size:.72rem;color:#7986cb}.talent-name{font-size:1.05rem;font-weight:700;color:#e8eaf6}.talent-bonus{font-size:.78rem;color:#9fa8da}.talent-empty{text-align:center;color:#4a5580;padding:18px;border:1px dashed #2a3060;border-radius:10px;font-size:.85rem}.talent-card.has-tip:after{white-space:pre-line;text-align:left;z-index:300}.talent-flip-enter-active{animation:talentFlipIn .45s cubic-bezier(.4,0,.2,1)}.talent-flip-leave-active{animation:talentFlipOut .22s ease-in}@keyframes talentFlipIn{0%{transform:perspective(800px) rotateY(90deg);opacity:0}60%{transform:perspective(800px) rotateY(-10deg);opacity:1}to{transform:perspective(800px) rotateY(0);opacity:1}}@keyframes talentFlipOut{0%{transform:perspective(800px) rotateY(0);opacity:1}to{transform:perspective(800px) rotateY(-90deg);opacity:0}}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:10px;border:2px solid #2a2a4a;background:#12122a;color:#c5cae9;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;text-align:center;overflow:hidden}.preset-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tier-color, transparent);transition:box-shadow .2s}.preset-btn:hover{border-color:#3949ab;background:#1a1f40;transform:translateY(-1px)}.preset-btn.active{border-color:#7986cb;background:#1a2040}.preset-emoji{font-size:1.5rem;line-height:1}.preset-label{font-size:.68rem;color:#7986cb;margin-top:2px}.preset-talent{font-size:.75rem;font-weight:600;color:#e8eaf6}.preset-btn.has-tip:after{white-space:pre-line;text-align:left;z-index:300}.preset-btn.tier-1{--tier-color: #9fa8da}.preset-btn.tier-2{--tier-color: #80cbc4}.preset-btn.tier-3{--tier-color: #ffd54f}.preset-btn.tier-3:hover:before{box-shadow:inset 4px 0 12px #ffb30073}.preset-tier-badge{position:absolute;top:4px;right:6px;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:8px;background:rgba(var(--tier-rgb),.18);color:var(--tier-color);border:1px solid rgba(var(--tier-rgb),.45);line-height:1.2;pointer-events:none}.preset-btn.tier-1 .preset-tier-badge{--tier-rgb: 92, 107, 192}.preset-btn.tier-2 .preset-tier-badge{--tier-rgb: 38, 166, 154}.preset-btn.tier-3 .preset-tier-badge{--tier-rgb: 255, 179, 0}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.style-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-radius:10px;border:2px solid #2a2a4a;background:#12122a;color:#e0e0ff;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.style-btn:hover{background:#1e2a4a}.style-btn.selected{border-color:#5c6bc0;background:#1a2550;box-shadow:0 0 12px #5c6bc066}.style-btn:active{transform:scale(.97)}.style-btn.has-tip:after{white-space:pre-line;text-align:center;z-index:300;width:200px;left:50%;transform:translate(-50%)}.style-icon{font-size:1.6rem}.style-name{font-size:.85rem;font-weight:700}.style-desc{font-size:.7rem;color:#64b5f6}.char-list{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.char-card{position:relative;display:flex;align-items:center;gap:14px;background:#16213e;border:2px solid #2a2a4a;border-radius:10px;padding:12px 16px;transition:border-color .15s,box-shadow .2s,transform .15s}.char-card:hover{border-color:#5c6bc0;transform:translateY(-1px)}.char-card--selected{border-color:#7986cb;background:#1e2a50;box-shadow:inset 6px 0 #7986cb,0 0 0 1px #7986cb,var(--select-glow)}.char-card-active-badge{position:absolute;top:8px;right:10px;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:12px;background:linear-gradient(135deg,#1a2550,#2a3a7a);color:#ffd54f;border:1px solid rgba(255,213,79,.5);box-shadow:0 0 12px #ffd54f59;pointer-events:none;-webkit-user-select:none;user-select:none;animation:activeBadgeIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes activeBadgeIn{0%{transform:scale(.4) translateY(-4px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.char-card-canvas{border-radius:6px;background:#0d1929;flex-shrink:0}.char-card-info{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.char-card-name{font-size:1rem;font-weight:700;color:#e0e0ff}.char-card-style{font-size:.78rem;color:#9fa8da}.char-card-actions{display:flex;gap:6px;flex-shrink:0}.btn-sm{padding:6px 14px!important;font-size:.78rem!important}.btn-danger{background:#3a1a1a;color:#ff8a80;border:1px solid #5a2a2a}.btn-danger:hover{background:#5a2020;border-color:#ff5252}.btn-outline{background:none;border:1px dashed #3a3a6a;color:#9fa8da;width:100%}.btn-outline:hover{border-color:#7986cb;color:#e0e0ff}.empty-msg,.loading-text{color:#9fa8da;font-size:.9rem;padding:24px 0;line-height:1.8}.selected-char-banner{display:flex;align-items:center;justify-content:space-between;background:#16213e;border:1px solid #3a4a7a;border-radius:8px;padding:8px 14px;margin-bottom:20px;font-size:.85rem;color:#9fa8da}.selected-char-banner strong{color:#e0e0ff}.btn-change-char{background:none;border:1px solid #3a3a6a;color:#9fa8da;border-radius:6px;padding:3px 10px;font-size:.75rem;cursor:pointer;transition:border-color .15s,color .15s}.btn-change-char:hover{border-color:#7986cb;color:#c5cae9}.inbody-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inbody-label-row .section-label{margin-bottom:0}.inbody-btn-group{display:flex;gap:6px}.btn-random,.btn-qr{background:none;border:1px solid #3a3a6a;color:#9fa8da;border-radius:6px;padding:4px 12px;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-random:hover,.btn-qr:hover{border-color:#7986cb;color:#e0e0ff;background:#1e2550}.btn-random:active,.btn-qr:active{transform:scale(.96)}.btn-qr{border-color:#5c35cc;color:#b39ddb}.btn-qr:hover{border-color:#9c6fff;background:#2a1a5a;color:#e0d0ff}.qr-gen-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-qr-gen{background:none;border:1px dashed #5c35cc;color:#b39ddb;border-radius:8px;padding:6px 16px;font-size:.82rem;cursor:pointer;transition:all .15s}.btn-qr-gen:hover{background:#1a1040;border-color:#9c6fff;color:#e0d0ff}.qr-gen-box{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-img{border-radius:8px;border:2px solid #3a3a6a}.qr-gen-hint{font-size:.74rem;color:#7986cb;margin:0;text-align:center}.inbody-sub-label{font-size:.82rem;color:#7986cb;font-weight:600;margin:14px 0 6px;border-left:3px solid #3949ab;padding-left:8px}.inbody-section{margin-top:14px}.inbody-section>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#12183a;border:1px solid #1f2550;border-radius:8px;border-left:3px solid #3949ab;transition:background .15s,border-color .15s;margin:0;-webkit-user-select:none;user-select:none}.inbody-section>summary::-webkit-details-marker{display:none}.inbody-section>summary:before{content:"▶";font-size:.6rem;color:#5c6bc0;margin-right:4px;transition:transform .2s ease;display:inline-block}.inbody-section[open]>summary:before{transform:rotate(90deg)}.inbody-section>summary:hover{background:#161e44;border-color:#5c6bc0}.inbody-section[open]>summary{border-color:#5c6bc0}.inbody-section-title{flex:1}.inbody-section-hint{font-size:.7rem;color:#6272a4;font-weight:400}.inbody-section>.inbody-grid{margin-top:12px;animation:inbody-section-reveal .25s ease-out}@keyframes inbody-section-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inbody-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 540px){.inbody-grid{grid-template-columns:repeat(2,1fr)}}.inbody-field{display:flex;flex-direction:column;gap:4px;text-align:left;position:relative}.inbody-field.preset-flash>input{animation:presetFlash .65s cubic-bezier(.2,.7,.3,1)}@keyframes presetFlash{0%{background:#1a2550;box-shadow:0 0 10px #7986cb8c;transform:translateY(-1px)}60%{background:#16204a;box-shadow:0 0 6px #7986cb4d}to{background:#0d1929;box-shadow:none;transform:translateY(0)}}.inbody-field span{font-size:.78rem;color:#9fa8da}.inbody-field small{color:#6272a4}.inbody-field input{background:#0d1929;border:1px solid #2a2a4a;border-radius:6px;color:#e0e0ff;padding:7px 10px;font-size:.85rem;width:100%;transition:border-color .15s}.inbody-field input:focus{outline:none;border-color:#5c6bc0}.stat-preview{background:#0d1929;border:1px solid #2a2a4a;border-radius:8px;padding:10px 14px;margin-top:8px}.stat-preview-title{font-size:.75rem;color:#9fa8da;display:block;margin-bottom:6px}.stat-preview-row{display:flex;gap:8px;flex-wrap:wrap;color:#c5cae9;margin-bottom:6px}.stat-preview-row strong{color:#e0e0ff;font-weight:800}.stat-preview-row .has-tip:after{bottom:calc(100% + 6px)}.stat-preview-row .has-tip:before{bottom:calc(100% + 0px)}.stat-row-core{font-size:.92rem;font-weight:600;padding-bottom:10px;border-bottom:1px dashed rgba(121,134,203,.18);margin-bottom:10px}.stat-row-sub{font-size:.78rem}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 8px;border-radius:6px;background:#ffffff09;border-left:3px solid var(--chip-color, #7986cb);white-space:nowrap;cursor:default}.stat-chip.core{background:#ffffff0f;padding:6px 12px 6px 10px}.stat-chip.hp{--chip-color: #e53935}.stat-chip.mp{--chip-color: #1e88e5}.stat-chip.sta{--chip-color: #f9a825}.stat-chip.atk{--chip-color: #fb8c00}.stat-chip.matk{--chip-color: #9575cd}.stat-chip.def{--chip-color: #43a047}.stat-chip.crt{--chip-color: #ffd54f}.stat-chip.eva{--chip-color: #4dd0e1}.stat-chip.rec{--chip-color: #66bb6a}.stat-chip.blk{--chip-color: #ffab91}.stat-chip.stb{--chip-color: #80cbc4}.stat-chip.mstb{--chip-color: #b39ddb}.stat-chip strong{color:var(--chip-color)}.char-card-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:.72rem;color:#9fa8da;margin-top:4px}.char-card-stats .has-tip{cursor:default}.char-card-stats .has-tip:after{z-index:300;font-size:.68rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.char-card--needs-inbody{border-left:3px solid #ffb300}.char-card-warn-badge{position:absolute;top:8px;right:10px;font-size:.62rem;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:12px;background:#ffb3002e;color:#ffb300;border:1px solid rgba(255,179,0,.55);pointer-events:none;-webkit-user-select:none;user-select:none}.fight-btn--blocked{opacity:.45;cursor:not-allowed!important;position:relative}.fight-btn--blocked:after{content:"⚠️";position:absolute;top:-6px;right:-6px;font-size:.85rem;filter:drop-shadow(0 0 4px rgba(255,179,0,.7));pointer-events:none}.card-stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 6px;border-radius:5px;background:#00000040;border-left:2px solid var(--chip-color, #7986cb);color:#9fa8da;font-size:.72rem;white-space:nowrap}.card-stat-chip strong{color:var(--chip-color);font-weight:700}.card-stat-chip.hp{--chip-color: #e53935}.card-stat-chip.mp{--chip-color: #1e88e5}.card-stat-chip.atk{--chip-color: #fb8c00}.card-stat-chip.def{--chip-color: #43a047}.char-card-no-inbody{font-size:.72rem;color:#ff8a80;margin-top:4px}.char-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}@media (max-width: 560px){.char-type-grid{grid-template-columns:repeat(3,1fr)}}.char-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:12px;border:2px solid #2a2a4a;background:#0d1929;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;position:relative}.char-type-btn:hover{background:#12203a;border-color:#3a4a7a}.char-type-btn.selected{border-color:#7986cb;background:#1a2550;box-shadow:var(--select-glow-strong)}.char-type-btn:active{transform:scale(.96)}.char-type-img{width:var(--portrait-md);height:var(--portrait-md-h);object-fit:contain;image-rendering:auto;border-radius:6px}.char-type-icon{font-size:1rem}.char-type-label{font-size:.78rem;font-weight:700;color:#e0e0ff}.char-type-desc{font-size:.8rem;color:#9fa8da;text-align:center;padding:4px 0 0;min-height:1.4em}.char-type-archetype{position:absolute;top:4px;right:6px;font-size:.58rem;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:8px;line-height:1.1;pointer-events:none;background:rgba(var(--arch-rgb, 121, 134, 203),.16);color:var(--arch-color, #c5cae9);border:1px solid rgba(var(--arch-rgb, 121, 134, 203),.45)}.char-type-btn.arch-phys{--arch-rgb: 255, 138, 101;--arch-color: #ffab91}.char-type-btn.arch-magic{--arch-rgb: 149, 117, 205;--arch-color: #b39ddb}.char-type-btn.arch-tank{--arch-rgb: 77, 182, 172;--arch-color: #80cbc4}.char-type-synergy{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:4px;font-size:.78rem;color:#9fa8da}.synergy-label{font-size:.72rem;color:#7986cb}.synergy-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600;color:var(--tier-color, #c5cae9);background:rgba(var(--tier-rgb, 121, 134, 203),.14);border:1px solid rgba(var(--tier-rgb, 121, 134, 203),.4)}.synergy-chip.tier-1{--tier-color: #9fa8da;--tier-rgb: 92, 107, 192}.synergy-chip.tier-2{--tier-color: #80cbc4;--tier-rgb: 38, 166, 154}.synergy-chip.tier-3{--tier-color: #ffd54f;--tier-rgb: 255, 179, 0}.preset-btn.recommended{box-shadow:0 0 0 1px #ffd54f8c,0 0 14px #ffb30066;animation:recommendPulse 2.2s ease-in-out infinite}@keyframes recommendPulse{0%,to{box-shadow:0 0 0 1px #ffd54f66,0 0 12px #ffb30059}50%{box-shadow:0 0 0 2px #ffd54fa6,0 0 20px #ffb30099}}.char-card-portrait{flex-shrink:0;width:var(--portrait-sm);height:var(--portrait-sm-h);background:#0d1929;border-radius:8px;border:1px solid #2a2a4a;overflow:hidden;display:flex;align-items:center;justify-content:center}.char-card-img{width:100%;height:100%;object-fit:contain}.char-card-type{font-size:.75rem;color:#64b5f6}