.traits-page.svelte-1a87a2m{gap:var(--content-page-gap);max-width:var(--content-page-max);flex-direction:column;width:100%;margin:0 auto;display:flex}.page-header.svelte-1a87a2m{gap:var(--content-header-gap);flex-direction:column;display:flex}.back-link.svelte-1a87a2m{align-items:center;gap:var(--space-2);font-size:var(--content-back-link-size);color:var(--c-text-3);transition:color var(--dur) var(--ease);width:fit-content;font-weight:500;display:inline-flex}.back-link.svelte-1a87a2m:hover{color:var(--c-primary)}.page-title.svelte-1a87a2m{width:fit-content;font-size:var(--content-title-size);font-weight:var(--content-title-weight);letter-spacing:var(--content-title-track);background:linear-gradient(135deg, var(--content-title-grad-start) 0%, var(--content-title-grad-mid) 58%, var(--content-title-grad-end) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1.05;display:inline-block}.page-desc.svelte-1a87a2m{max-width:var(--content-desc-max);font-size:var(--content-desc-size);line-height:var(--content-desc-line);color:var(--c-text-3)}.page-tabs.svelte-1a87a2m{border-bottom:1px solid var(--c-border);gap:2px;display:flex}.page-tab.svelte-1a87a2m{min-height:42px;padding:var(--space-2) var(--space-4);color:var(--c-text-3);transition:all var(--dur) var(--ease);border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;font-size:.88rem;font-weight:500;display:inline-flex}.page-tab.svelte-1a87a2m:hover{color:var(--c-text-2)}.page-tab.active.svelte-1a87a2m{color:var(--c-primary);border-bottom-color:var(--c-primary)}.about-block.svelte-1a87a2m{gap:var(--space-2);flex-direction:column;display:flex}.collapsible-card.svelte-1a87a2m{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.collapsible-head.svelte-1a87a2m{width:100%;padding:var(--space-4) var(--space-5);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.collapsible-head.svelte-1a87a2m:hover{background:var(--c-surface-hover)}.collapsible-title.svelte-1a87a2m{align-items:center;gap:var(--space-3);color:var(--c-text);font-size:.95rem;font-weight:600;display:flex}.title-icon.svelte-1a87a2m{text-align:center;flex-shrink:0;width:22px;font-size:1rem}.title-icon--svg.svelte-1a87a2m{color:var(--c-text-2);justify-content:center;align-items:center;display:inline-flex}.title-icon--svg.svelte-1a87a2m svg:where(.svelte-1a87a2m){display:block}.chevron.svelte-1a87a2m{color:var(--c-text-3);transition:transform var(--dur) var(--ease);flex-shrink:0}.chevron.open.svelte-1a87a2m{transform:rotate(180deg)}.collapsible-body.svelte-1a87a2m{padding:0 var(--space-5) var(--space-5);gap:var(--space-4);border-top:1px solid var(--c-divider);padding-top:var(--space-4);flex-direction:column;display:flex}.collapsible-body.svelte-1a87a2m p:where(.svelte-1a87a2m){color:var(--c-text-2);font-size:.9rem;line-height:1.65}.info-box.svelte-1a87a2m{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-primary-soft);border-left:3px solid var(--c-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--c-text-2);font-size:.86rem;line-height:1.55;display:flex}.info-box.svelte-1a87a2m svg:where(.svelte-1a87a2m){color:var(--c-primary);flex-shrink:0;margin-top:2px}.sub-heading.svelte-1a87a2m{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:calc(-1 * var(--space-2));font-size:.75rem;font-weight:700}.obtain-methods.svelte-1a87a2m{gap:var(--space-3);flex-direction:column;display:flex}.obtain-method.svelte-1a87a2m{gap:var(--space-3);align-items:flex-start;display:flex}.method-num.svelte-1a87a2m{background:var(--c-primary-soft);width:24px;height:24px;color:var(--c-primary-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.72rem;font-weight:700;display:flex}.method-body.svelte-1a87a2m{color:var(--c-text-2);flex-direction:column;gap:2px;font-size:.88rem;line-height:1.55;display:flex}.method-body.svelte-1a87a2m strong:where(.svelte-1a87a2m){color:var(--c-text)}.method-body.svelte-1a87a2m p:where(.svelte-1a87a2m){margin:0}.rates-grid.svelte-1a87a2m{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.rate-card.svelte-1a87a2m{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--c-border);text-align:center;flex-direction:column;display:flex}.rate-pct.svelte-1a87a2m{font-size:1.4rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.rate-label.svelte-1a87a2m{color:var(--c-text-3);font-size:.78rem;line-height:1.45}.rate-label.svelte-1a87a2m small:where(.svelte-1a87a2m){opacity:.7;margin-top:2px;display:block}.rate-success.svelte-1a87a2m{border-color:var(--c-mint)}.rate-success.svelte-1a87a2m .rate-pct:where(.svelte-1a87a2m){color:var(--c-mint)}.rate-partial.svelte-1a87a2m{border-color:var(--c-peach)}.rate-partial.svelte-1a87a2m .rate-pct:where(.svelte-1a87a2m){color:var(--c-peach)}.rate-fail.svelte-1a87a2m{border-color:var(--c-rose)}.rate-fail.svelte-1a87a2m .rate-pct:where(.svelte-1a87a2m){color:var(--c-rose)}.outcome-list.svelte-1a87a2m{gap:var(--space-2);flex-direction:column;display:flex}.outcome.svelte-1a87a2m{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--c-text-2);font-size:.88rem;line-height:1.55}.outcome.svelte-1a87a2m strong:where(.svelte-1a87a2m){color:var(--c-text)}.outcome-neutral.svelte-1a87a2m{background:var(--c-surface-hover)}.outcome-success.svelte-1a87a2m{background:color-mix(in srgb, var(--c-mint) 10%, transparent)}.outcome-fail.svelte-1a87a2m{background:var(--c-rose-soft);color:var(--c-rose-text)}.outcome-fail.svelte-1a87a2m strong:where(.svelte-1a87a2m){color:inherit}.bullet-list.svelte-1a87a2m{gap:var(--space-2);padding-left:var(--space-5);color:var(--c-text-2);flex-direction:column;font-size:.88rem;line-height:1.6;list-style:outside;display:flex}.example-box.svelte-1a87a2m{background:var(--c-surface-hover);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--space-4);gap:var(--space-2);flex-direction:column;font-size:.88rem;display:flex}.example-row.svelte-1a87a2m{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ex-label.svelte-1a87a2m{font-family:var(--font-mono);color:var(--c-text);background:var(--c-surface-active);border-radius:var(--radius-xs);border:1px solid var(--c-border);padding:2px 8px;font-size:.82rem}.ex-sep.svelte-1a87a2m{color:var(--c-text-3);font-weight:600}.example-result.svelte-1a87a2m{color:var(--c-text-2);border-top:1px solid var(--c-divider);padding-top:var(--space-2);font-size:.86rem}.example-result.svelte-1a87a2m strong:where(.svelte-1a87a2m){color:var(--c-primary)}.data-table-wrap.svelte-1a87a2m{border-radius:var(--radius-sm);border:1px solid var(--c-border);overflow:hidden}.data-table.svelte-1a87a2m{border-collapse:collapse;width:100%;font-size:.86rem}.data-table.svelte-1a87a2m th:where(.svelte-1a87a2m){background:var(--c-surface-hover);padding:var(--space-2) var(--space-4);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3);border-bottom:1px solid var(--c-border);font-size:.72rem;font-weight:700}.data-table.svelte-1a87a2m td:where(.svelte-1a87a2m){padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--c-divider);color:var(--c-text-2)}.data-table.svelte-1a87a2m tr:where(.svelte-1a87a2m):last-child td:where(.svelte-1a87a2m){border-bottom:none}.data-table.svelte-1a87a2m tr:where(.svelte-1a87a2m):hover td:where(.svelte-1a87a2m){background:var(--c-surface-hover)}.data-table.svelte-1a87a2m .mono:where(.svelte-1a87a2m){font-family:var(--font-mono)}.formula-box.svelte-1a87a2m{background:var(--c-surface-hover);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);overflow-x:auto}.formula-desc.svelte-1a87a2m{color:var(--c-text-3);margin:0;font-size:.84rem;line-height:1.5}.fee-calc.svelte-1a87a2m{gap:var(--space-3);padding:var(--space-4);background:var(--c-surface-hover);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;display:flex}.calc-row.svelte-1a87a2m{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.calc-label.svelte-1a87a2m{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:100px;font-size:.78rem;font-weight:600}.calc-select.svelte-1a87a2m,.calc-input.svelte-1a87a2m{min-width:0;padding:var(--space-2) var(--space-3);background:var(--c-input,var(--c-surface));border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);transition:border-color var(--dur) var(--ease);flex:1;font-size:.88rem}.calc-select.svelte-1a87a2m:focus,.calc-input.svelte-1a87a2m:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.tier-pills.svelte-1a87a2m{gap:var(--space-1);flex-wrap:wrap;display:flex}.tier-pill.svelte-1a87a2m{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--c-border);font-size:.8rem;font-weight:600;font-family:var(--font-mono);color:var(--c-text-3);background:var(--c-surface);transition:all var(--dur) var(--ease);cursor:pointer}.tier-pill.svelte-1a87a2m:hover{border-color:var(--c-primary);color:var(--c-primary)}.tier-pill.active.svelte-1a87a2m{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary-text)}.calc-result.svelte-1a87a2m{padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}.result-label.svelte-1a87a2m{color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.result-value.svelte-1a87a2m{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--c-primary);letter-spacing:-.02em}.result-unit.svelte-1a87a2m{color:var(--c-text-3);font-size:.72rem;font-weight:500;font-family:var(--font-sans);margin-left:4px}.list-section.svelte-1a87a2m{gap:var(--space-4);flex-direction:column;display:flex}.list-header.svelte-1a87a2m{align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--c-border);display:flex}.list-title.svelte-1a87a2m{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.wip-badge.svelte-1a87a2m{text-transform:uppercase;letter-spacing:.05em;background:var(--c-peach-soft);color:var(--c-peach-text);border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:600}.list-empty.svelte-1a87a2m{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);color:var(--c-text-3);text-align:center;flex-direction:column;font-size:.9rem;display:flex}.list-empty.svelte-1a87a2m svg:where(.svelte-1a87a2m){opacity:.3}@media (width<=640px){.rates-grid.svelte-1a87a2m{grid-template-columns:1fr}}.trait-count.svelte-1a87a2m{font-size:.75rem;font-family:var(--font-mono);color:var(--c-text-3)}.list-controls.svelte-1a87a2m{gap:var(--space-3);flex-direction:column;display:flex}.trait-search-wrap.svelte-1a87a2m{align-items:center;display:flex;position:relative}.trait-search-wrap.svelte-1a87a2m>svg:where(.svelte-1a87a2m){color:var(--c-text-3);pointer-events:none;position:absolute;left:12px}.trait-search.svelte-1a87a2m{width:100%;min-height:46px;padding:var(--space-3) var(--space-4) var(--space-3) 36px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);font-size:.9rem}.trait-search.svelte-1a87a2m:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.trait-search.svelte-1a87a2m::placeholder{color:var(--c-text-3)}.search-clear.svelte-1a87a2m{border-radius:var(--radius-xs);color:var(--c-text-3);transition:all var(--dur) var(--ease);justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:inline-flex;position:absolute;right:10px}.search-clear.svelte-1a87a2m:hover{color:var(--c-text);background:var(--c-surface-hover)}.cat-pills.svelte-1a87a2m{gap:var(--space-1);flex-wrap:wrap;display:flex}.cat-pill.svelte-1a87a2m{padding:var(--space-1) var(--space-3);border:1px solid var(--c-border);color:var(--c-text-3);background:var(--c-surface);transition:all var(--dur) var(--ease);cursor:pointer;border-radius:99px;align-items:center;gap:5px;min-height:40px;font-size:.78rem;font-weight:500;display:flex}.cat-pill.svelte-1a87a2m:hover{color:var(--c-text-2);border-color:var(--c-primary)}.cat-pill.active.svelte-1a87a2m{color:var(--c-primary-text);background:var(--c-primary-soft);border-color:var(--c-primary)}.cat-count.svelte-1a87a2m{font-size:.68rem;font-family:var(--font-mono);opacity:.6}.trait-grid.svelte-1a87a2m{gap:var(--space-2);grid-template-columns:1fr;display:grid}.trait-grid.stat-grid.svelte-1a87a2m{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.trait-card.svelte-1a87a2m{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease);flex-direction:column;display:flex}.trait-card.svelte-1a87a2m:hover{border-color:var(--c-primary)}.trait-top.svelte-1a87a2m{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.trait-name.svelte-1a87a2m{color:var(--c-text);flex:1;font-size:.9rem;font-weight:600}.trait-cat-pill.svelte-1a87a2m{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;flex-shrink:0;padding:1px 7px;font-size:.62rem;font-weight:600}.cat-stat.svelte-1a87a2m{background:var(--c-sky-soft,color-mix(in srgb,var(--c-mint) 18%, transparent));color:var(--c-sky-text,var(--c-mint))}.cat-on-hit.svelte-1a87a2m{background:var(--c-primary-soft);color:var(--c-primary-text)}.cat-on-dmg.svelte-1a87a2m{background:var(--c-rose-soft);color:var(--c-rose-text)}.cat-miss.svelte-1a87a2m{background:var(--c-peach-soft);color:var(--c-peach-text)}.cat-evade.svelte-1a87a2m{background:var(--c-mint-soft,color-mix(in srgb,var(--c-mint) 18%, transparent));color:var(--c-mint-text,var(--c-mint))}.cat-guard.svelte-1a87a2m{color:#7c3aed;background:#a78bfa2e}.cat-special.svelte-1a87a2m{background:var(--c-surface-active);color:var(--c-text-2)}.trait-effect.svelte-1a87a2m{color:var(--c-text-2);margin:0;font-size:.84rem;line-height:1.55}.trait-note.svelte-1a87a2m{color:var(--c-text-3);border-top:1px dashed var(--c-divider);margin:0;padding-top:2px;font-size:.75rem;font-style:italic;line-height:1.45}.tier-vals.svelte-1a87a2m{gap:var(--space-1);flex-wrap:wrap;display:flex}.tier-val.svelte-1a87a2m{border-radius:var(--radius-xs);background:var(--c-surface-hover);border:1px solid var(--c-divider);align-items:center;gap:3px;padding:1px 6px;font-size:.72rem;display:flex}.tier-label.svelte-1a87a2m{color:var(--c-text-3);font-weight:600}.tier-num.svelte-1a87a2m{color:var(--c-primary);font-family:var(--font-mono);font-weight:600}.tier-max.svelte-1a87a2m{color:var(--c-text-3);font-family:var(--font-mono)}.list-result-count.svelte-1a87a2m{color:var(--c-text-3);text-align:right;margin:0;font-size:.78rem}.retry-btn.svelte-1a87a2m,.load-more-btn.svelte-1a87a2m{min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--c-primary);color:var(--c-text-inv);border:0;align-self:center;font-weight:700}@media (width<=640px){.trait-grid.stat-grid.svelte-1a87a2m{grid-template-columns:1fr}}