.abilities-page{padding-bottom:2rem}.ab-build{font-family:var(--font-ui);color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.5rem 0 1rem}.ab-lookup{border:1px solid var(--edge);background:var(--bg-2);box-shadow:inset 0 1px var(--edge-inner);padding:1rem}.ab-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;align-items:end}.ab-controls[hidden]{display:none}.ab-controls label{display:grid;gap:.3rem;font-family:var(--font-ui);min-width:0}.ab-controls input,.ab-controls select{width:100%;min-width:0;min-height:44px;border:1px solid var(--edge-inner);border-radius:2px;background:var(--bg);color:var(--ink);padding:.5rem;font:inherit}.ab-controls button{min-height:44px}.ab-help{font-size:.875rem;color:var(--ink-2);margin:0}.ab-table{width:100%;border-collapse:collapse;font-family:var(--font-ui);text-align:left}.ab-table caption{text-align:left;color:var(--ink-2);font-family:var(--font-body);font-size:.875rem;padding:0 0 1rem}.ab-table th,.ab-table td{padding:.55rem .65rem;border-bottom:1px solid var(--edge-inner);vertical-align:top;overflow-wrap:anywhere}.ab-table thead{background:color-mix(in srgb,var(--accent) var(--mix-wash),var(--bg-2));border-bottom:2px solid var(--accent)}.ab-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--accent) var(--mix-faint),var(--bg-2))}.ab-table tbody tr:hover{background:color-mix(in srgb,var(--accent) var(--mix-wash),var(--bg-2))}.ab-table tbody th{font-weight:400}.ab-table [hidden]{display:none}.ab-notes{margin-top:1.5rem}.ab-lookup>p{margin:.75rem 0}
@container page (width < 65rem){.ab-table,.ab-table tbody{display:block}.ab-table thead{display:none}.ab-table tr{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--edge-inner);padding:.6rem 0}.ab-table th,.ab-table td{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.5rem;padding:.2rem .3rem;border:0}.ab-table th::before,.ab-table td::before{content:attr(data-label);color:var(--ink-2);font-size:.875rem}.ab-table caption{display:block}}
@container page (width >= 20rem) and (width < 64rem){.ab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-search,.ab-controls button,.ab-help{grid-column:1/-1}}
@container page (width < 20rem){.ab-table th,.ab-table td{grid-template-columns:minmax(0,1fr);gap:.1rem}.ab-lookup{padding:.5rem}}
@media(min-width:65rem){@container page (width >= 64rem){.ab-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) auto}.ab-help{grid-column:1/-1}}}