:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0b1120;font-family:Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page[data-v-6e32ecd3]{max-width:1200px;margin:0 auto;padding:0 16px 60px}.header[data-v-6e32ecd3]{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-bottom:1px solid #1e3a5f;margin-bottom:24px;padding:32px 24px}.header-inner[data-v-6e32ecd3]{max-width:1200px;margin:0 auto}.header h1[data-v-6e32ecd3]{font-size:2rem;font-weight:700}.sub[data-v-6e32ecd3]{color:#94a3b8;margin-top:4px}.controls[data-v-6e32ecd3]{background:#131f35;border:1px solid #1e3a5f;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.control-group label[data-v-6e32ecd3]{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;display:block}.gen-tabs[data-v-6e32ecd3]{flex-wrap:wrap;gap:6px;display:flex}.gen-btn[data-v-6e32ecd3]{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 14px;font-size:.875rem;transition:all .15s}.gen-btn[data-v-6e32ecd3]:hover{color:#fff;border-color:#3b82f6}.gen-btn.active[data-v-6e32ecd3]{color:#fff;background:#1d4ed8;border-color:#3b82f6;font-weight:600}.filters[data-v-6e32ecd3]{flex-flow:wrap;align-items:flex-end;gap:16px}.filters>div[data-v-6e32ecd3]{flex-direction:column;display:flex}select[data-v-6e32ecd3]{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 12px;font-size:.875rem}.loading[data-v-6e32ecd3]{text-align:center;color:#64748b;padding:60px}.recommend-bar[data-v-6e32ecd3]{background:#131f35;border:1px solid #1e3a5f;border-radius:12px;margin-bottom:28px;padding:20px}.rec-header[data-v-6e32ecd3]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.recommend-bar h3[data-v-6e32ecd3]{color:#94a3b8;margin:0;font-size:1rem}.mode-toggle[data-v-6e32ecd3]{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 14px;font-size:.8rem;transition:all .15s}.mode-toggle[data-v-6e32ecd3]:hover{color:#fbbf24;border-color:#f59e0b}.mode-toggle.active[data-v-6e32ecd3]{color:#fbbf24;background:#78350f;border-color:#f59e0b;font-weight:600}.rec-mode-hint[data-v-6e32ecd3]{color:#fbbf24;opacity:.8;margin-bottom:12px;font-size:.78rem}.gen-tag[data-v-6e32ecd3]{color:#bfdbfe;background:#1d4ed8;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.7rem}.recommend-cols[data-v-6e32ecd3]{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.recommend-col[data-v-6e32ecd3]{flex-direction:column;gap:6px;display:flex}.col-label[data-v-6e32ecd3]{color:#64748b;margin-bottom:4px;font-size:.8rem;font-weight:600}.arena-team[data-v-6e32ecd3]{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.unit-icon-sm[data-v-6e32ecd3]{font-size:1rem}.rec-chip[data-v-6e32ecd3]{background:#0f172a;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;display:flex}.rec-chip.infantry[data-v-6e32ecd3]{border-left:3px solid #60a5fa}.rec-chip.lancer[data-v-6e32ecd3]{border-left:3px solid #a78bfa}.rec-chip.marksman[data-v-6e32ecd3]{border-left:3px solid #34d399}.rec-name[data-v-6e32ecd3]{flex:1}.rec-star-badge[data-v-6e32ecd3]{color:#fbbf24;background:#78350f;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.gen-section[data-v-6e32ecd3]{margin-bottom:32px}.gen-header[data-v-6e32ecd3]{border-bottom:1px solid #1e293b;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.gen-label[data-v-6e32ecd3]{color:#bfdbfe;background:#1d4ed8;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.gen-desc[data-v-6e32ecd3]{color:#64748b;font-size:.8rem}.hero-grid[data-v-6e32ecd3]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.hero-card[data-v-6e32ecd3]{cursor:pointer;background:#131f35;border:1px solid #1e293b;border-radius:12px;padding:14px 12px;transition:all .15s}.hero-card[data-v-6e32ecd3]:hover{border-color:#3b82f6;transform:translateY(-2px)}.hero-card.infantry[data-v-6e32ecd3]{border-top:3px solid #3b82f6}.hero-card.lancer[data-v-6e32ecd3]{border-top:3px solid #8b5cf6}.hero-card.marksman[data-v-6e32ecd3]{border-top:3px solid #10b981}.card-top[data-v-6e32ecd3]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.unit-icon[data-v-6e32ecd3]{font-size:1.2rem}.rarity-tag[data-v-6e32ecd3]{border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.rarity-tag.legendary[data-v-6e32ecd3]{color:#ede9fe;background:#7c3aed}.rarity-tag.epic[data-v-6e32ecd3]{color:#fef3c7;background:#b45309}.rarity-tag.rare[data-v-6e32ecd3]{color:#cffafe;background:#0e7490}.tier-badge[data-v-6e32ecd3]{margin-bottom:4px;font-size:1rem;font-weight:700}.tier-badge.lg[data-v-6e32ecd3]{font-size:1.4rem}.tier-badge.splus[data-v-6e32ecd3]{color:#f59e0b}.tier-badge.s[data-v-6e32ecd3]{color:#f97316}.tier-badge.aplus[data-v-6e32ecd3]{color:#a78bfa}.tier-badge.a[data-v-6e32ecd3]{color:#60a5fa}.tier-badge.b[data-v-6e32ecd3]{color:#6b7280}.hero-name-kr[data-v-6e32ecd3]{margin-bottom:2px;font-size:.95rem;font-weight:600}.hero-name-en[data-v-6e32ecd3]{color:#64748b;margin-bottom:8px;font-size:.72rem}.card-stage-grid[data-v-6e32ecd3]{flex-direction:column;gap:3px;margin-bottom:6px;display:flex}.card-star-group[data-v-6e32ecd3]{align-items:center;gap:4px;display:flex}.card-star-label[data-v-6e32ecd3]{color:#f59e0b;flex-shrink:0;width:18px;font-size:.65rem;font-weight:700}.card-dots[data-v-6e32ecd3]{gap:2px;display:flex}.card-dot[data-v-6e32ecd3]{background:#1e293b;border:1px solid #334155;border-radius:50%;width:8px;height:8px;transition:background .1s}.card-dot.filled[data-v-6e32ecd3]{background:#f59e0b;border-color:#f59e0b}.card-dot.rec[data-v-6e32ecd3]{border-color:#60a5fa;box-shadow:0 0 4px #60a5fa66}.card-stage-info[data-v-6e32ecd3]{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.72rem;display:flex}.stage-cur[data-v-6e32ecd3]{color:#94a3b8}.stage-cost[data-v-6e32ecd3]{color:#fbbf24;font-weight:600}.role-tags[data-v-6e32ecd3]{flex-wrap:wrap;gap:4px;display:flex}.role[data-v-6e32ecd3]{border-radius:4px;padding:2px 5px;font-size:.62rem;font-weight:600}.role.arena[data-v-6e32ecd3]{color:#93c5fd;background:#1e3a5f}.role.wall[data-v-6e32ecd3]{color:#c4b5fd;background:#1a1a2e}.role.rally[data-v-6e32ecd3]{color:#86efac;background:#1a2e1a}.role.bear[data-v-6e32ecd3]{color:#fb923c;background:#2d1a0e}.hero-detail[data-v-6e32ecd3]{background:#0f172a;border:1px solid #3b82f6;border-radius:12px;margin-top:12px;padding:20px;position:relative}.close-btn[data-v-6e32ecd3]{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:12px;right:12px}.detail-name[data-v-6e32ecd3]{margin-bottom:10px;font-size:1.1rem;font-weight:700}.detail-desc[data-v-6e32ecd3]{color:#94a3b8;margin-bottom:16px;font-size:.9rem;line-height:1.6}.stars-section[data-v-6e32ecd3]{background:#131f35;border:1px solid #1e3a5f;border-radius:10px;margin-bottom:16px;padding:16px}.stars-title[data-v-6e32ecd3]{color:#94a3b8;align-items:center;gap:10px;margin-bottom:14px;font-size:.85rem;font-weight:700;display:flex}.stage-summary[data-v-6e32ecd3]{color:#f59e0b;font-size:.8rem;font-weight:600}.star-groups[data-v-6e32ecd3]{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.star-group[data-v-6e32ecd3]{align-items:center;gap:10px;display:flex}.star-group-label[data-v-6e32ecd3]{flex-direction:column;flex-shrink:0;align-items:center;width:36px;display:flex}.star-num[data-v-6e32ecd3]{color:#f59e0b;font-size:.85rem;font-weight:700}.star-cost-hint[data-v-6e32ecd3]{color:#64748b;font-size:.62rem}.stage-dots[data-v-6e32ecd3]{gap:6px;display:flex}.stage-dot-btn[data-v-6e32ecd3]{color:#64748b;cursor:pointer;background:#1e293b;border:1.5px solid #334155;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:.7rem;font-weight:700;transition:all .12s;display:flex}.stage-dot-btn[data-v-6e32ecd3]:hover{color:#fbbf24;border-color:#fbbf24}.stage-dot-btn.filled[data-v-6e32ecd3]{color:#0f172a;background:#f59e0b;border-color:#f59e0b}.stage-dot-btn.rec[data-v-6e32ecd3]{border-color:#60a5fa;box-shadow:0 0 6px #60a5fa55}.stage-dot-btn.filled.rec[data-v-6e32ecd3]{color:#fff;background:#3b82f6;border-color:#93c5fd}.dot-cost[data-v-6e32ecd3]{pointer-events:none}.fragment-summary[data-v-6e32ecd3]{background:#0f172a;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;display:flex}.frag-row[data-v-6e32ecd3]{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.frag-label[data-v-6e32ecd3]{color:#64748b}.frag-val[data-v-6e32ecd3]{color:#fbbf24;font-weight:700}.frag-val.total[data-v-6e32ecd3]{color:#f87171}.efficiency-grid[data-v-6e32ecd3]{flex-direction:column;gap:10px;display:flex}.eff-item[data-v-6e32ecd3]{flex-direction:column;gap:4px;display:flex}.eff-label[data-v-6e32ecd3]{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.eff-rec-tag[data-v-6e32ecd3]{color:#475569;font-size:.72rem}.eff-bar-wrap[data-v-6e32ecd3]{background:#1e293b;border-radius:4px;height:8px;overflow:hidden}.eff-bar[data-v-6e32ecd3]{border-radius:4px;height:100%;transition:width .4s}.eff-bar.eff-max[data-v-6e32ecd3]{background:#22c55e}.eff-bar.eff-mid[data-v-6e32ecd3]{background:#f59e0b}.eff-bar.eff-low[data-v-6e32ecd3]{background:#ef4444}.eff-info[data-v-6e32ecd3]{align-items:center;gap:8px;font-size:.78rem;display:flex}.eff-pct[data-v-6e32ecd3]{color:#e2e8f0;font-weight:700}.eff-need[data-v-6e32ecd3]{color:#f87171}.eff-ok[data-v-6e32ecd3]{color:#4ade80}.detail-roles[data-v-6e32ecd3]{flex-direction:column;gap:4px;font-size:.875rem;display:flex}.detail-roles strong[data-v-6e32ecd3]{color:#94a3b8}.slide-enter-active[data-v-6e32ecd3],.slide-leave-active[data-v-6e32ecd3]{transition:all .2s}.slide-enter-from[data-v-6e32ecd3],.slide-leave-to[data-v-6e32ecd3]{opacity:0;transform:translateY(-8px)}@media (width<=640px){.recommend-cols[data-v-6e32ecd3]{grid-template-columns:1fr}.hero-grid[data-v-6e32ecd3]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stage-dot-btn[data-v-6e32ecd3]{width:30px;height:30px;font-size:.65rem}}