.app-header[data-v-1381394e]{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--bg-elevated);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-inner[data-v-1381394e]{height:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px}.logo[data-v-1381394e]{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:16px;text-decoration:none;flex-shrink:0}.logo[data-v-1381394e]:hover{text-decoration:none}.logo-icon[data-v-1381394e]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:16px}.nav-desktop[data-v-1381394e]{display:flex;gap:4px;flex:1}.nav-link[data-v-1381394e]{padding:6px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-link[data-v-1381394e]:hover{background:var(--bg-muted);color:var(--text);text-decoration:none}.nav-link.router-link-exact-active[data-v-1381394e],.nav-link.router-link-active[data-v-1381394e]{background:var(--primary-soft);color:var(--primary)}.tools[data-v-1381394e]{margin-left:auto;display:flex;align-items:center;gap:8px}.resources[data-v-1381394e]{display:flex;align-items:center;gap:12px;padding:4px 12px;background:var(--bg-muted);border-radius:var(--radius-sm);font-size:13px;font-weight:500}.resource[data-v-1381394e]{display:inline-flex;align-items:center;gap:4px}.resource-icon[data-v-1381394e]{font-size:12px}.icon-btn[data-v-1381394e]{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-weight:500;transition:background .15s}.icon-btn[data-v-1381394e]:hover{background:var(--bg-muted)}.hamburger[data-v-1381394e]{display:none;font-size:18px}.hamburger.active[data-v-1381394e]{background:var(--bg-muted);border-color:var(--border-strong)}.mobile-menu[data-v-1381394e]{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:#00000059;z-index:99}.mobile-menu-inner[data-v-1381394e]{background:var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.mobile-resources[data-v-1381394e]{display:flex;gap:16px;align-items:center;padding:10px 12px;background:var(--bg-muted);border-radius:var(--radius-sm);font-size:14px;font-weight:500;margin-bottom:4px}.mobile-link[data-v-1381394e]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius-sm);color:var(--text);font-size:15px;text-decoration:none;text-align:left;background:transparent;border:none;transition:background .15s,color .15s;cursor:pointer;width:100%}.mobile-link[data-v-1381394e]:hover{background:var(--bg-muted)}.mobile-link.router-link-exact-active[data-v-1381394e],.mobile-link.router-link-active[data-v-1381394e]{background:var(--primary-soft);color:var(--primary)}.mobile-link-action[data-v-1381394e]{color:var(--danger)}.mobile-link-action[data-v-1381394e]:hover{background:var(--danger-soft)}.mobile-divider[data-v-1381394e]{height:1px;background:var(--border);margin:8px 0 4px}.slide-enter-active[data-v-1381394e],.slide-leave-active[data-v-1381394e]{transition:opacity .2s}.slide-enter-from[data-v-1381394e],.slide-leave-to[data-v-1381394e]{opacity:0}.slide-enter-active .mobile-menu-inner[data-v-1381394e],.slide-leave-active .mobile-menu-inner[data-v-1381394e]{transition:transform .2s}.slide-enter-from .mobile-menu-inner[data-v-1381394e],.slide-leave-to .mobile-menu-inner[data-v-1381394e]{transform:translateY(-12px)}@media (max-width: 720px){.header-inner[data-v-1381394e]{gap:12px;padding:0 12px}.nav-desktop[data-v-1381394e],.resources[data-v-1381394e],.btn-auth[data-v-1381394e]{display:none}.hamburger[data-v-1381394e]{display:inline-flex}.logo-text[data-v-1381394e]{display:none}}@media (max-width: 380px){.icon-btn[data-v-1381394e]{min-width:32px;height:32px;padding:0 6px;font-size:12px}}main[data-v-432658b7]{min-height:100vh}main.with-header[data-v-432658b7]{min-height:calc(100vh - var(--header-h))}:root{--bg: #f5f7fa;--bg-elevated: #ffffff;--bg-muted: #eef2f7;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #1f2937;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--primary-soft: #dbeafe;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-soft: #fee2e2;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 2px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", Roboto, sans-serif;--header-h: 56px;--container-max: 1200px;--stat-hp-fg: #db2777;--stat-hp-bg: #fce7f3;--stat-str-fg: #dc2626;--stat-str-bg: #fee2e2;--stat-int-fg: #2563eb;--stat-int-bg: #dbeafe;--stat-dex-fg: #059669;--stat-dex-bg: #d1fae5;--stat-speed-fg: #0284c7;--stat-speed-bg: #e0f2fe;--stat-atk-fg: #ea580c;--stat-atk-bg: #ffedd5;--stat-matk-fg: #9333ea;--stat-matk-bg: #f3e8ff;--stat-def-fg: #475569;--stat-def-bg: #e2e8f0;--stat-mdef-fg: #4f46e5;--stat-mdef-bg: #e0e7ff;--stat-crit-fg: #ca8a04;--stat-crit-bg: #fef3c7;--stat-critdmg-fg: #d97706;--stat-critdmg-bg: #ffedd5;--stat-lifesteal-fg: #b91c1c;--stat-lifesteal-bg: #fecaca}html.dark{--bg: #0f172a;--bg-elevated: #1e293b;--bg-muted: #1a2538;--border: #334155;--border-strong: #475569;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--primary: #60a5fa;--primary-hover: #3b82f6;--primary-soft: #1e3a8a;--danger-soft: #7f1d1d;--stat-hp-fg: #f9a8d4;--stat-hp-bg: rgba(244,114,182, .14);--stat-str-fg: #fca5a5;--stat-str-bg: rgba(248,113,113, .14);--stat-int-fg: #93c5fd;--stat-int-bg: rgba( 96,165,250, .14);--stat-dex-fg: #6ee7b7;--stat-dex-bg: rgba( 52,211,153, .14);--stat-speed-fg: #7dd3fc;--stat-speed-bg: rgba( 56,189,248, .14);--stat-atk-fg: #fdba74;--stat-atk-bg: rgba(251,146, 60, .14);--stat-matk-fg: #d8b4fe;--stat-matk-bg: rgba(192,132,252, .14);--stat-def-fg: #cbd5e1;--stat-def-bg: rgba(148,163,184, .14);--stat-mdef-fg: #a5b4fc;--stat-mdef-bg: rgba(129,140,248, .14);--stat-crit-fg: #fcd34d;--stat-crit-bg: rgba(250,204, 21, .14);--stat-critdmg-fg: #fbbf24;--stat-critdmg-bg: rgba(251,146, 60, .14);--stat-lifesteal-fg: #f87171;--stat-lifesteal-bg: rgba(220, 38, 38, .14)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text)}h1,h2,h3,h4{margin:0;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--bg-muted);border-color:var(--border);text-decoration:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--bg-muted)}.btn-danger{color:var(--danger);border-color:var(--border)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.input{display:block;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-body{padding:20px}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:16px;font-weight:600}.container{max-width:var(--container-max);margin:0 auto;padding:24px 20px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--bg-muted);color:var(--text-muted);font-size:12px;font-weight:500}.badge-primary{background:var(--primary-soft);color:var(--primary)}.stat-chip{display:inline-flex;align-items:center;font-size:10px;padding:1px 6px;background:var(--bg-muted);color:var(--text-muted);border-radius:999px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-weight:600;line-height:1.45;white-space:nowrap}.stat-chip[data-stat=hp]{background:var(--stat-hp-bg);color:var(--stat-hp-fg)}.stat-chip[data-stat=str]{background:var(--stat-str-bg);color:var(--stat-str-fg)}.stat-chip[data-stat=int]{background:var(--stat-int-bg);color:var(--stat-int-fg)}.stat-chip[data-stat=dex]{background:var(--stat-dex-bg);color:var(--stat-dex-fg)}.stat-chip[data-stat=speed]{background:var(--stat-speed-bg);color:var(--stat-speed-fg)}.stat-chip[data-stat=atk]{background:var(--stat-atk-bg);color:var(--stat-atk-fg)}.stat-chip[data-stat=m_atk]{background:var(--stat-matk-bg);color:var(--stat-matk-fg)}.stat-chip[data-stat=def]{background:var(--stat-def-bg);color:var(--stat-def-fg)}.stat-chip[data-stat=m_def]{background:var(--stat-mdef-bg);color:var(--stat-mdef-fg)}.stat-chip[data-stat=crit_pct]{background:var(--stat-crit-bg);color:var(--stat-crit-fg)}.stat-chip[data-stat=crit_dmg_pct]{background:var(--stat-critdmg-bg);color:var(--stat-critdmg-fg)}.stat-chip[data-stat=lifesteal_pct]{background:var(--stat-lifesteal-bg);color:var(--stat-lifesteal-fg)}.stat-chip.is-negative{text-decoration:line-through;text-decoration-thickness:1px;opacity:.85}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}