.hbv[data-v-273f9a63]{grid-template-columns:220px 1fr 260px;gap:16px;min-height:0;display:grid}.hbv-left[data-v-273f9a63]{flex-direction:column;gap:12px;display:flex}.hbv-matchups[data-v-273f9a63]{background:#0e0e0e;border:1px solid #1f1f1f;border-radius:10px;grid-column:1/-1;padding:14px 16px 16px}.mu-state[data-v-273f9a63]{color:#727272;margin:8px 0 0;font-size:12px}.mu-sub[data-v-273f9a63]{letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a;margin:10px 0 8px;font-size:11px;font-weight:700}.mu-sub.good[data-v-273f9a63]{color:#22c55e}.mu-sub.bad[data-v-273f9a63]{color:#ef4444}.mu-grid[data-v-273f9a63]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.mu-card[data-v-273f9a63]{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mu-img[data-v-273f9a63]{object-fit:cover;border-radius:4px;flex-shrink:0;width:48px;height:27px}.mu-img.sm[data-v-273f9a63]{width:38px;height:22px}.mu-body[data-v-273f9a63]{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mu-name[data-v-273f9a63]{color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.mu-bar[data-v-273f9a63]{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.mu-fill[data-v-273f9a63]{border-radius:2px;height:100%}.mu-fill.good[data-v-273f9a63]{background:#22c55e}.mu-fill.bad[data-v-273f9a63]{background:#ef4444}.mu-meta[data-v-273f9a63]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mu-wr[data-v-273f9a63]{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:800}.mu-wr.good[data-v-273f9a63]{color:#22c55e}.mu-wr.bad[data-v-273f9a63]{color:#ef4444}.mu-games[data-v-273f9a63]{color:#6b6b6b;white-space:nowrap;font-size:9px}.mu-card.low[data-v-273f9a63]{opacity:.55}.mu-card.low .mu-games[data-v-273f9a63]{color:#8a8a8a}.mu-cols[data-v-273f9a63]{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=720px){.mu-cols[data-v-273f9a63]{grid-template-columns:1fr}}.mu-row[data-v-273f9a63]{align-items:center;gap:10px;padding:5px 0;display:flex}.mu-row .mu-name[data-v-273f9a63]{flex:1}.hero-portrait-wrap[data-v-273f9a63]{aspect-ratio:1/1.1;border-radius:10px;position:relative;overflow:hidden}.hero-portrait-img[data-v-273f9a63]{object-fit:cover;width:100%;height:100%;display:block}.hero-portrait-gradient[data-v-273f9a63]{background:linear-gradient(#0000,#0e0e0e 70%);position:absolute;inset:0}.hero-name-over[data-v-273f9a63]{position:absolute;bottom:10px;left:12px;right:12px}.hero-localized[data-v-273f9a63]{color:#fff;font-size:16px;font-weight:800}.hero-attr-row[data-v-273f9a63]{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.role-tag[data-v-273f9a63]{color:#a1a1a1;background:#ffffff1a;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.role-tag.str[data-v-273f9a63]{color:#ef4444;background:#ef444433}.role-tag.agi[data-v-273f9a63]{color:#22c55e;background:#22c55e33}.role-tag.int[data-v-273f9a63]{color:#60a5fa;background:#3b82f633}.info-block[data-v-273f9a63]{background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:8px;padding:10px 12px}.info-label[data-v-273f9a63]{color:var(--dd-text-dim);letter-spacing:.06em;margin-bottom:8px;font-size:10px;font-weight:700}.info-dim[data-v-273f9a63]{color:var(--dd-text-dim);font-size:12px}.timings-block[data-v-273f9a63]{flex-direction:column;gap:12px;display:flex}.timing-stage[data-v-273f9a63]{border-bottom:1px solid #ffffff0d;padding-bottom:8px}.timing-stage[data-v-273f9a63]:last-child{border-bottom:none;padding-bottom:0}.stage-title[data-v-273f9a63]{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.stage-title.laning[data-v-273f9a63]{color:#60a5fa}.stage-title.midgame[data-v-273f9a63]{color:#eab308}.stage-title.endgame[data-v-273f9a63]{color:#ef4444}.stage-time[data-v-273f9a63]{color:var(--dd-text-dim);background:#ffffff0f;border-radius:3px;padding:1px 4px;font-size:9px}.stage-desc[data-v-273f9a63]{color:var(--dd-text-muted);font-size:11px;line-height:1.4}.hbv-center[data-v-273f9a63]{flex-direction:column;gap:12px;min-width:0;display:flex}.section-hdr[data-v-273f9a63]{align-items:center;gap:10px;display:flex}.section-hdr.right-align[data-v-273f9a63]{justify-content:flex-end}.section-line[data-v-273f9a63]{background:var(--dd-border);flex:1;height:1px}.section-ttl[data-v-273f9a63]{letter-spacing:.1em;color:var(--dd-gold);white-space:nowrap;margin:0;font-size:12px;font-weight:800}.build-card[data-v-273f9a63]{background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:10px;flex-direction:column;gap:16px;padding:16px;display:flex}.phase-hdr[data-v-273f9a63]{color:var(--dd-text-dim);letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.phase-time[data-v-273f9a63]{color:var(--dd-gold);margin-left:8px;font-weight:600}.item-row[data-v-273f9a63]{flex-wrap:wrap;gap:8px;display:flex}.item-box[data-v-273f9a63]{cursor:pointer;border:1px solid #ffffff14;border-radius:6px;width:56px;height:42px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.item-box img[data-v-273f9a63]{object-fit:cover;width:100%;height:100%;display:block}.item-box[data-v-273f9a63]:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 6px 20px #eab3084d}.item-cost[data-v-273f9a63]{color:#eab308;text-shadow:0 1px 2px #000;font-size:8px;font-weight:700;position:absolute;bottom:1px;right:3px}.hbv-right[data-v-273f9a63]{flex-direction:column;gap:12px;display:flex}.impact-card[data-v-273f9a63]{background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.donut-wrap[data-v-273f9a63]{width:120px;height:120px;margin:0 auto;position:relative}.donut-svg[data-v-273f9a63]{width:100%;height:100%}.donut-txt[data-v-273f9a63]{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-val[data-v-273f9a63]{color:#eab308;font-size:22px;font-weight:800}.donut-lbl[data-v-273f9a63]{color:var(--dd-text-dim);letter-spacing:.06em;font-size:9px}.bench-row[data-v-273f9a63]{justify-content:space-around;display:flex}.bench-item[data-v-273f9a63]{text-align:center}.bench-val[data-v-273f9a63]{color:var(--dd-text);font-size:16px;font-weight:700}.bench-lbl[data-v-273f9a63]{color:var(--dd-text-dim);font-size:9px}.metrics-block[data-v-273f9a63]{flex-direction:column;gap:8px;display:flex}.metrics-ttl[data-v-273f9a63]{color:var(--dd-text-dim);letter-spacing:.06em;font-size:10px;font-weight:700}.metric-row[data-v-273f9a63]{align-items:center;gap:6px;display:flex}.metric-lbl[data-v-273f9a63]{color:var(--dd-text-muted);flex-shrink:0;width:110px;font-size:11px}.metric-bar[data-v-273f9a63]{background:#ffffff0d;border-radius:2px;flex:1;height:4px;overflow:hidden}.metric-fill[data-v-273f9a63]{border-radius:2px;height:100%;transition:width .4s}.metric-val[data-v-273f9a63]{text-align:right;flex-shrink:0;width:28px;font-size:11px;font-weight:700}.radar-ttl[data-v-273f9a63]{color:var(--dd-text-dim);letter-spacing:.06em;margin-bottom:8px;font-size:10px;font-weight:700}.item-hover-card[data-v-273f9a63]{background:var(--dd-bg-elevated);border:1px solid #eab30866;border-radius:8px;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;animation:.15s ease-out fadeIn;display:flex}.hover-item-img[data-v-273f9a63]{object-fit:cover;border-radius:4px;flex-shrink:0;width:44px;height:32px}.hover-item-body[data-v-273f9a63]{flex-direction:column;gap:2px;min-width:0;display:flex}.hover-item-title[data-v-273f9a63]{color:var(--dd-text);font-size:13px;font-weight:700}.hover-item-cost[data-v-273f9a63]{color:#eab308;margin-left:6px;font-size:11px}.hover-item-phase[data-v-273f9a63]{color:#60a5fa;text-transform:uppercase;font-size:10px;font-weight:700}.hover-item-desc[data-v-273f9a63]{color:var(--dd-text-muted);margin-top:2px;font-size:11px;line-height:1.35}.sandbox-page[data-v-53a5bbe5]{background:var(--dd-bg);flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex}.sb-header[data-v-53a5bbe5]{flex-direction:column;gap:4px;display:flex}.sb-title[data-v-53a5bbe5]{color:var(--dd-text);margin:0;font-size:20px;font-weight:800}.sb-hint[data-v-53a5bbe5]{color:var(--dd-text-dim);margin:0;font-size:13px}.sb-body[data-v-53a5bbe5]{flex:1;grid-template-columns:240px 1fr;align-items:start;gap:16px;min-height:0;display:grid}.sb-teams[data-v-53a5bbe5]{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}.team-block[data-v-53a5bbe5]{background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:10px;overflow:hidden}.team-label[data-v-53a5bbe5]{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.team-label.radiant[data-v-53a5bbe5]{color:var(--dd-radiant);background:#52c41a14}.team-label.dire[data-v-53a5bbe5]{color:var(--dd-dire);background:#ef444414}.hero-pick-row[data-v-53a5bbe5]{cursor:pointer;border-top:1px solid var(--dd-border-subtle);align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.hero-pick-row[data-v-53a5bbe5]:hover{background:var(--dd-bg-elevated)}.hero-pick-row.active[data-v-53a5bbe5]{border-left:2px solid var(--dd-gold);background:#eab30814}.pick-portrait[data-v-53a5bbe5]{object-fit:cover;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:36px;height:36px}.pick-info[data-v-53a5bbe5]{flex:1;min-width:0}.pick-name[data-v-53a5bbe5]{color:var(--dd-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pick-roles[data-v-53a5bbe5]{color:var(--dd-text-dim);font-size:10px}.pick-side[data-v-53a5bbe5]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex}.pick-side.radiant[data-v-53a5bbe5]{color:var(--dd-radiant);background:#52c41a33}.pick-side.dire[data-v-53a5bbe5]{color:var(--dd-dire);background:#ef444433}.sb-empty[data-v-53a5bbe5]{text-align:center;background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:var(--dd-radius);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:56px 20px;display:flex}.sb-empty-icon[data-v-53a5bbe5]{color:var(--dd-text-dim);opacity:.7}.sb-empty-title[data-v-53a5bbe5]{color:var(--dd-text);margin:0;font-size:17px;font-weight:700}.sb-empty-text[data-v-53a5bbe5]{max-width:420px;color:var(--dd-text-dim);margin:0;font-size:13px;line-height:1.5}.sb-empty-btn[data-v-53a5bbe5]{border-radius:var(--dd-radius-sm);color:var(--dd-gold);background:#d4d4d41f;border:1px solid #d4d4d473;align-items:center;gap:6px;margin-top:6px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.sb-empty-btn[data-v-53a5bbe5]:hover{background:#d4d4d438;border-color:#d4d4d4bf}.sb-main[data-v-53a5bbe5]{min-width:0}.no-hero[data-v-53a5bbe5]{min-height:300px;color:var(--dd-text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.no-hero-icon[data-v-53a5bbe5]{color:var(--dd-text-dim);opacity:.7}