.hero-detail-page[data-v-3af383c3]{color:#fafafa;background:#0d0d0d;min-height:100vh;padding:24px;font-family:Outfit,sans-serif}.detail-layout[data-v-3af383c3]{align-items:flex-start;gap:32px;max-width:1400px;margin:0 auto;display:flex}.side-col[data-v-3af383c3]{scrollbar-width:none;flex-direction:column;flex-shrink:0;gap:24px;width:320px;max-height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow-y:auto}.side-col[data-v-3af383c3]::-webkit-scrollbar{display:none}.center-col[data-v-3af383c3]{flex-direction:column;flex:1;gap:24px;display:flex}.hero-card[data-v-3af383c3]{background:#181818;border:1px solid #282828;border-radius:12px;flex-direction:column;align-items:center;padding:24px;display:flex}.hero-portrait-large[data-v-3af383c3]{object-fit:cover;border:2px solid #3f3f3f;border-radius:12px;width:160px;height:220px;margin-bottom:16px;box-shadow:0 10px 25px -5px #00000080}.hero-name[data-v-3af383c3]{text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#fff,#a1a1a1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 12px;font-size:28px;font-weight:800}.hero-roles[data-v-3af383c3]{gap:8px;margin-bottom:24px;display:flex}.role-badge[data-v-3af383c3]{letter-spacing:.5px;color:#a1a1a1;text-transform:uppercase;background:#282828;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.role-badge.str[data-v-3af383c3]{color:#f87171;background:#1c1c1c;border:1px solid #3a3a3a}.role-badge.agi[data-v-3af383c3]{color:#4ade80;background:#1f1f1f;border:1px solid #3c3c3c}.role-badge.int[data-v-3af383c3]{color:#60a5fa;background:#262626;border:1px solid #3b3b3b}.hero-attrs[data-v-3af383c3]{border-top:1px solid #282828;justify-content:space-between;width:100%;padding-top:16px;display:flex}.attr-box[data-v-3af383c3]{flex-direction:column;align-items:center;gap:4px;display:flex}.attr-val[data-v-3af383c3]{font-size:18px;font-weight:700}.attr-gain[data-v-3af383c3]{color:#727272;font-size:12px}.sidebar-section[data-v-3af383c3]{flex-direction:column;gap:12px;display:flex}.sidebar-title[data-v-3af383c3]{color:#727272;letter-spacing:1px;margin:0;font-size:12px;font-weight:700}.draft-context-row[data-v-3af383c3]{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.ctx-label[data-v-3af383c3]{color:#727272}.ctx-val[data-v-3af383c3]{font-weight:600}.pick-header[data-v-3af383c3]{margin:12px 0 8px;font-size:12px;font-weight:700}.pick-header.counter[data-v-3af383c3]{color:#ef4444}.pick-header.synergy[data-v-3af383c3]{color:#22c55e}.pick-item[data-v-3af383c3]{background:#181818;border-left:2px solid #ef4444;border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:14px}.pick-item.synergy-item[data-v-3af383c3]{border-left-color:#22c55e}.section-title[data-v-3af383c3]{align-items:center;gap:12px;margin-bottom:-8px;display:flex}.section-title .line[data-v-3af383c3]{background:#eab308;border-radius:4px;width:4px;height:20px}.section-title h2[data-v-3af383c3]{letter-spacing:1px;margin:0;font-size:16px}.section-title .tabs[data-v-3af383c3]{gap:8px;margin-left:auto;display:flex}.section-title .tab[data-v-3af383c3]{color:#727272;cursor:pointer;border:1px solid #3f3f3f;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.section-title .tab.active[data-v-3af383c3]{color:#eab308;background:#eab3081a;border-color:#eab308}.item-build-card[data-v-3af383c3]{background:#181818;border:1px solid #282828;border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex}.build-phase[data-v-3af383c3]{flex-direction:column;gap:12px;display:flex}.phase-title[data-v-3af383c3]{color:#9c9c9c;justify-content:space-between;align-items:center;margin:0;font-size:14px;display:flex}.time-range[data-v-3af383c3]{color:#727272;font-size:12px;font-weight:400}.item-grid[data-v-3af383c3]{gap:12px;display:flex}.item-box[data-v-3af383c3]{background:#282828;border:1px solid #3f3f3f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.item-box img[data-v-3af383c3]{object-fit:cover;width:100%;height:100%}.item-cost[data-v-3af383c3]{text-align:center;color:#bfbfbf;background:#000000b3;padding:2px 0;font-size:10px;position:absolute;bottom:0;left:0;right:0}.section-title.right-align[data-v-3af383c3]{justify-content:space-between}.patch-info[data-v-3af383c3]{color:#727272;font-size:12px}.impact-stats-card[data-v-3af383c3]{flex-direction:column;align-items:center;gap:24px;display:flex}.winrate-donut[data-v-3af383c3]{width:140px;height:140px;position:relative}.donut-svg[data-v-3af383c3]{width:100%;height:100%;transform:rotate(-90deg)}.donut-text[data-v-3af383c3]{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-text .val[data-v-3af383c3]{color:#eab308;font-size:28px;font-weight:800}.donut-text .lbl[data-v-3af383c3]{color:#727272;letter-spacing:1px;font-size:10px}.benchmarks-row[data-v-3af383c3]{border-top:1px solid #282828;justify-content:space-between;width:100%;padding-top:16px;display:flex}.bench-item[data-v-3af383c3]{flex-direction:column;align-items:center;gap:4px;display:flex}.bench-item .val[data-v-3af383c3]{font-size:18px;font-weight:700}.bench-item .lbl[data-v-3af383c3]{color:#727272;font-size:11px}.metric-row[data-v-3af383c3]{flex-direction:column;gap:6px;display:flex}.metric-header[data-v-3af383c3]{justify-content:space-between;font-size:13px;display:flex}.metric-bar[data-v-3af383c3]{background:#282828;border-radius:3px;height:6px;overflow:hidden}.metric-bar .fill[data-v-3af383c3]{border-radius:3px;height:100%}.radar-chart-container[data-v-3af383c3]{justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.radar-svg[data-v-3af383c3]{width:180px;height:180px}.radar-labels[data-v-3af383c3]{pointer-events:none;position:absolute;inset:0}.r-lbl[data-v-3af383c3]{color:#a1a1a1;font-size:10px;position:absolute}.r-lbl.top[data-v-3af383c3]{top:5px;left:50%;transform:translate(-50%)}.r-lbl.right-top[data-v-3af383c3]{top:30%;right:20px}.r-lbl.right-bottom[data-v-3af383c3]{bottom:20px;right:40px}.r-lbl.left-bottom[data-v-3af383c3]{bottom:20px;left:40px}.r-lbl.left-top[data-v-3af383c3]{top:30%;left:20px}.tips-list[data-v-3af383c3]{flex-direction:column;gap:8px;display:flex}.tip-box[data-v-3af383c3]{color:#d3d3d3;background:#181818;border-left:3px solid #3f3f3f;border-radius:6px;padding:12px;font-size:13px;line-height:1.4}.not-found[data-v-3af383c3],.global-loader[data-v-3af383c3]{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.spinner[data-v-3af383c3]{border:3px solid #eab3081a;border-top-color:#eab308;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin-3af383c3}@keyframes spin-3af383c3{to{transform:rotate(360deg)}}