body.page-ability-map .page-main{max-width:1380px}body.page-ability-map .about{margin:0 auto 2rem;max-width:44em;text-align:center}body.page-ability-map .about p{font-family:var(--serif);font-size:1.05rem;line-height:1.65;color:var(--fg-muted);margin:0 0 .85rem}body.page-ability-map .about p:last-child{margin-bottom:0}body.page-ability-map .about em{color:var(--fg);font-style:italic}body.page-ability-map .about a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}body.page-ability-map .layout{display:grid;grid-template-columns:minmax(0,760px) 250px;grid-template-areas:"chart filters";gap:1.75rem;align-items:start;margin:0 0 1.75rem}@media(min-width:1380px){body.page-ability-map .layout{grid-template-columns:250px 760px 250px;grid-template-areas:". chart filters";justify-content:center}}@media(max-width:760px){body.page-ability-map .layout{grid-template-columns:1fr;grid-template-areas:"chart" "filters"}}body.page-ability-map .chart-wrap{grid-area:chart;position:relative;margin:0;min-width:0}body.page-ability-map .filters-col{grid-area:filters}body.page-ability-map .chart-toolbar{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;gap:.4rem}body.page-ability-map .chart-toolbar-left{right:auto;left:.75rem;gap:0}body.page-ability-map .view-btn{border-radius:0}body.page-ability-map .view-btn:first-child{border-radius:5px 0 0 5px}body.page-ability-map .view-btn:last-child{border-radius:0 5px 5px 0;border-left:0}body.page-ability-map .view-btn[data-on="1"]{color:var(--bg);background:var(--fg);border-color:var(--fg)}body.page-ability-map .tool-btn{font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .65rem;color:var(--fg-muted);background:var(--bg);border:1px solid var(--border);border-radius:5px;cursor:pointer}body.page-ability-map .tool-btn:hover{color:var(--accent);border-color:var(--accent)}body.page-ability-map #chart{width:100%;height:auto;display:block;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;touch-action:none;cursor:grab}body.page-ability-map #chart.dragging,body.page-ability-map #chart.dragging *{cursor:grabbing}body.page-ability-map #chart .rings circle{fill:none;stroke:var(--border);stroke-width:.8}body.page-ability-map #chart .rings circle:nth-child(5){stroke-opacity:.9}body.page-ability-map #chart .axes line{stroke:var(--border);stroke-width:.8;stroke-dasharray:2 4}body.page-ability-map #chart .axis-labels text{font-family:var(--sans);font-size:14px;font-weight:500;fill:var(--fg-muted);letter-spacing:.04em}body.page-ability-map #chart .ring-labels text{font-family:var(--sans);font-size:9px;fill:var(--fg-muted);opacity:.7;paint-order:stroke fill;stroke:var(--bg-elev);stroke-width:3;stroke-linejoin:round}body.page-ability-map #chart .dot{transition:opacity .15s ease,r .12s ease;opacity:.78;cursor:pointer}body.page-ability-map #chart .dot:hover{opacity:1;r:5}body.page-ability-map #chart .dot.faded{opacity:.07;pointer-events:none}body.page-ability-map #chart .dot-mainAttack{fill:#c43c2e}body.page-ability-map #chart .dot-super{fill:#d4843d}body.page-ability-map #chart .dot-gadget{fill:#2a8b78}body.page-ability-map #chart .dot-starPower{fill:#b18a31}body.page-ability-map #chart .dot-hypercharge{fill:#7b3fa1}body.page-ability-map #chart .dot-gear{fill:#4a5762}body.page-ability-map #chart .dot.hollow{fill:var(--bg-elev);stroke-width:1.3}body.page-ability-map #chart .dot-mainAttack.hollow{stroke:#c43c2e}body.page-ability-map #chart .dot-super.hollow{stroke:#d4843d}body.page-ability-map #chart .dot-gadget.hollow{stroke:#2a8b78}body.page-ability-map #chart .dot-starPower.hollow{stroke:#b18a31}body.page-ability-map #chart .dot-hypercharge.hollow{stroke:#7b3fa1}body.page-ability-map #chart .dot-gear.hollow{stroke:#4a5762}body.page-ability-map #chart .vis-ring{fill:none;stroke:var(--fg);stroke-width:.6;stroke-dasharray:1.4 1.2;opacity:.75;pointer-events:none;transition:opacity .15s ease}body.page-ability-map #chart .vis-ring.faded{opacity:.05}body.page-ability-map #chart .reach-ring{fill:none;stroke:var(--fg-muted);stroke-width:.5;opacity:.5;pointer-events:none;transition:opacity .15s ease}body.page-ability-map #chart .reach-ring.faded{opacity:.04}body.page-ability-map #chart .reach-ring.over-walls{stroke-dasharray:.01 1.1;stroke-linecap:round;stroke-width:.8}body.page-ability-map #chart .breach.over-walls{stroke-dasharray:.01 1.4;stroke-linecap:round;stroke-width:1}body.page-ability-map #chart .breach{fill:none;stroke:var(--fg-muted);stroke-width:.6;opacity:.6;pointer-events:none}body.page-ability-map #chart .flink{fill:none;stroke:var(--fg-muted);stroke-width:.7;stroke-dasharray:2 2;pointer-events:none}body.page-ability-map #chart.view-brawlers #dots{display:none}body.page-ability-map #chart:not(.view-brawlers) #brawlers{display:none}body.page-ability-map #chart .bdot{cursor:pointer;transition:opacity .15s ease}body.page-ability-map #chart .bdot .bscale{transition:transform .12s ease}body.page-ability-map #chart .bdot:hover .bscale{transform:scale(2.2)}body.page-ability-map #chart .bdot.faded{opacity:.07;pointer-events:none}body.page-ability-map #chart .bring{fill:var(--bg-elev);stroke:#4a5762;stroke-width:1.6}body.page-ability-map #chart .bfill{fill:#4a5762}body.page-ability-map #chart .bdot-damage-dealer .bring{stroke:#c43c2e}body.page-ability-map #chart .bdot-tank .bring{stroke:#6b4a2e}body.page-ability-map #chart .bdot-marksman .bring{stroke:#2f6fb3}body.page-ability-map #chart .bdot-artillery .bring{stroke:#d4843d}body.page-ability-map #chart .bdot-controller .bring{stroke:#7b3fa1}body.page-ability-map #chart .bdot-assassin .bring{stroke:#1a1814}body.page-ability-map #chart .bdot-support .bring{stroke:#2a8b78}body.page-ability-map .chip-cls-damage-dealer .dot{background:#c43c2e}body.page-ability-map .chip-cls-tank .dot{background:#6b4a2e}body.page-ability-map .chip-cls-marksman .dot{background:#2f6fb3}body.page-ability-map .chip-cls-artillery .dot{background:#d4843d}body.page-ability-map .chip-cls-controller .dot{background:#7b3fa1}body.page-ability-map .chip-cls-assassin .dot{background:#1a1814}body.page-ability-map .chip-cls-support .dot{background:#2a8b78}body.page-ability-map .chip-stack[data-disabled="1"]{opacity:.4;pointer-events:none}body.page-ability-map .pin-search{width:100%;padding:.45rem .7rem;font-family:var(--sans);font-size:.85rem;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;margin-bottom:.5rem}body.page-ability-map .pin-search:focus{outline:none;border-color:var(--accent)}body.page-ability-map .pin-list{display:flex;flex-wrap:wrap;gap:.35rem}body.page-ability-map .pin-list:empty{display:none}body.page-ability-map .pin-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .3rem .25rem .55rem;font-family:var(--sans);font-size:.8rem;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px}body.page-ability-map .pin-chip .dot{width:.55rem;height:.55rem;border-radius:50%;background:#4a5762}body.page-ability-map .pin-chip .unpin{font-size:.95rem;line-height:1;padding:0 .3rem;color:var(--fg-muted);background:none;border:0;cursor:pointer}body.page-ability-map .pin-chip .unpin:hover{color:var(--accent-warm)}body.page-ability-map .pin-cls-damage-dealer .dot{background:#c43c2e}body.page-ability-map .pin-cls-tank .dot{background:#6b4a2e}body.page-ability-map .pin-cls-marksman .dot{background:#2f6fb3}body.page-ability-map .pin-cls-artillery .dot{background:#d4843d}body.page-ability-map .pin-cls-controller .dot{background:#7b3fa1}body.page-ability-map .pin-cls-assassin .dot{background:#1a1814}body.page-ability-map .pin-cls-support .dot{background:#2a8b78}body.page-ability-map #chart .dot.pinned:not(.faded){opacity:1;r:4.4;stroke:var(--fg);stroke-width:.8}body.page-ability-map #chart .bdot.pinned .bring{stroke-width:2.6}body.page-ability-map #chart .blabel{display:none;font-family:var(--sans);font-size:8px;font-weight:500;fill:var(--fg);paint-order:stroke fill;stroke:var(--bg-elev);stroke-width:2.5;stroke-linejoin:round;pointer-events:none}body.page-ability-map #chart .bdot.pinned .blabel{display:block}body.page-ability-map #chart .alabel{font-family:var(--sans);font-size:7.5px;fill:var(--fg);paint-order:stroke fill;stroke:var(--bg-elev);stroke-width:2.5;stroke-linejoin:round;pointer-events:none}body.page-ability-map .filters-col{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1rem}body.page-ability-map .filter-group h3{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 .6rem;display:flex;align-items:baseline;justify-content:space-between}body.page-ability-map .filter-group h3 .reset{font-family:var(--sans);font-size:.66rem;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;letter-spacing:.08em;text-transform:lowercase}body.page-ability-map .filter-group h3 .reset:hover{text-decoration:underline}body.page-ability-map .chip-stack{display:flex;flex-direction:column;gap:.4rem}body.page-ability-map .chip{display:flex;align-items:center;gap:.55rem;padding:.4rem .7rem;font-family:var(--sans);font-size:.85rem;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:left;width:100%;transition:background .12s ease,opacity .12s ease,border-color .12s ease}body.page-ability-map .chip:hover{border-color:var(--accent)}body.page-ability-map .chip[data-on="0"]{opacity:.45;color:var(--fg-muted)}body.page-ability-map .chip .dot{width:.75rem;height:.75rem;border-radius:50%;display:inline-block;flex-shrink:0}body.page-ability-map .chip .lbl{flex:1}body.page-ability-map .chip .ct{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.78rem}body.page-ability-map .chip-mainAttack .dot{background:#c43c2e}body.page-ability-map .chip-super .dot{background:#d4843d}body.page-ability-map .chip-gadget .dot{background:#2a8b78}body.page-ability-map .chip-starPower .dot{background:#b18a31}body.page-ability-map .chip-hypercharge .dot{background:#7b3fa1}body.page-ability-map .chip-gear .dot{background:#4a5762}body.page-ability-map .filter-note{margin:.7rem 0 0;font-family:var(--sans);font-size:.72rem;color:var(--fg-muted);line-height:1.4}body.page-ability-map .tooltip{position:absolute;pointer-events:none;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;font-family:var(--sans);font-size:.85rem;line-height:1.4;max-width:280px;box-shadow:0 4px 14px #00000014;z-index:5}body.page-ability-map .tt-name{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--fg);margin-bottom:.15rem}body.page-ability-map .tt-meta{color:var(--accent);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem}body.page-ability-map .tt-axes{font-size:.72rem;color:var(--fg-muted);font-variant-numeric:tabular-nums;margin-bottom:.4rem;letter-spacing:.02em}body.page-ability-map .tt-blurb{color:var(--fg-muted);font-size:.85rem;white-space:pre-line}body.page-ability-map .tt-stat{font-size:.72rem;color:var(--fg);font-variant-numeric:tabular-nums;margin:-.25rem 0 .4rem}body.page-ability-map .tt-stat[hidden]{display:none}body.page-ability-map .tt-facets{margin-top:.4rem;padding-top:.35rem;border-top:1px dashed var(--border);font-size:.72rem;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:pre-line}body.page-ability-map .tt-facets[hidden]{display:none}