:root{color-scheme:dark;--bg: #1A1410;--bg-elevated: #221B16;--bg-elevated-2: #2B231C;--bg-recessed: #130E0A;--bg-overlay: rgba(8, 5, 3, .72);--surface-hover: #2F2825;--surface-active: #332720;--surface-subtle: #2E2620;--ink: #F7F1E5;--ink-muted: #C9BFAE;--ink-subtle: #9A9081;--ink-inverse: #1A1410;--accent: #E07A1F;--accent-hover: #F08C30;--accent-pressed: #C26715;--accent-bg-soft: #2E1F12;--accent-cool: #4FB3D9;--accent-cool-soft:#11242C;--tier-plated-fg: #C9A24A;--tier-plated-bg: #2A1F0E;--tier-plated-border: #6E5524;--tier-taste-tested-fg: #7BA77F;--tier-taste-tested-bg: #182218;--tier-taste-tested-border:#3F5C42;--tier-on-the-menu-fg: #5BA8C7;--tier-on-the-menu-bg: #122530;--tier-on-the-menu-border:#2E5C73;--tier-simmering-fg: #C77B4A;--tier-simmering-bg: #2A1A12;--tier-simmering-border: #6E3F22;--tier-stale-fg: #8B8278;--tier-stale-bg: #221F1B;--tier-stale-border: #4A4339;--tier-bronze-fg: #ffffff;--tier-bronze-bg: #5a3a1f;--tier-bronze-border: #5a3a1f;--tier-silver-fg: #ffffff;--tier-silver-bg: #4a4a52;--tier-silver-border: #4a4a52;--tier-gold-fg: #ffffff;--tier-gold-bg: #6a5210;--tier-gold-border: #6a5210;--tier-prismatic-fg: #ffffff;--tier-prismatic-bg: linear-gradient(135deg, #155e75 0%, #7a1f6a 55%, #3b1f7a 100%);--tier-prismatic-border: #5a2a70;--tier-chromatic-fg: #ffffff;--tier-chromatic-bg: #3a2a55;--tier-chromatic-border: #3a2a55;--tier-unique-fg: #ffffff;--tier-unique-bg: #16435a;--tier-unique-border: #16435a;--success: #7FB37A;--warning: #D9A441;--danger: #E66449;--info: #4FB3D9;--link: #6BC0E0;--link-hover: #8DD0EA;--link-visited: #B89BC4;--link-visited-hover:#D4BBE0;--focus-ring: #6BC0E0;--focus-ring-color: var(--focus-ring);--selection-bg: rgba(224, 122, 31, .35);--selection-fg: #F7F1E5;--border: rgba(247, 241, 229, .085);--border-strong: rgba(247, 241, 229, .135);--border-subtle: rgba(247, 241, 229, .04);--border-emphasis: rgba(247, 241, 229, .39);--border-focus: #6BC0E0;--pill-bg: #2E1F12;--pill-fg: #FACA90;--pill-border: #4A2F18;--unresolved-pill-bg: #241E18;--unresolved-pill-fg: #B5A893;--unresolved-pill-border: #3A3128;--evidence-mark-bg: #4A340E;--evidence-mark-fg: #F7F1E5;--mark-bg: var(--evidence-mark-bg);--mark-fg: var(--evidence-mark-fg);--mechanic-highlight-bg: #1F3D4E;--mechanic-highlight-fg: var(--ink);--mechanic-highlight-accent: var(--accent-cool);--code-bg: #130E0A;--code-fg: #E8DEC9;--code-border: #2A2118;--quote-border: var(--accent);--quote-fg: var(--ink-muted);--gap-chip-bg: #221C28;--gap-chip-fg: #B89BC4;--gap-chip-border: #3D3148;--fg: var(--ink);--muted: var(--ink-muted);--rule: var(--border);--fg-visited: var(--link-visited);--cost-1: #b8b8c8;--cost-2: #4ade80;--cost-3: #60a5fa;--cost-4: #c084fc;--cost-5: #fbbf24;--cost-6: #22d3ee;--cost-7: #f87171;--emblem-fg: #d4a857;--scale-ad: #FFA500;--scale-ap: #7A6DFF;--scale-health: #21B053;--scale-as: #F5EE99;--scale-armor: #FFFF00;--scale-mr: #00FFFF;--scale-range: #AEB3BD;--scale-mana: var(--accent-cool);--scale-damage-amp: var(--ink);--item-radiant-tint: #E8DDB0;--item-ornn-tint: #E68340;--mech-helps: #5BAA6C;--mech-hurts: #CF7496;--mech-economy: #BB8D30;--mech-rules: #24A3CD;--lead-base: #D4B878;--lead-passive: var(--lead-base);--lead-active: var(--lead-base);--lead-innate: var(--lead-base);--lead-combat-start: var(--lead-base);--lead-round-start: var(--lead-base);--lead-each-round: var(--lead-base);--lead-once-per-combat: var(--lead-base);--scale-ap-inline: #C7A3F0;--scale-ad-inline: #F0A878;--fixed-stack-btn-h: 48px;--fixed-stack-gap: .5rem;--mobile-header-height: var(--header-h);--space-1: .125rem;--space-2: .25rem;--space-3: .375rem;--space-4: .5rem;--space-5: .625rem;--space-6: .75rem;--space-7: .875rem;--space-8: 1rem;--space-9: 1.25rem;--space-10: 1.5rem;--space-11: 2rem;--space-12: 2.5rem;--flow-gap: var(--space-9);--font-sans: var(--font-inter, system-ui);--radius-1: 4px;--radius-2: 8px;--radius-3: 12px;--radius-pill: 999px;--elev-1: 0 1px 2px rgba(0, 0, 0, .45), 0 1px 1px rgba(0, 0, 0, .3);--elev-2: 0 2px 4px rgba(0, 0, 0, .45), 0 4px 10px rgba(0, 0, 0, .3);--elev-3: 0 8px 24px rgba(0, 0, 0, .35);--control-h: 44px;--header-h: calc(max(.5rem, env(safe-area-inset-top, 0px)) + 49px + .5rem) ;--page-max: 1052px;--measure: 68ch}@media(min-width:720px){:root{--header-h: 0px}}@supports (color: oklch(0% 0 0)){:root{--bg: oklch(.18 .01 50);--bg-elevated: oklch(.22 .01 50);--bg-elevated-2: oklch(.255 .01 50);--bg-recessed: oklch(.155 .01 50);--surface-hover: oklch(.285 .012 50);--surface-active:oklch(.295 .013 50);--ink: oklch(.953 .018 80);--ink-muted: oklch(.79 .022 80);--ink-subtle: oklch(.658 .022 70);--accent: oklch(.685 .165 55);--accent-hover: oklch(.745 .165 55);--accent-pressed: oklch(.605 .155 50);--accent-cool: oklch(.745 .115 220);--tier-plated-fg: oklch(.73 .115 80);--tier-taste-tested-fg: oklch(.685 .06 145);--tier-on-the-menu-fg: oklch(.7 .085 220);--tier-simmering-fg: oklch(.625 .13 50);--tier-stale-fg: oklch(.585 .012 60)}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.5;display:flex;flex-direction:column;min-height:100vh}::selection{background:var(--selection-bg);color:var(--selection-fg)}mark{background:var(--mark-bg);color:var(--mark-fg);padding:0 .15em;border-radius:var(--radius-1)}blockquote{border-left:3px solid var(--quote-border);color:var(--quote-fg);padding-left:1em}hr{border:none;border-top:1px solid var(--border)}a{color:var(--link);text-decoration:none}p a,.mechanic-faq-answer li a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}a:focus-visible{color:var(--link-hover)}@media(hover:hover){a:hover{color:var(--link-hover)}p a:hover,.mechanic-faq-answer li a:hover{text-underline-offset:3px}}a:visited{color:var(--link-visited)}a:visited:focus-visible{color:var(--link-visited-hover)}@media(hover:hover){a:visited:hover{color:var(--link-visited-hover)}}.site-header a:visited{color:var(--link)}.site-header a:visited:focus-visible{color:var(--link-hover)}@media(hover:hover){.site-header a:visited:hover{color:var(--link-hover)}}.skip-link:visited{color:var(--ink)}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:.5rem;top:-3rem;background:var(--bg);color:var(--ink);padding:.5rem .75rem;border:2px solid var(--focus-ring);border-radius:var(--radius-1);z-index:1000}.skip-link:focus{top:.5rem}.site-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.site-header .desktop-header-inner{display:flex;align-items:baseline;justify-content:space-between;max-width:var(--page-max);margin:0 auto}.site-title-link{display:flex}.site-title{font-size:1.25rem;margin:0}.site-main{padding:1.5rem;max-width:calc(var(--page-max) + 3rem);margin:0 auto;width:100%;flex:1}.site-footer{background:var(--bg-elevated);border-top:1px solid var(--border-strong);padding:1.5rem;font-size:.875rem;color:var(--ink-muted)}.site-footer .footer-inner{max-width:var(--page-max);margin:0 auto}.footer-columns{display:grid;gap:1rem 1.5rem;margin-block-end:1.5rem}.footer-column-title{margin:0 0 .25rem;color:var(--ink);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.footer-links a{display:inline-flex;align-items:center;min-block-size:var(--control-h);padding:0 .25rem}@media(min-width:720px){.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-links{flex-direction:column;gap:0}}.footer-tagline{margin:0 0 .5rem}.footer-copyright{margin:0 0 1rem}.riot-disclaimers p{margin:0 0 .75rem;max-inline-size:var(--measure)}.riot-disclaimers p:last-child{margin-bottom:0}section h2{margin:2rem 0 .75rem;font-size:1.5rem;color:var(--ink)}section:first-child h2,section:first-of-type h2{margin-top:0}.empty{color:var(--ink-muted)}.edge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.edge-item{padding:.625rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-3);box-shadow:var(--elev-1)}.edge-row{display:flex;align-items:center;gap:.75rem}.edge-link{display:flex;align-items:center;gap:.5rem;flex:1;color:var(--ink);text-decoration:none;font-weight:600}.edge-link:focus{color:var(--link-hover)}@media(hover:hover){.edge-link:hover{color:var(--link-hover)}}.edge-link:visited{color:var(--link-visited)}.edge-link:visited:focus{color:var(--link-visited-hover)}@media(hover:hover){.edge-link:visited:hover{color:var(--link-visited-hover)}}.edge-link-name{font-weight:600}.edge-rationale{margin:.375rem 0 0;max-inline-size:var(--measure);color:var(--ink-muted);font-size:.875rem}.entity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.entity-item{border:1px solid var(--border);border-radius:var(--radius-2)}.entity-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .875rem;color:var(--ink);text-decoration:none}.entity-link:focus{color:var(--link-hover)}@media(hover:hover){.entity-link:hover{color:var(--link-hover)}}.entity-link:visited{color:var(--link-visited)}.entity-link:visited:focus{color:var(--link-visited-hover)}@media(hover:hover){.entity-link:visited:hover{color:var(--link-visited-hover)}}.entity-link-name{font-weight:600;flex:1}.source-thumb{width:32px;height:32px;background:var(--bg-elevated);border-radius:var(--radius-1);flex-shrink:0}.source-thumb--portrait{object-fit:cover}.source-thumb--icon{object-fit:contain;padding:2px}:root{--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--dur-exit: .15s;--dur-move: var(--dur-base);--dur-grow: var(--dur-slow);--dur-pulse: 1.2s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-move: 0ms;--dur-grow: 0ms;--ease-overshoot: var(--ease-out)}}a,button,summary,[role=button],input,select,textarea{transition-property:color,background-color,border-color,box-shadow,outline-color,text-decoration-color,opacity,scale,translate;transition-duration:var(--dur-fast),var(--dur-fast),var(--dur-fast),var(--dur-fast),var(--dur-fast),var(--dur-fast),var(--dur-fast),var(--dur-move),var(--dur-move);transition-timing-function:var(--ease-out)}button:not(:disabled):not([aria-disabled=true]):active,[role=button]:not([aria-disabled=true]):active{scale:.97;transition-duration:0ms}summary:active{translate:0 1px;transition-duration:0ms}html{-webkit-tap-highlight-color:transparent}a,button,summary,[role=button],label{touch-action:manipulation}@keyframes motion-pop{0%{scale:1}45%{scale:1.08}to{scale:1}}@keyframes motion-draw{0%{stroke-dashoffset:var(--motion-draw-length, 24)}to{stroke-dashoffset:0}}@keyframes motion-rise{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes motion-fade{0%{opacity:0}to{opacity:1}}@keyframes motion-ring{0%{box-shadow:0 0 0 0 var(--motion-ring-color, var(--accent-cool))}to{box-shadow:0 0 0 8px transparent}}[data-motion=pop]{animation:motion-pop var(--dur-move) var(--ease-overshoot)}[data-motion=rise]{animation:motion-rise var(--dur-slow) var(--ease-out)}[data-motion=reveal]{animation:motion-fade var(--dur-slow) var(--ease-out)}[data-motion=ring]{animation:motion-ring var(--dur-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){[data-motion=rise]{animation-name:motion-fade}}:where(html[data-motion-ready]) :is([data-motion-exit],[data-filter-row],[data-filter-value],[data-filter-facet],[data-filter-clear],[data-filter-active-count],[data-filter-panel])[hidden]{opacity:0;transition:opacity var(--dur-exit) var(--ease-out),display var(--dur-exit) allow-discrete,visibility var(--dur-exit) allow-discrete}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--dur-exit)}::view-transition-group(*){animation-duration:var(--dur-base);animation-timing-function:var(--ease-out)}}.page-flow>*+*{margin-block-start:var(--flow-gap)}.page-flow>.page-toc{margin-block-end:var(--flow-gap)}.detail-page{display:flex;flex-direction:column;gap:2rem}.detail-page>section>h2{margin-block-start:0}.detail-header{display:flex;gap:1.5rem;align-items:flex-start}@media(max-width:480px){.detail-header--stacked-mobile{flex-direction:column;gap:1rem}}.detail-meta{display:flex;flex-direction:column;gap:.5rem}.detail-name{margin:0;font-size:2rem;line-height:1.1}.detail-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-stats-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.125rem}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.detail-actions>.recipe-add-btn{margin-top:0}.detail-action-link{display:inline-flex;align-items:center;min-height:36px;padding:.4rem .875rem;border:1px solid var(--border-emphasis);border-radius:var(--radius-2);color:var(--ink);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none}@media(hover:hover){.detail-action-link:hover{color:var(--link-hover);border-color:var(--link-hover);background:var(--surface-hover)}}.detail-portrait,.detail-icon{width:96px;height:96px;flex:none;background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-3);box-shadow:var(--elev-1)}.detail-portrait{object-fit:cover}.detail-icon{object-fit:contain;padding:8px}.detail-kind{margin:0;color:var(--muted);font-size:.875rem;text-transform:capitalize}.detail-prose{margin:0;padding:1rem;background:var(--surface-subtle);border-radius:var(--radius-3);font-size:.95rem;line-height:1.5}.prose-rich p,.prose-rich ul{margin:0;max-inline-size:var(--measure)}.prose-rich p+p,.prose-rich p+ul,.prose-rich ul+p,.prose-rich ul+ul{margin-block-start:var(--space-4)}.prose-rich ul{padding-inline-start:1.25rem;list-style:disc}.prose-rich li+li{margin-block-start:var(--space-2)}.prose-rich strong{color:var(--ink);font-weight:600}.prose-fold{margin-block-start:var(--space-2)}.prose-fold-toggle{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.375rem 0;list-style:none;cursor:pointer;color:var(--ink-muted);font-size:.875rem;font-weight:500}.prose-fold-toggle::-webkit-details-marker{display:none}.prose-fold[open]>.prose-fold-toggle{color:var(--ink)}@media(hover:hover){.prose-fold-toggle:hover{color:var(--ink)}}.prose-fold-toggle:focus-visible{border-radius:var(--radius-1)}.prose-fold-chevron{flex:none;width:0;height:0;border-left:.4em solid currentColor;border-top:.3em solid transparent;border-bottom:.3em solid transparent;transition:transform var(--dur-move) var(--ease-out)}.prose-fold[open]>.prose-fold-toggle .prose-fold-chevron{transform:rotate(90deg)}.prose-fold[open]>.prose-fold-toggle .prose-fold-label-closed,.prose-fold:not([open])>.prose-fold-toggle .prose-fold-label-open{display:none}.prose-fold-rest>:first-child{margin-block-start:0}.mechanic-description>.detail-prose{padding:0;background:none;border-radius:0;font-size:1rem;line-height:1.6;color:var(--ink-muted)}.mechanic-description .prose-rich p+p,.mechanic-description .prose-rich p+ul,.mechanic-description .prose-rich ul+p,.mechanic-description .prose-rich ul+ul{margin-block-start:var(--space-6)}.mechanic-description .prose-rich li+li{margin-block-start:var(--space-3)}.mechanic-description .prose-rich em{color:var(--ink)}.mechanic-description .prose-lede{color:var(--ink);font-size:1.25rem;line-height:1.4;font-weight:500;text-wrap:balance}@media(max-width:480px){.mechanic-description .prose-lede{font-size:1.125rem}}.mechanic-description .prose-fold{margin-block-start:var(--space-1)}.mechanic-description .prose-fold-toggle{padding:.625rem 0;font-size:1rem;text-decoration:underline dotted;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.25em}.mechanic-description .prose-fold[open]>.prose-fold-toggle{text-decoration-style:solid}@media(hover:hover){.mechanic-description .prose-fold-toggle:hover{text-decoration-style:solid}}.mechanic-description .prose-fold-chevron{display:none}.detail-aliases{margin:0;color:var(--muted);font-size:.875rem}.detail-aliases-label{color:var(--fg);font-weight:600}.page-intro{margin:0;max-inline-size:calc(var(--measure) + 2rem);padding:1rem;background:var(--surface-subtle);border-radius:var(--radius-3);font-size:.95rem;line-height:1.5}section>.page-intro+*,section>.detail-prose+*,header>.page-intro+*,header>.detail-prose+*{margin-block-start:var(--space-8)}.hero-augments-entry:not(:last-child){margin-bottom:2rem}article section[id][aria-labelledby]{scroll-margin-top:1rem;padding:.75rem 1rem;margin:0 -1rem;border-radius:var(--radius-3);transition:background-color var(--dur-pulse) var(--ease-out)}article section[id][aria-labelledby]:target{background:color-mix(in srgb,var(--accent-cool) 14%,transparent)}@media(prefers-reduced-motion:no-preference){article section[id][aria-labelledby]:target{animation:anchored-target-pulse var(--dur-pulse) var(--ease-out)}}@keyframes anchored-target-pulse{0%{background:color-mix(in srgb,var(--accent-cool) 28%,transparent)}to{background:color-mix(in srgb,var(--accent-cool) 14%,transparent)}}.anchor-link{color:inherit;text-decoration:none;display:inline-flex;align-items:baseline;gap:.35rem}.anchor-link:focus-visible{color:var(--link-hover)}@media(hover:hover){.anchor-link:hover{color:var(--link-hover)}}.anchor-link:visited{color:inherit}.anchor-mark{color:var(--ink-subtle);font-weight:400;transition:color var(--dur-fast) var(--ease-out)}h2:focus-within .anchor-mark,h3:focus-within .anchor-mark{color:var(--link-hover)}@media(hover:hover){h2:hover .anchor-mark,h3:hover .anchor-mark{color:var(--link-hover)}}select{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-block-size:var(--control-h, 44px);padding-block:0;padding-inline:.625rem 2rem;font:inherit;font-size:max(.9375rem,1em);line-height:1.4;cursor:pointer;color:var(--ink);background-color:var(--bg-recessed);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23C9BFAE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:12px 8px;background-clip:padding-box;border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px)}@media(hover:hover){select:hover{border-color:var(--ink-subtle)}}input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;inline-size:20px;block-size:20px;margin:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:14px 14px;border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-1, 4px);cursor:pointer}@media(hover:hover){input[type=checkbox]:hover{border-color:var(--ink-subtle)}}input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4 5.6 10.5 11.5 3.9' fill='none' stroke='%231A1410' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.breadcrumb{font-size:.875rem;color:var(--ink-muted);margin:0 0 1rem}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0}.breadcrumb li:not(:last-child):after{content:"›";margin-left:.5rem;color:var(--ink-subtle)}.breadcrumb a{display:inline-flex;align-items:center;min-block-size:40px;padding:0 .125rem;color:var(--ink-muted)}.breadcrumb a:focus-visible{color:var(--link-hover)}@media(hover:hover){.breadcrumb a:hover{color:var(--link-hover)}}.breadcrumb [aria-current=page]{display:inline-flex;align-items:center;min-block-size:40px;color:var(--ink)}.cost-badge{display:inline-block;min-width:1.5rem;text-align:center;padding:.125rem .375rem;border-radius:var(--radius-1, 4px);border:1px solid currentColor;font-size:.8125rem;font-weight:600;line-height:1}.cost-badge--compact{font-size:.75rem;padding:.0625rem .3125rem}.cost-badge--1{color:var(--cost-1)}.cost-badge--2{color:var(--cost-2)}.cost-badge--3{color:var(--cost-3)}.cost-badge--4{color:var(--cost-4)}.cost-badge--5{color:var(--cost-5)}.cost-badge--6{color:var(--cost-6)}.cost-badge--7{color:var(--cost-7)}.cost-heading--1{color:var(--cost-1)}.cost-heading--2{color:var(--cost-2)}.cost-heading--3{color:var(--cost-3)}.cost-heading--4{color:var(--cost-4)}.cost-heading--5{color:var(--cost-5)}.cost-heading--6{color:var(--cost-6)}.cost-heading--7{color:var(--cost-7)}.board-slots-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-2, 8px);font-size:.8125rem;font-weight:600;line-height:1.4;white-space:nowrap;color:var(--ink)}.board-slots-badge-icon{flex:none;color:var(--accent)}.board-slots-badge--statement{font-weight:500}.desc-body{margin:0;padding:1rem;background:var(--surface-subtle);border-radius:var(--radius-2, 8px);white-space:pre-wrap;font-family:inherit;font-size:.95rem}.desc-collapse{margin-top:.5rem}.edge-item>.desc-body,.edge-item>.desc-collapse{margin-block-start:var(--space-4)}.desc-collapse-toggle{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.375rem 0;list-style:none;cursor:pointer;color:var(--ink-muted);font-size:.875rem;font-weight:500}.desc-collapse-toggle::-webkit-details-marker{display:none}@media(hover:hover){.desc-collapse-toggle:hover{color:var(--ink)}}.desc-collapse-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-1, 4px)}.desc-collapse[open]>.desc-collapse-toggle{color:var(--ink)}.desc-collapse-chevron{flex:none;width:0;height:0;border-left:.4em solid currentColor;border-top:.3em solid transparent;border-bottom:.3em solid transparent;transition:transform var(--dur-move) var(--ease-out)}.desc-collapse[open]>.desc-collapse-toggle .desc-collapse-chevron{transform:rotate(90deg)}@media(min-width:720px){.desc-collapse{margin-top:0}.desc-collapse>.desc-collapse-toggle{display:none}.desc-collapse>.desc-collapse-content{display:block}.desc-collapse::details-content{content-visibility:visible}}.desc-link:not(.desc-link--keyword){color:var(--link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.desc-link:focus{color:var(--link-hover)}@media(hover:hover){.desc-link:hover{color:var(--link-hover)}}.desc-link:visited{color:var(--link-visited)}.desc-link:visited:focus{color:var(--link-visited-hover)}@media(hover:hover){.desc-link:visited:hover{color:var(--link-visited-hover)}}.desc-link--keyword{text-decoration:none;border-bottom:1px dotted var(--muted);cursor:help}.desc-lead{font-weight:600;color:var(--lead-base)}.desc-lead--passive{color:var(--lead-passive)}.desc-lead--active{color:var(--lead-active)}.desc-lead--innate{color:var(--lead-innate)}.desc-lead--combat-start{color:var(--lead-combat-start)}.desc-lead--round-start{color:var(--lead-round-start)}.desc-lead--each-round{color:var(--lead-each-round)}.desc-lead--once-per-combat{color:var(--lead-once-per-combat)}.desc-scaling{font-variant-numeric:tabular-nums}.desc-scaling--ap{color:var(--scale-ap-inline)}.desc-scaling--ad{color:var(--scale-ad-inline)}.desc-champion-mention{font-weight:600}.desc-champion-mention--cost-1{color:var(--cost-1)}.desc-champion-mention--cost-2{color:var(--cost-2)}.desc-champion-mention--cost-3{color:var(--cost-3)}.desc-champion-mention--cost-4{color:var(--cost-4)}.desc-champion-mention--cost-5{color:var(--cost-5)}.desc-champion-mention--cost-6{color:var(--cost-6)}.desc-champion-mention--cost-7{color:var(--cost-7)}.desc-champion-mention--emblem{color:var(--emblem-fg)}mark.mechanic-highlight{background:var(--mechanic-highlight-bg);color:var(--mechanic-highlight-fg);text-decoration:none}svg[data-highlighted]{box-shadow:0 3px 0 -1px var(--mechanic-highlight-accent)}.desc-placeholder{display:inline-block;padding:0 .375rem;border:1px dashed var(--muted);border-radius:var(--radius-1, 4px);font-size:.8125rem;font-style:italic;color:var(--muted);line-height:1.3;cursor:help}.desc-glossary{margin:.75rem 0 0;padding:.75rem 1rem;border:1px solid var(--rule);border-radius:var(--radius-2, 8px);display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.desc-glossary-row{display:flex;flex-direction:column;gap:.25rem}.desc-glossary-term{font-weight:600;color:var(--fg);margin:0}.desc-glossary-body{margin:0;color:var(--muted);white-space:pre-wrap}.bp-prelude{margin:0 0 .625rem}.bp-grid{margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.bp-row{display:grid;grid-template-columns:auto 1fr;column-gap:.625rem;align-items:baseline;margin:0}.bp-units{margin:0;display:inline-block;min-width:1.5rem;padding:.0625rem .4375rem;border-radius:var(--radius-1, 4px);font-weight:600;font-size:.8125rem;line-height:1.4;text-align:center;background:var(--surface-subtle);color:var(--fg);border:1px solid var(--surface-subtle)}.bp-units--bronze{background:var(--tier-bronze-bg);color:var(--tier-bronze-fg);border-color:var(--tier-bronze-border)}.bp-units--silver{background:var(--tier-silver-bg);color:var(--tier-silver-fg);border-color:var(--tier-silver-border)}.bp-units--gold{background:var(--tier-gold-bg);color:var(--tier-gold-fg);border-color:var(--tier-gold-border)}.bp-units--prismatic{background:var(--tier-prismatic-bg);color:var(--tier-prismatic-fg);border-color:var(--tier-prismatic-border)}.bp-units--chromatic{background:var(--tier-chromatic-bg);color:var(--tier-chromatic-fg);border-color:var(--tier-chromatic-border)}.bp-units--unique{background:var(--tier-unique-bg);color:var(--tier-unique-fg);border-color:var(--tier-unique-border)}.augment-tier-chip{display:inline-block;padding:.0625rem .4375rem;border-radius:var(--radius-1, 4px);border:1px solid var(--surface-subtle);background:var(--surface-subtle);color:var(--fg);font-size:.8125rem;font-weight:600;line-height:1.4;text-align:center;white-space:nowrap}.augment-tier-chip--silver{background:var(--tier-silver-bg);color:var(--tier-silver-fg);border-color:var(--tier-silver-border)}.augment-tier-chip--gold{background:var(--tier-gold-bg);color:var(--tier-gold-fg);border-color:var(--tier-gold-border)}.augment-tier-chip--prismatic{background:var(--tier-prismatic-bg);color:var(--tier-prismatic-fg);border-color:var(--tier-prismatic-border)}.wisp-cat{display:inline-flex;align-items:center;gap:.3125rem;padding:.0625rem .4375rem;border-radius:var(--radius-1, 4px);border:1px solid var(--surface-subtle);background:var(--surface-subtle);color:var(--fg);font-size:.8125rem;font-weight:600;line-height:1.4;white-space:nowrap}.wisp-cat-glyph{width:.875rem;height:.875rem;flex:none;fill:currentColor}.wisp-cat--champion{background:#241c33;color:#c3a6f0;border-color:#4a3a6b}.wisp-cat--combat{background:#33191a;color:#f09287;border-color:#6b3230}.wisp-cat--item{background:#17281b;color:#8fd196;border-color:#35543c}.wisp-cat--shop{background:#12262f;color:#7cc8e6;border-color:#2c5468}.wisp-cat--gold-xp{background:#2b2110;color:#e3bc5a;border-color:#63501c}.wisp-cat--risky{background:#301a28;color:#ee93c6;border-color:#6b3757}.wisp-cat--misc{background:#262019;color:#c0b6a6;border-color:#4a423a}.bp-text{margin:0;color:var(--fg);font-size:.875rem;line-height:1.4;white-space:pre-wrap}.bp-text--lore{color:var(--muted);font-style:italic}.item-card-recipe{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.item-recipe-chip{display:inline-flex;line-height:0;position:relative}.item-recipe-chip:before{content:"";position:absolute;inset:-9px}.item-recipe-icon{width:22px;height:22px;object-fit:contain;background:var(--surface-subtle);border-radius:var(--radius-1, 4px);padding:1px}.item-recipe-chip:focus .item-recipe-icon{outline:2px solid var(--fg);outline-offset:1px}@media(hover:hover){.item-recipe-chip:hover .item-recipe-icon{outline:2px solid var(--fg);outline-offset:1px}}.item-recipe-plus{color:var(--muted);font-size:.875rem;line-height:1}.item-card{display:flex;flex-direction:column;gap:.375rem;padding:.625rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-3, 12px);box-shadow:var(--elev-1)}.item-card[hidden]{display:none}.item-card-head{display:flex;align-items:center;gap:.5rem}.item-card-link{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;color:var(--fg);text-decoration:none;font-weight:600}.item-card-link:focus{color:var(--link-hover)}@media(hover:hover){.item-card-link:hover{color:var(--link-hover)}}.item-card-link:visited{color:var(--fg-visited)}.item-card-link:visited:focus{color:var(--link-visited-hover)}@media(hover:hover){.item-card-link:visited:hover{color:var(--link-visited-hover)}}.item-card-icon{width:28px;height:28px;object-fit:contain;background:var(--surface-subtle);border-radius:var(--radius-1, 4px);padding:2px;flex-shrink:0}.item-card-name{font-weight:600;font-size:.9375rem;overflow-wrap:anywhere}.item-card-stats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .375rem}.item-card-stat{display:inline-block;padding:.125rem .5rem;border:1px solid var(--rule);border-radius:var(--radius-2, 8px);color:var(--fg);font-size:.75rem;font-weight:600;line-height:1.4}.item-card-stat.is-mechanic-match{background:var(--mechanic-highlight-bg);color:var(--mechanic-highlight-fg)}.item-card-desc{margin:0;color:var(--fg);font-size:.8125rem;line-height:1.4;white-space:pre-wrap}.item-card-granted-trait{margin-top:.25rem;padding-top:.5rem;border-top:1px dashed var(--rule)}.item-card--radiant .item-card-name,.item-radiant.detail-name{color:var(--item-radiant-tint)}.item-card--radiant .item-card-icon{box-shadow:0 0 0 2px var(--item-radiant-tint)}.item-card--ornn .item-card-name,.item-ornn.detail-name{color:var(--item-ornn-tint)}.item-card--ornn .item-card-icon{box-shadow:0 0 0 2px var(--item-ornn-tint)}.item-radiant.detail-icon{border-color:var(--item-radiant-tint)}.item-ornn.detail-icon{border-color:var(--item-ornn-tint)}.edge-mechanic-desc{margin:.375rem 0 0;color:var(--ink);font-size:.875rem;line-height:1.45}.entity-thumb{width:32px;height:32px;object-fit:contain;background:var(--surface-subtle);border-radius:var(--radius-1, 4px);padding:2px}.entity-thumb--portrait{width:40px;height:40px;object-fit:cover;padding:0}.entity-list--inline{flex-direction:row;flex-wrap:wrap;gap:.5rem}.entity-list--inline .entity-item{flex:0 1 auto;min-inline-size:0;max-inline-size:100%}.entity-list--inline .entity-link{padding:.375rem .625rem;min-inline-size:0}.entity-list--inline .entity-link-name{flex:0 1 auto;min-inline-size:0;overflow-wrap:anywhere}.entity-link-aux{color:var(--muted);font-size:.875rem;font-weight:600}.edge-meta{color:var(--muted);font-size:.875rem}.edge-body{margin-top:.5rem}.edge-body-text{margin:.5rem 0 0;line-height:1.45}.edge-row--wrap{flex-wrap:wrap}.edge-link--gap-lg{gap:.625rem}.edge-link-with-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;flex:1;min-width:0}.champion-row-id>.edge-link{flex:0 1 auto}.champion-row-id{display:contents}.champion-row-id[hidden],.edge-link-with-chips[hidden]{display:none}.champion-traits{display:flex;flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none}.source-thumb--cost-1{border:2px solid var(--cost-1)}.source-thumb--cost-2{border:2px solid var(--cost-2)}.source-thumb--cost-3{border:2px solid var(--cost-3)}.source-thumb--cost-4{border:2px solid var(--cost-4)}.source-thumb--cost-5{border:2px solid var(--cost-5)}.source-thumb--cost-6{border:2px solid var(--cost-6)}.source-thumb--cost-7{border:2px solid var(--cost-7)}.champion-row-stats{display:contents}.champion-row-stats[hidden]{display:none}@media(max-width:480px){.champion-row{flex-wrap:wrap;gap:.375rem .625rem}.champion-row>.edge-link-with-chips{display:contents}.champion-row .champion-row-id>.edge-link{order:-2;flex:1 1 calc(100% - 40px - .625rem)}.champion-row>.recipe-add-icon-btn{order:-1}}@media(min-width:900px){.edge-link-with-chips{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:.625rem}.champion-row-id{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-width:0}.champion-row-stats{display:grid;gap:.375rem;grid-template-columns:minmax(3.875rem,max-content) minmax(4.0625rem,max-content) minmax(2.8125rem,max-content) minmax(5.4375rem,max-content) minmax(4.375rem,max-content) minmax(3.3125rem,max-content) minmax(3.3125rem,max-content);justify-items:start;align-items:center;align-self:start;min-block-size:2rem}.champion-row-stats>[data-stat=ad]{grid-column:1}.champion-row-stats>[data-stat=as]{grid-column:2}.champion-row-stats>[data-stat=range]{grid-column:3}.champion-row-stats>[data-stat=mana]{grid-column:4}.champion-row-stats>[data-stat=hp]{grid-column:5}.champion-row-stats>[data-stat=armor]{grid-column:6}.champion-row-stats>[data-stat=mr]{grid-column:7}}.trait-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .375rem;background:var(--bg-elevated);border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px);color:var(--ink);text-decoration:none;font-size:.8125rem;line-height:1.2;position:relative}.trait-chip:before{content:"";position:absolute;inset:-9px 0}@media(hover:hover){.trait-chip:hover{background:var(--surface-hover);border-color:var(--link-hover);translate:0 -1px}}.trait-chip-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.mana-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2, 8px);font-size:.8125rem;line-height:1.4;white-space:nowrap}.mana-chip-values{font-variant-numeric:tabular-nums;color:var(--ink)}.mana-chip-sep{margin:0 .125rem}.mana-chip-icon{flex-shrink:0;color:var(--accent-cool)}.range-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2, 8px);font-size:.8125rem;line-height:1.4;white-space:nowrap}.range-chip-value{font-variant-numeric:tabular-nums;color:var(--ink)}.range-chip-icon{flex-shrink:0;color:var(--scale-range)}.attack-speed-chip-icon{flex-shrink:0;color:var(--scale-as)}.hp-chip,.ad-chip,.armor-chip,.cast-bar-chip,.mr-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2, 8px);font-size:.8125rem;line-height:1.4;white-space:nowrap}.hp-chip-value,.ad-chip-value,.armor-chip-value,.mr-chip-value{font-variant-numeric:tabular-nums;color:var(--ink)}.cast-bar-chip-value{color:var(--ink)}.hp-chip-icon{flex-shrink:0;color:var(--scale-health)}.ad-chip-icon{flex-shrink:0;color:var(--scale-ad)}.armor-chip-icon{flex-shrink:0;color:var(--scale-armor)}.mr-chip-icon{flex-shrink:0;color:var(--scale-mr)}article[data-active-sort-stat] [data-stat]{transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}article[data-active-sort-stat=as] [data-stat=as],article[data-active-sort-stat=mana] [data-stat=mana],article[data-active-sort-stat=hp] [data-stat=hp],article[data-active-sort-stat=ad] [data-stat=ad],article[data-active-sort-stat=armor] [data-stat=armor],article[data-active-sort-stat=mr] [data-stat=mr],article[data-active-sort-stat=range] [data-stat=range]{border-color:var(--chip-active-color);background:var(--chip-active-bg);box-shadow:0 0 0 1px var(--chip-active-color)}article[data-active-sort-stat=as] [data-stat=as]{--chip-active-color: var(--scale-as);--chip-active-bg: color-mix(in srgb, var(--scale-as) 12%, var(--bg-elevated))}article[data-active-sort-stat=mana] [data-stat=mana]{--chip-active-color: var(--accent-cool);--chip-active-bg: color-mix(in srgb, var(--accent-cool) 14%, var(--bg-elevated))}article[data-active-sort-stat=hp] [data-stat=hp]{--chip-active-color: var(--scale-health);--chip-active-bg: color-mix(in srgb, var(--scale-health) 14%, var(--bg-elevated))}article[data-active-sort-stat=ad] [data-stat=ad]{--chip-active-color: var(--scale-ad);--chip-active-bg: color-mix(in srgb, var(--scale-ad) 14%, var(--bg-elevated))}article[data-active-sort-stat=armor] [data-stat=armor]{--chip-active-color: var(--scale-armor);--chip-active-bg: color-mix(in srgb, var(--scale-armor) 12%, var(--bg-elevated))}article[data-active-sort-stat=mr] [data-stat=mr]{--chip-active-color: var(--scale-mr);--chip-active-bg: color-mix(in srgb, var(--scale-mr) 12%, var(--bg-elevated))}article[data-active-sort-stat=range] [data-stat=range]{--chip-active-color: var(--scale-range);--chip-active-bg: color-mix(in srgb, var(--scale-range) 18%, var(--bg-elevated))}.role-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2, 8px);font-size:.8125rem;line-height:1.4;white-space:nowrap;color:var(--ink);text-decoration:none}a.role-tag{border-color:var(--border-emphasis)}@media(hover:hover){a.role-tag:hover{background:var(--surface-hover);border-color:var(--link-hover)}a.role-tag:hover .role-tag-value{color:var(--link-hover)}}.role-tag-value{color:var(--ink)}.site-header .desktop-header-inner{align-items:center;gap:1rem;flex-wrap:wrap}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;min-block-size:40px;padding:0 .25rem;font-weight:600}.site-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.header-set-badge{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.search-box{position:relative;flex:1 1 280px;min-width:220px;max-width:480px;margin:0}.search-input{width:100%;min-height:var(--control-h, 44px);padding:.75rem;font-size:1rem;font-family:inherit;color:var(--ink);background-color:var(--bg-recessed);background-clip:padding-box;border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);line-height:1.4;-webkit-appearance:none;appearance:none}.search-input::placeholder{color:var(--ink-subtle);opacity:1}.search-input:focus{border-color:var(--border-focus)}.search-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.search-popup{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-2, 8px);box-shadow:0 8px 24px #00000059;max-height:60vh;overflow-y:auto;z-index:100;transition:opacity var(--dur-fast) var(--ease-out),translate var(--dur-move) var(--ease-out)}@starting-style{.search-popup{opacity:0;translate:0 -4px}}.search-listbox{list-style:none;margin:0;padding:.25rem}.search-group{list-style:none;padding:0;margin:0}.search-group--recent:not([hidden])+.search-group--suggestions:not(:empty){border-top:1px solid var(--border-subtle);margin-top:.25rem;padding-top:.25rem}.search-recent-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem .375rem;border-bottom:1px solid var(--border-subtle)}.search-recent-header[hidden]{display:none}.search-recent-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.search-recent-clear{display:inline-flex;align-items:center;min-block-size:40px;background:none;border:none;padding:.25rem .5rem;font:inherit;font-size:.8125rem;color:var(--link);cursor:pointer;border-radius:var(--radius-1, 4px)}@media(hover:hover){.search-recent-clear:hover{color:var(--link-hover);text-decoration:underline}}.search-recent-clear:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.search-option--recent{position:relative;padding-right:2.75rem}.search-recent-icon{color:var(--ink-subtle);font-size:.875rem}.search-recent-remove{position:absolute;right:.125rem;top:50%;transform:translateY(-50%);inline-size:40px;block-size:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-1, 4px);color:var(--ink-muted);font-size:1.125rem;line-height:1;cursor:pointer;padding:0}@media(hover:hover){.search-recent-remove:hover{color:var(--ink);background:var(--surface-active)}}.search-recent-remove:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;color:var(--ink)}.search-option{display:flex;align-items:center;gap:.625rem;padding:.4375rem .5rem;border-radius:var(--radius-1, 4px);cursor:pointer;color:var(--ink)}.search-option>a{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;color:inherit;text-decoration:none}.search-option--active{background:var(--surface-hover)}@media(hover:hover){.search-option:hover{background:var(--surface-hover)}}.search-option--active{outline:2px solid var(--focus-ring);outline-offset:-2px}.search-option--fallback{border-top:1px solid var(--border-subtle);margin-top:.25rem;padding-top:.5625rem}.search-option-body{display:flex;flex-direction:column;min-width:0;flex:1}.search-option-name{font-weight:600;font-size:.9375rem;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-option-hint{font-size:.8125rem;color:var(--ink-muted);line-height:1.2}.source-thumb--monogram{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated-2);color:var(--ink-muted);border:1px solid var(--border);font-size:.75rem;font-weight:700;letter-spacing:.02em}.search-page-query{margin:.25rem 0 1rem;color:var(--ink-muted)}.search-results section{margin-bottom:1.5rem}.entity-link-hint{color:var(--ink-muted);font-size:.8125rem;margin-left:auto;white-space:nowrap}.search-empty{padding:1rem;border:1px dashed var(--border);border-radius:var(--radius-2, 8px);color:var(--ink-muted)}.mobile-header-bar,.mobile-drawer,.mobile-drawer-overlay,.hamburger-btn{display:none}@media(max-width:719px){.site-header .desktop-header-inner{display:none}.site-header{position:sticky;top:0;z-index:200;padding:0;background:var(--bg-elevated);box-shadow:var(--elev-1, 0 1px 2px rgba(0, 0, 0, .45), 0 1px 1px rgba(0, 0, 0, .3))}.mobile-header-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top,0px));min-height:56px}.mobile-header-bar .site-logo-link{flex:none;display:flex;align-items:center;gap:.375rem}.mobile-header-bar .site-logo-link svg{display:block;width:32px;height:32px}.mobile-header-bar .site-logo-word{font-weight:700;font-size:1rem;color:var(--ink)}@media(max-width:480px){.mobile-header-bar .site-logo-word{display:none}}.mobile-header-bar .search-box{flex:1 1 auto;min-width:0;max-width:none;margin:0}.mobile-header-bar .search-input{padding:.5rem .625rem;font-size:1rem}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:0;background:none;border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);color:var(--ink);cursor:pointer;font:inherit}@media(hover:hover){.hamburger-btn:hover{background:var(--surface-hover);border-color:var(--ink-subtle)}}.hamburger-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}html{scroll-padding-top:var(--mobile-header-height)}.mobile-header-bar .search-popup{min-width:min(280px,calc(100vw - 1.5rem))}.mobile-drawer-overlay{display:block;position:fixed;inset:0;z-index:299;background:var(--bg-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-move) var(--ease-out)}.mobile-drawer-overlay[hidden]{display:none}.mobile-drawer-overlay.is-open{opacity:1;pointer-events:auto}.mobile-drawer{display:block;position:fixed;top:0;bottom:0;inset-inline-end:0;z-index:300;width:min(80vw,320px);background:var(--bg-elevated);border-inline-start:1px solid var(--border-strong);overflow-y:auto;transform:translate(100%);transition:transform var(--dur-move) var(--ease-out);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer-inner{display:flex;flex-direction:column;min-height:100%;padding:.75rem 1rem 1.5rem}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mobile-drawer-badge{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.mobile-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:1px solid transparent;border-radius:var(--radius-2, 8px);color:var(--ink);cursor:pointer;font:inherit}@media(hover:hover){.mobile-drawer-close:hover{background:var(--surface-hover);border-color:var(--border)}}.mobile-drawer-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.mobile-drawer-links{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;gap:.125rem}.mobile-drawer-links a{display:flex;align-items:center;min-height:52px;padding:0 .75rem;border-radius:var(--radius-2, 8px);font-size:1.0625rem;font-weight:600;color:var(--link);text-decoration:none}@media(hover:hover){.mobile-drawer-links a:hover{background:var(--surface-hover);color:var(--link-hover)}}.mobile-drawer-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.mobile-drawer-links a[aria-current=page]{color:var(--ink);background:var(--surface-active)}.mobile-drawer-footer-links{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.mobile-drawer-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;font-size:.875rem;color:var(--ink-muted);text-decoration:none}@media(hover:hover){.mobile-drawer-footer-links a:hover{color:var(--link-hover)}}.mobile-drawer-footer-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}}@media print{.site-header{position:static}.mobile-header-bar,.hamburger-btn,.mobile-drawer,.mobile-drawer-overlay{display:none!important}}.back-to-top{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));inset-inline-end:max(1rem,env(safe-area-inset-right));z-index:51;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:48px;min-width:48px;padding:0 .875rem;border:1px solid var(--accent);border-radius:var(--radius-2, 8px);background:var(--bg-elevated);color:var(--ink);cursor:pointer;box-shadow:0 8px 24px #00000059;font:inherit;font-size:.875rem;font-weight:500;line-height:1;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--dur-move) var(--ease-out),transform var(--dur-move) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}@media(hover:hover){.back-to-top:hover{background:var(--surface-hover);border-color:var(--accent-hover)}}.back-to-top:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.back-to-top-icon{display:block;flex:none}@media(max-width:719px){.back-to-top{width:48px;min-width:48px;padding:0;border-radius:var(--radius-pill, 999px)}.back-to-top-label{display:none}}.recipe-add-btn{display:inline-flex;align-self:flex-start;align-items:center;gap:.4rem;margin-top:.5rem;padding:.4rem .875rem;min-height:36px;border:1px solid var(--accent);border-radius:var(--radius-2, 8px);background:transparent;color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media(hover:hover){.recipe-add-btn:hover{background:var(--accent);color:var(--ink-inverse)}}.recipe-add-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recipe-add-btn[aria-pressed=true]{background:var(--accent);color:var(--ink-inverse);border-color:var(--accent)}@media(hover:hover){.recipe-add-btn[aria-pressed=true]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.recipe-add-btn-glyph{display:block;flex:none}.recipe-add-btn-glyph[hidden]{display:none}.recipe-add-icon-btn{inline-size:40px;block-size:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);background:transparent;color:var(--ink-muted);cursor:pointer;flex-shrink:0;position:relative}.recipe-add-icon-btn:before{content:"";position:absolute;inset:-2px}.recipe-add-icon-btn[data-motion=pop] [data-recipe-label-in] path{--motion-draw-length: 16;stroke-dasharray:16;animation:motion-draw var(--dur-move) var(--ease-out)}@media(hover:hover){.recipe-add-icon-btn:hover{background:var(--bg-elevated);color:var(--ink);border-color:var(--accent)}}.recipe-add-icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recipe-add-icon-btn[aria-pressed=true]{background:var(--accent);color:var(--ink-inverse);border-color:var(--accent)}@media(hover:hover){.recipe-add-icon-btn[aria-pressed=true]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}.recipe-add-icon-btn[aria-pressed=true]:active{background:var(--accent-pressed);border-color:var(--accent-pressed)}.recipe-add-icon-btn-glyph[hidden]{display:none}.entity-item:has(>.recipe-add-icon-btn){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.5rem}.entity-item:has(>.recipe-add-icon-btn)>.entity-link{grid-column:1;min-width:0}.entity-item:has(>.recipe-add-icon-btn)>.recipe-add-icon-btn{grid-column:2;margin-inline-end:.5rem}.entity-item:has(>.recipe-add-icon-btn)>:not(.entity-link):not(.recipe-add-icon-btn){grid-column:1 / -1}.recipe-item:has(>.recipe-add-icon-btn){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:.5rem}.recipe-item:has(>.recipe-add-icon-btn)>.recipe-link{grid-column:1;min-width:0}.recipe-item:has(>.recipe-add-icon-btn)>.recipe-add-icon-btn{grid-column:2;margin-inline-end:.5rem}.recipe-pill{position:fixed;bottom:calc(max(1rem,env(safe-area-inset-bottom)) + var(--fixed-stack-btn-h) + var(--fixed-stack-gap));inset-inline-end:max(1rem,env(safe-area-inset-right));z-index:52;display:inline-flex;align-items:center;gap:.5rem;height:48px;padding:0 .875rem;border:1px solid var(--accent);border-radius:var(--radius-2, 8px);background:var(--bg-elevated);color:var(--ink);box-shadow:0 8px 24px #00000059;font:inherit;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.recipe-pill[hidden]{display:none}@media(hover:hover){.recipe-pill:hover{background:var(--surface-hover);border-color:var(--accent-hover)}}.recipe-pill:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recipe-pill-icon{display:block;flex:none}.recipe-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.25rem;padding:0 .4rem;border-radius:var(--radius-pill, 999px);background:var(--accent);color:var(--ink-inverse);font-size:.75rem;font-weight:700}@media(max-width:719px){.recipe-pill{height:48px;min-width:48px;padding:0 .75rem}}.recipe-page .detail-header{align-items:flex-start}.recipe-banner{margin:.5rem 0 1rem;padding:.75rem 1rem;border:1px solid var(--accent-cool);background:var(--accent-cool-soft);border-radius:var(--radius-2, 8px);color:var(--ink);font-size:.9375rem}.recipe-banner[hidden],.recipe-actions[hidden],.recipe-empty[hidden],.recipe-action-btn[hidden],.recipe-add-btn[hidden],.recipe-link-text [hidden]{display:none!important}.recipe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1.5rem}.recipe-action-btn{display:inline-flex;align-items:center;min-height:40px;padding:.5rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-2, 8px);background:var(--bg-elevated);color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}@media(hover:hover){.recipe-action-btn:hover{background:var(--surface-hover);border-color:var(--accent)}}.recipe-action-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(hover:hover){.recipe-action-btn--danger:hover{border-color:var(--accent);color:var(--accent-hover)}}.recipe-action-feedback{font-size:.875rem;color:var(--ink-muted)}.recipe-empty{margin:1.5rem 0;padding:1.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius-2, 8px);background:var(--bg-elevated);color:var(--ink-muted)}.recipe-empty p{margin:0 0 .5rem}.recipe-empty p:last-child{margin-bottom:0}.recipe-empty a{color:var(--link)}.recipe-section{margin:1.5rem 0}.recipe-section-heading{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;color:var(--ink)}.recipe-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.recipe-item{display:flex}.recipe-link,.recipe-item--missing{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-2, 8px);background:var(--bg-elevated);color:var(--ink);text-decoration:none;width:100%;min-height:56px;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.recipe-link{border-color:var(--border-emphasis)}.recipe-link:focus-visible{background:var(--surface-hover);border-color:var(--accent)}@media(hover:hover){.recipe-link:hover{background:var(--surface-hover);border-color:var(--accent)}}.recipe-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.recipe-item--missing{color:var(--ink-subtle);cursor:default}.recipe-thumb{flex:none;width:36px;height:36px;border-radius:var(--radius-1, 4px);background:var(--surface-subtle);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.recipe-thumb img{width:100%;height:100%;display:block}.recipe-thumb--icon img{object-fit:contain;padding:2px}.recipe-thumb--portrait img{object-fit:cover}.recipe-thumb--monogram{font-weight:700;color:var(--ink);font-size:.9375rem}.recipe-item--missing .recipe-thumb--monogram{color:var(--ink-subtle)}.recipe-link-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.recipe-link-name{font-weight:600;font-size:.9375rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-link-kind{font-size:.75rem;color:var(--ink-muted);letter-spacing:.02em;text-transform:uppercase}.recipe-item--missing .recipe-link-kind{color:var(--ink-subtle)}.report{margin:2.5rem 0 0;padding-top:1rem;border-top:1px solid var(--border-strong);font-size:.875rem;color:var(--ink-muted)}.report__link{display:inline-block;min-height:44px;padding:.625rem 0;color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.report__link:focus-visible{color:var(--link-hover)}@media(hover:hover){.report__link:hover{color:var(--link-hover)}}.report__link:visited{color:var(--link)}.report__hint{margin:.25rem 0 0;color:var(--ink-muted)}.report__address{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;background:var(--code-bg);color:var(--code-fg);border:1px solid var(--code-border);border-radius:var(--radius-1, 4px);padding:.05rem .3rem;user-select:all}.glyph{display:inline-block;vertical-align:-.2em;flex:none;overflow:visible}a[data-link=chip] img{vertical-align:-.2em}.glyph--helps{color:var(--mech-helps)}.glyph--hurts{color:var(--mech-hurts)}.glyph--economy{color:var(--mech-economy)}.glyph--rules{color:var(--mech-rules)}.champion-sort{display:flex;align-items:center;gap:.5rem;min-inline-size:0}.champion-sort-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--ink-muted);min-inline-size:0}:where(.champion-sort select){appearance:none;-webkit-appearance:none;font-family:inherit;font-size:.9375rem;color:var(--ink);background:var(--bg-recessed);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);padding:0 2rem 0 .75rem;min-block-size:var(--control-h, 44px);line-height:1.4}.champion-sort select{flex:1 1 auto;min-inline-size:0;max-inline-size:100%}.browse-filter{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-3, 12px)}.browse-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.browse-filter-input-wrap{display:block;flex:1 1 10rem;min-inline-size:0}.browse-filter-sort{flex:1 0 100%;min-inline-size:0}@media(min-width:720px){.browse-filter-sort{flex:0 1 auto}}.browse-filter-input{inline-size:100%;appearance:none;-webkit-appearance:none;min-block-size:var(--control-h, 44px);padding:0 .75rem;font-size:1rem;font-family:inherit;color:var(--ink);background:var(--bg-recessed);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);line-height:1.4}.browse-filter-input::placeholder{color:var(--ink-subtle);opacity:1}.browse-filter-summary{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;position:relative;min-block-size:var(--control-h, 44px);padding:0 .875rem;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-2, 8px);color:var(--ink);font:inherit;font-size:.9375rem;cursor:pointer;user-select:none}@media(hover:hover){.browse-filter-summary:hover{background:var(--surface-hover)}}.browse-filter-summary[data-active]{background:var(--accent-bg-soft)}.browse-filter-chevron{flex:none;transition:transform var(--dur-move) var(--ease-out)}.browse-filter-summary[aria-expanded=true] .browse-filter-chevron,.browse-filter-group[open]>.browse-filter-group-summary .browse-filter-chevron{transform:rotate(180deg)}.browse-filter-summary-badge,.browse-filter-group-badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;padding:0 .375rem;background:var(--accent);color:var(--ink-inverse);border-radius:var(--radius-pill, 999px);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5}.browse-filter-summary-badge{position:absolute;top:-4px;inset-inline-end:-4px}.browse-filter-group-badge{transition:opacity var(--dur-exit) var(--ease-out),visibility var(--dur-exit) allow-discrete}.browse-filter-group-badge.is-empty{visibility:hidden;opacity:0}.browse-filter-status{display:flex;align-items:center;flex-wrap:wrap;gap:0 .75rem;min-block-size:var(--control-h, 44px)}.browse-filter-count{margin:0;font-size:.8125rem;color:var(--ink-muted)}.browse-filter-count.is-empty{color:var(--ink)}.browse-filter-clear{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;margin-inline-start:auto;min-block-size:var(--control-h, 44px);padding:0 .75rem;background:var(--bg-elevated-2);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);font:inherit;font-size:.8125rem;color:var(--accent);cursor:pointer}@media(hover:hover){.browse-filter-clear:hover{background:var(--surface-hover);color:var(--accent-hover)}}.browse-filter-panel{display:flex;flex-direction:column;gap:.125rem;padding-block-start:.5rem;border-block-start:1px solid var(--border)}.browse-filter-panel-inline{gap:.5rem;padding-block-start:0;border-block-start:0}.browse-filter-group-summary{display:flex;align-items:center;gap:.5rem;min-block-size:var(--control-h, 44px);padding:0 .25rem;border-radius:var(--radius-2, 8px);color:var(--ink);font-size:.9375rem;font-weight:600;cursor:pointer;list-style:none;user-select:none}.browse-filter-group-summary::-webkit-details-marker{display:none}@media(hover:hover){.browse-filter-group-summary:hover{background:var(--surface-hover)}}.browse-filter-group-summary:active{background:var(--surface-active)}.browse-filter-group-total{color:var(--ink-subtle);font-size:.8125rem;font-weight:400;font-variant-numeric:tabular-nums}.browse-filter-group-summary .browse-filter-chevron{margin-inline-start:auto}.browse-filter-group-body{padding-block:.25rem .625rem}.browse-filter-solo{padding-block:.25rem}.browse-filter-facet:not(.browse-filter-group):not(.browse-filter-solo){display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .5rem;margin:0;padding:0;border:0}.browse-filter-legend{font-size:.8125rem;font-weight:600;color:var(--ink-muted);margin:0 .5rem 0 0;padding:0}.browse-filter-chips{display:flex;flex-wrap:wrap;gap:.375rem}.browse-filter-prepended-row{flex:0 0 100%;gap:.375rem .75rem;margin-block-end:.375rem}@supports selector(::details-content){.browse-filter-group{interpolate-size:allow-keywords}.browse-filter-group::details-content{block-size:auto;overflow:hidden;padding-inline:4px;margin-inline:-4px;transition:block-size var(--dur-grow) var(--ease-out),content-visibility var(--dur-grow) allow-discrete}.browse-filter-group:not([open])::details-content{block-size:0}@media(min-width:720px){.browse-filter-group{display:grid;grid-template-columns:minmax(var(--filter-label-col, 13rem),max-content) 1fr;column-gap:.75rem;align-items:start}.mechanic-page{--filter-label-col: 14.75rem}.browse-filter-group>.browse-filter-group-summary{grid-column:1;grid-row:1}.browse-filter-group::details-content{grid-column:2;grid-row:1}}}.browse-filter [hidden]{display:none!important}.browse-filter-chip{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;min-block-size:var(--control-h, 44px);padding:.5rem .75rem;background:var(--bg-elevated-2);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);color:var(--ink-muted);font:inherit;font-size:.875rem;line-height:1.3;cursor:pointer}@media(min-width:720px){.browse-filter-chip{min-block-size:36px;padding-block:.25rem}}.browse-filter-chip>img,.browse-filter-chip>svg{flex:0 0 auto;inline-size:1rem;block-size:1rem;margin-inline-end:.375rem;object-fit:contain}.browse-filter-chip[aria-pressed=true]>svg{--stat-tint: var(--ink-inverse);color:var(--ink-inverse)}.browse-filter-chip[aria-pressed=true]>img{filter:brightness(0)}@media(hover:hover){.browse-filter-chip:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ink-subtle);color:var(--ink)}}.browse-filter-chip:active:not(:disabled){border-color:var(--accent)}.browse-filter-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}@media(hover:hover){.browse-filter-chip[aria-pressed=true]:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink-inverse)}}.browse-filter-chip:disabled{cursor:not-allowed;color:var(--ink-subtle);background:transparent;border-color:var(--border)}.browse-filter-chip:has([data-chip-count]){position:relative;padding-right:2.5rem}.browse-filter-chip [data-chip-count]{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);font-variant-numeric:tabular-nums;color:#8cc4df}.browse-filter-chip[aria-pressed=true] [data-chip-count]{color:var(--ink-inverse)}.browse-filter-chip:disabled [data-chip-count]{color:var(--ink-subtle)}.browse-filter-chip[data-zero] [data-chip-count]{text-decoration:line-through}.browse-filter :focus-visible{outline:2px solid var(--focus-ring-color, var(--focus-ring, #6BC0E0));outline-offset:2px}[data-filter-section]:not(:has([data-filter-row]:not([hidden]))){display:none}:where(html[data-motion-ready]) [data-filter-section]:not([hidden]):not(:has([data-filter-row]:not([hidden]))){opacity:0;transition:opacity var(--dur-exit) var(--ease-out),display var(--dur-exit) allow-discrete}.team-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-block-size:var(--control-h, 44px);margin-block:.75rem}.browse-filter~.team-code-row{margin-block-start:0;margin-block-end:1.25rem}.kind-subgroup>.team-code-row{margin-block-end:1.25rem}.detail-meta>.team-code-row{margin-block-end:0}.recipe-actions>.team-code-row{margin-block:0}.team-code-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:.375rem;min-block-size:var(--control-h, 44px);padding:0 .75rem;background:var(--bg-elevated-2);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);font:inherit;font-size:.8125rem;color:var(--ink);cursor:pointer}@media(hover:hover){.team-code-btn:hover{background:var(--surface-hover);color:var(--accent)}}.team-code-btn:not([aria-disabled=true]):active{background:var(--surface-active)}.team-code-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.team-code-icon{flex:none}.team-code-label{display:grid}.team-code-label>span{grid-area:1 / 1}.team-code-btn:not(.is-copied) [data-label-done],.team-code-btn.is-copied [data-label-idle]{visibility:hidden}.team-code-btn[aria-disabled=true]{background:transparent;border-style:dashed;border-color:var(--border-emphasis, rgba(247, 241, 229, .39));color:var(--ink-subtle);cursor:not-allowed}.team-code-btn[aria-disabled=true] .team-code-icon{opacity:.5}@media(hover:hover){.team-code-btn[aria-disabled=true]:hover{background:transparent;color:var(--ink-subtle)}}.team-code-btn.is-copied{border-color:var(--accent-cool)}.team-code-note{flex:1 1 14rem;margin:0;font-size:.8125rem;color:var(--ink-muted)}@media(max-width:639px){.team-code-note{min-block-size:2lh}}.team-code-fallback{flex:1 0 100%;min-inline-size:0;min-block-size:var(--control-h, 44px);padding:0 .5rem;background:var(--bg);border:1px solid var(--border-emphasis, rgba(247, 241, 229, .39));border-radius:var(--radius-2, 8px);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;color:var(--ink)}.page-toc{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-3, 12px);box-shadow:var(--elev-1);padding:.625rem .875rem}.page-toc,.mechanic-kind-nav,.kind-toc-list{display:flex;flex-wrap:wrap;gap:.5rem}.page-toc-list,.kind-toc-list,.mechanic-kind-nav>ul{list-style:none;margin:0;padding:0}.page-toc-list,.mechanic-kind-nav>ul{display:contents}.jump-nav-label{display:inline-flex;align-items:center;min-height:var(--control-h, 44px);margin:0;color:var(--muted);font-size:.8125rem;font-weight:500}.page-toc-list a,.kind-toc-list a,.mechanic-kind-nav a{display:inline-flex;align-items:center;gap:.25rem;min-height:var(--control-h, 44px);padding:.5rem .875rem;border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px);color:var(--fg);font-size:.875rem;font-weight:600;text-decoration:none}.mechanic-kind-nav a:visited{color:var(--fg)}.page-toc-list a:focus-visible,.kind-toc-list a:focus-visible,.mechanic-kind-nav a:focus-visible{color:var(--link-hover);border-color:var(--link-hover)}@media(hover:hover){.page-toc-list a:hover,.kind-toc-list a:hover,.mechanic-kind-nav a:hover{color:var(--link-hover);border-color:var(--link-hover)}}.page-toc-list a:visited,.kind-toc-list a:visited{color:var(--fg-visited)}.page-toc-list a:visited:focus-visible,.kind-toc-list a:visited:focus-visible{color:var(--link-visited-hover)}@media(hover:hover){.page-toc-list a:visited:hover,.kind-toc-list a:visited:hover{color:var(--link-visited-hover)}}.page-toc-list li.is-empty a[aria-disabled=true]{color:var(--ink-subtle);border-color:var(--border);cursor:not-allowed}.kind-toc{margin:-.25rem 0 .875rem}.kind-toc-list a{font-size:.8125rem;font-weight:500;color:var(--muted)}.kind-toc-count{margin-left:.25rem;font-weight:400}.edge-section,.kind-heading{scroll-margin-top:1rem}.flash-target{animation:flash-target var(--dur-pulse) var(--ease-out);border-radius:var(--radius-2, 8px)}@keyframes flash-target{0%{background:color-mix(in srgb,var(--accent-cool) 22%,transparent)}to{background:transparent}}.kind-group+.kind-group{margin-top:1rem}.kind-heading{margin:0 0 .5rem;font-size:1rem;font-weight:600}.kind-count{color:var(--muted);font-size:.875rem;font-weight:400}.tier-subgroup+.tier-subgroup{margin-top:.875rem}.tier-heading{margin:0 0 .5rem;padding-left:.5rem;border-left:3px solid var(--rule);font-size:.9375rem;font-weight:600;color:var(--fg)}.tier-heading--prismatic{border-left-color:#b884d4}.tier-heading--gold{border-left-color:#d4a84a}.tier-heading--silver{border-left-color:#b0b0b8}.tier-count{color:var(--muted);font-size:.8125rem;font-weight:400;margin-left:.25rem}.item-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem}.mechanic-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.mechanic-chip a{display:inline-flex;align-items:center;min-block-size:40px;padding:.375rem .875rem;border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px);color:var(--fg);text-decoration:none;font-size:.875rem;font-weight:600}.mechanic-chip a:focus{color:var(--link-hover);border-color:var(--link-hover)}@media(hover:hover){.mechanic-chip a:hover{color:var(--link-hover);border-color:var(--link-hover)}}.mechanic-chip a:visited{color:var(--fg-visited)}.mechanic-chip a:visited:focus{color:var(--link-visited-hover)}@media(hover:hover){.mechanic-chip a:visited:hover{color:var(--link-visited-hover)}}.edge-section>.edge-section-summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:.5rem}.edge-section>.edge-section-summary::-webkit-details-marker{display:none}.edge-section>.edge-section-summary:before{content:"▸";color:var(--muted);display:inline-block;transition:transform var(--dur-move) var(--ease-out);flex:0 0 auto}.edge-section[open]>.edge-section-summary:before{transform:rotate(90deg)}.edge-section>.edge-section-summary>.edge-section-heading{margin:0;display:inline;flex:1 1 auto}.edge-section[open]>.edge-section-summary{margin-block-end:var(--space-6)}.mechanic-kind-nav{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-3, 12px);box-shadow:var(--elev-1);padding:.625rem .875rem}.mechanic-kind-nav-count{margin-left:.125rem;color:var(--muted);font-weight:400}.kind-section{scroll-margin-top:1rem;display:flex;flex-direction:column;gap:.875rem}.kind-section-heading{margin:0;font-weight:700;color:var(--ink)}.kind-section-count{margin-left:.25rem;color:var(--muted);font-size:.9375rem;font-weight:400}.kind-word{color:var(--accent)}.anchor-link:focus-visible .kind-word{color:inherit}@media(hover:hover){.anchor-link:hover .kind-word{color:inherit}}.anchor-link .kind-text{color:var(--ink)}.anchor-link:focus-visible .kind-text{color:inherit}@media(hover:hover){.anchor-link:hover .kind-text{color:inherit}}.kind-subgroup{display:flex;flex-direction:column;gap:.5rem;scroll-margin-top:1rem}.kind-subgroup-heading{margin:0;font-size:1rem;font-weight:600}.kind-subgroup-count{color:var(--muted);font-size:.875rem;font-weight:400}.mechanic-faq{display:flex;flex-direction:column;gap:.75rem}.mechanic-faq>h2{margin:0;font-weight:700}.mechanic-faq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.mechanic-faq-details{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-2, 8px);box-shadow:var(--elev-1);overflow:hidden}.mechanic-faq-question{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;min-height:44px}.mechanic-faq-question::-webkit-details-marker{display:none}.mechanic-faq-chevron{flex:0 0 auto;color:var(--ink-muted);transition:transform var(--dur-move) var(--ease-out)}.mechanic-faq-details[open]>.mechanic-faq-question>.mechanic-faq-chevron{transform:rotate(90deg)}.mechanic-faq-question:focus-visible{background:color-mix(in srgb,var(--accent-cool) 8%,transparent)}@media(hover:hover){.mechanic-faq-question:hover{background:color-mix(in srgb,var(--accent-cool) 8%,transparent)}}.mechanic-faq-question-text{font-weight:600;flex:1 1 auto}.mechanic-faq-body{padding:0 1rem 1rem 2.25rem;display:flex;flex-direction:column;gap:.75rem}.mechanic-faq-answer{margin:0;line-height:1.55}.mechanic-faq-sources{border-top:1px solid var(--rule);padding-top:.625rem;font-size:.875rem}.mechanic-faq-sources-label{margin:0 0 .375rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.mechanic-faq-sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.mechanic-faq-sources-list a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}.mechanic-faq-sources-list a:focus-visible{color:var(--link-hover);text-decoration-color:var(--link-hover)}@media(hover:hover){.mechanic-faq-sources-list a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover)}}.mechanic-faq-sources-list a:visited{color:var(--fg-visited)}@media(max-width:480px){.mechanic-faq-body{padding-left:1rem}.mechanic-kind-nav a{min-height:40px;padding:.375rem .625rem;font-size:.8125rem}.mechanic-kind-nav .jump-nav-label{min-height:40px}}.home-section{margin:2.5rem 0}.home-section>h2{margin:0 0 .5rem;font-size:1.375rem;color:var(--ink)}.home-section>.home-section-intro{margin:0 0 1rem;color:var(--ink-muted);font-size:.95rem}.home-hero{padding:1.5rem 0 2rem;border-bottom:1px solid var(--border)}.home-hero h1{margin:0 0 .875rem;font-size:clamp(1.625rem,4vw,2.25rem);color:var(--accent);letter-spacing:-.01em;line-height:1.2}.home-hero .home-hero-explainer{margin:0 0 1.25rem;font-size:1rem;color:var(--ink-muted);max-width:var(--measure, 68ch);line-height:1.55}.home-hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.home-hero-cta{display:inline-flex;align-items:center;gap:.375rem;min-block-size:var(--control-h, 44px);padding:.625rem 1rem;border-radius:var(--radius-2, 8px);font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid var(--border-emphasis);background:transparent;color:var(--ink)}.home-hero-cta:focus-visible{color:var(--link-hover);border-color:var(--accent)}@media(hover:hover){.home-hero-cta:hover{color:var(--link-hover);border-color:var(--accent)}}.home-hero-cta:visited{color:var(--ink)}.home-hero-ctas>.home-hero-cta:first-child,.home-hero-ctas>.home-hero-cta:first-child:visited{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}.home-hero-ctas>.home-hero-cta:first-child:focus-visible{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink-inverse)}@media(hover:hover){.home-hero-ctas>.home-hero-cta:first-child:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--ink-inverse)}}.home-spotlight{padding:1.25rem;border:1px solid var(--border-strong);border-radius:var(--radius-3, 12px);background:var(--bg-elevated)}.home-spotlight-eyebrow{display:inline-block;margin:0 0 .375rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.home-spotlight h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--ink)}.home-spotlight-desc{margin:0 0 1rem;color:var(--ink-muted);line-height:1.55;max-width:var(--measure, 68ch)}.home-spotlight-examples{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.5rem}.home-spotlight-example{padding:.625rem .875rem;border:1px solid var(--border);border-radius:var(--radius-2, 8px);background:var(--bg)}.home-spotlight-example-link{display:flex;align-items:baseline;gap:.75rem;color:var(--ink);text-decoration:none;font-weight:600}.home-spotlight-example-link:focus-visible{color:var(--link-hover)}@media(hover:hover){.home-spotlight-example-link:hover{color:var(--link-hover)}}.home-spotlight-example-kind{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-subtle);flex-shrink:0;min-width:5rem}.home-spotlight-example-name{flex:1}.home-spotlight-more{display:inline-block;font-weight:600;font-size:.95rem}.home-walkthrough{display:grid;gap:1rem;grid-template-columns:1fr}.home-walkthrough-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-3, 12px);background:var(--bg-elevated);display:flex;flex-direction:column;gap:.75rem}.home-walkthrough-eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cool)}.home-walkthrough-question{margin:0;font-size:1.0625rem;font-weight:700;color:var(--ink)}.home-walkthrough-question a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.home-walkthrough-question a:focus-visible{color:var(--link-hover)}@media(hover:hover){.home-walkthrough-question a:hover{color:var(--link-hover)}}.home-walkthrough-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.375rem}.home-walkthrough-chip{display:inline-flex;align-items:center;min-block-size:40px;padding:.25rem .75rem;background:var(--bg);border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px);font-size:.8125rem;color:var(--ink);text-decoration:none}.home-walkthrough-chip:focus-visible{color:var(--link-hover);border-color:var(--link-hover)}@media(hover:hover){.home-walkthrough-chip:hover{color:var(--link-hover);border-color:var(--link-hover)}}.home-walkthrough-chip:visited{color:var(--ink)}.home-walkthrough-chip--more{color:var(--ink-subtle);font-weight:700;letter-spacing:.05em;padding-inline:.75rem}.home-walkthrough-chip--more:visited{color:var(--ink-subtle)}.home-categories{display:grid;gap:.875rem;grid-template-columns:1fr}.home-category-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-3, 12px);background:var(--bg-elevated);display:flex;flex-direction:column;gap:.625rem;scroll-margin-top:1rem;transition:background-color var(--dur-pulse) var(--ease-out)}.home-category-card:target{background:color-mix(in srgb,var(--accent-cool) 14%,var(--bg-elevated))}@media(prefers-reduced-motion:no-preference){.home-category-card:target{animation:home-card-target-pulse var(--dur-pulse) var(--ease-out)}}@keyframes home-card-target-pulse{0%{background:color-mix(in srgb,var(--accent-cool) 28%,var(--bg-elevated))}to{background:color-mix(in srgb,var(--accent-cool) 14%,var(--bg-elevated))}}.home-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.home-category-name{margin:0;font-size:1.0625rem;font-weight:700;color:var(--ink)}.home-category-count{font-size:.8125rem;color:var(--ink-subtle);font-weight:600;white-space:nowrap}.home-category-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.375rem}.home-category-chip{display:inline-flex;align-items:center;min-block-size:40px;padding:.25rem .75rem;background:var(--bg);border:1px solid var(--border-emphasis);border-radius:var(--radius-2, 8px);font-size:.8125rem;color:var(--ink);text-decoration:none}.home-category-chip:focus-visible{color:var(--link-hover);border-color:var(--link-hover)}@media(hover:hover){.home-category-chip:hover{color:var(--link-hover);border-color:var(--link-hover)}}.home-category-chip:visited{color:var(--ink)}.home-category-more{font-size:.875rem;font-weight:600}.home-catalog{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));align-items:start}.home-catalog-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-3, 12px);background:var(--bg-elevated);text-decoration:none;color:var(--ink)}.home-catalog-tile:focus-visible{color:var(--link-hover);border-color:var(--accent)}@media(hover:hover){.home-catalog-tile:hover{color:var(--link-hover);border-color:var(--accent)}}.home-catalog-tile:visited{color:var(--ink)}.home-catalog-tile-label{font-size:1rem;font-weight:700}.home-catalog-tile-count{font-size:.8125rem;color:var(--ink-subtle);font-weight:600}.home-hubs{display:grid;gap:.75rem;grid-template-columns:1fr}.home-hub-card{padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-3, 12px);background:var(--bg-elevated);text-decoration:none;color:var(--ink);display:block}.home-hub-card:focus-visible{border-color:var(--accent)}@media(hover:hover){.home-hub-card:hover{border-color:var(--accent)}}.home-hub-card:visited{color:var(--ink)}.home-hub-card-label{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--ink)}.home-hub-card:focus-visible .home-hub-card-label{color:var(--link-hover)}@media(hover:hover){.home-hub-card:hover .home-hub-card-label{color:var(--link-hover)}}.home-hub-card-blurb{margin:0;font-size:.875rem;color:var(--ink-muted);line-height:1.5}.home-isnt{padding:1rem 1.125rem;border:1px dashed var(--border-strong);border-radius:var(--radius-3, 12px);background:var(--bg-recessed)}.home-isnt p{margin:0;color:var(--ink-muted);font-size:.9375rem;line-height:1.55}.home-isnt p+p{margin-top:.5rem}.home-isnt strong{color:var(--ink);font-weight:700}@media(min-width:600px){.home-walkthrough{grid-template-columns:repeat(3,1fr)}.home-categories,.home-hubs{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.home-categories,.home-hubs{grid-template-columns:repeat(3,1fr)}}