body.page-ability-map .page-main{max-width:1380px}body.page-ability-map .wip-banner{display:block;margin:0 auto 1.5rem;padding:.55rem .9rem;font-family:var(--sans);font-size:.85rem;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;max-width:40em;text-align:left}body.page-ability-map .wip-banner strong{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;margin-right:.4rem}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 .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}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 .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}