:root{color-scheme:light;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-strong: #17202a;--text-muted: #56616d;--surface: #ffffff;--surface-muted: #f3f5f7;--border: #c8d0d8;--accent: #196b45;--accent-strong: #105033;--accent-soft: #e1f3e9;--focus: #075fcc;--danger: #a12b2b;--shadow: 0 10px 30px rgb(23 32 42 / 14%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1.1rem;--content-width: 48rem}*{box-sizing:border-box}html{min-width:320px;background:var(--surface-muted)}body{margin:0;color:var(--text-strong);font:400 1rem/1.55 var(--font-sans)}button,input,select{font:inherit}button,select,input{min-height:44px}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.site-header{padding:var(--space-5) var(--space-4) var(--space-4);color:#fff;background:var(--accent-strong)}.site-header__inner,main,.site-footer{width:min(100%,var(--content-width));margin-inline:auto}.eyebrow{margin:0 0 var(--space-1);font-size:.875rem;font-weight:700;letter-spacing:.04em;opacity:.88}h1{margin:0;font-size:clamp(1.45rem,7vw,2.25rem);line-height:1.25}.subtitle{margin:var(--space-2) 0 0;opacity:.9}.mode-panel{padding:var(--space-4) var(--space-4) 0;background:var(--surface)}.mode-panel__inner{width:min(100%,var(--content-width));margin-inline:auto}.mode-panel h2{margin:0 0 var(--space-3);font-size:1.15rem}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.mode-button{display:grid;align-content:center;min-width:0;min-height:64px;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-strong);background:var(--surface);border:1px solid #788492;border-radius:var(--radius-sm)}.mode-button strong{font-size:1.05rem}.mode-button span{color:var(--text-muted);font-size:.8rem}.mode-button[aria-pressed=true]{padding:calc(var(--space-2) - 1px) calc(var(--space-3) - 1px);background:var(--accent-soft);border:2px solid var(--accent-strong)}.mode-button[aria-pressed=true] strong{color:var(--accent-strong)}.search-panel{position:sticky;z-index:5;top:0;padding:var(--space-3) var(--space-4);background:#f3f5f7f5;border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.search-panel__inner{display:grid;width:min(100%,var(--content-width));margin-inline:auto;gap:var(--space-2)}label{font-weight:700}.control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(7.5rem,.45fr);gap:var(--space-2)}input,select{width:100%;padding:.65rem .75rem;color:var(--text-strong);background:var(--surface);border:1px solid #788492;border-radius:var(--radius-sm)}.family-panel{padding:var(--space-4);background:#f3f5f7f5;border-bottom:1px solid var(--border)}.family-panel__inner{width:min(100%,var(--content-width));margin-inline:auto}.family-panel h2{margin:0 0 var(--space-3);font-size:1.15rem}.family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.family-button{display:grid;align-content:center;gap:.1rem;min-width:0;min-height:54px;padding:.4rem .65rem;text-align:left;color:var(--text-strong);background:var(--surface);border:1px solid #788492;border-radius:var(--radius-sm)}.family-button:hover{border-color:var(--accent)}.family-button[aria-pressed=true]{padding:calc(.4rem - 1px) calc(.65rem - 1px);background:var(--accent-soft);border:2px solid var(--accent-strong)}.family-button__name{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.family-button__state{min-height:1rem;color:var(--accent-strong);font-size:.75rem;font-weight:800;line-height:1rem}main{padding:var(--space-4)}.notice{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#fff7d6;border-left:4px solid #8c6800;border-radius:var(--radius-sm)}.result-summary{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);scroll-margin-top:var(--space-3)}.result-summary h2{margin:0;font-size:1.15rem}.result-summary p{margin:0;color:var(--text-muted)}.card-list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.card{width:100%;min-height:76px;padding:var(--space-4);text-align:left;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 2px 8px #17202a0f}.card--compact{min-height:54px;padding:var(--space-3)}.card:hover{border-color:var(--accent)}.card[aria-pressed=true]{background:var(--accent-soft);border:2px solid var(--accent-strong)}.card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.card__title{font-size:1.08rem;font-weight:800}.badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:.15rem .55rem;font-size:.82rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);border:1px solid currentColor;border-radius:999px}.badge--neutral{color:var(--text-muted);background:var(--surface-muted);border-color:var(--border)}.card__meta{margin-top:var(--space-1);color:var(--text-muted)}.empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md)}.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md)}.selection-summary p{margin:0}.secondary-button{flex:0 0 auto;min-height:44px;padding:.55rem .8rem;color:var(--accent-strong);background:var(--surface);border:1px solid var(--accent-strong);border-radius:var(--radius-sm)}.section-block+.section-block{margin-top:var(--space-6)}.sheet{width:min(100% - 1rem,42rem);max-height:min(82vh,46rem);padding:0;margin:auto auto .5rem;overflow:hidden;color:var(--text-strong);background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.sheet::backdrop{background:#0a12198f}.sheet__handle{width:3rem;height:.3rem;margin:var(--space-2) auto 0;background:var(--border);border-radius:999px}.sheet__body{max-height:calc(82vh - 1rem);padding:var(--space-4);overflow-y:auto}.sheet__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.sheet h2{margin:0;font-size:1.35rem}.monster-skills{display:block;margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.icon-button{flex:0 0 44px;width:44px;padding:0;color:var(--text-strong);background:var(--surface-muted);border:1px solid var(--border);border-radius:50%}.detail-list{display:grid;gap:var(--space-3);padding:0;list-style:none}.detail-item{padding:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-sm)}.reverse-result__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.reverse-result__title{display:grid;min-width:0;gap:.15rem}.reverse-result__title>strong{min-width:0;font-size:1.05rem;overflow-wrap:anywhere}.reverse-result__meta{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}.reverse-result__header{min-height:44px;cursor:pointer;list-style:none}.reverse-result__header::-webkit-details-marker{display:none}.reverse-result__chevron{flex:0 0 auto;color:var(--text-muted);font-size:1.35rem;line-height:1}.reverse-result[open] .reverse-result__chevron{transform:rotate(180deg)}.recipe-category+.recipe-category{margin-top:var(--space-5)}.recipe-category>h4{margin:0;padding:0 0 var(--space-2);color:var(--text-strong);font-size:1.15rem;font-weight:900;border-bottom:2px solid var(--text-strong)}.recipe-category__results{padding:0;margin:0;list-style:none}.recipe-variants{display:grid;gap:var(--space-1);padding:0;margin:var(--space-2) 0 0;list-style:none}.recipe-role-groups{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.recipe-role-group .recipe-variants{margin-top:0}.recipe-formula-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);padding:0 .45rem var(--space-1);color:var(--text-muted);font-size:.75rem;font-weight:700}.recipe-formula-header>:nth-child(2){text-align:center}.forward-recipes{margin-top:var(--space-2)}.recipe-variant{display:grid;gap:.15rem;padding:var(--space-2) var(--space-3);background:var(--surface);border-left:3px solid var(--accent);border-radius:var(--radius-sm)}.recipe-variant span{color:var(--text-strong)}.recipe-variant small{color:var(--text-muted)}.recipe-formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.recipe-formula__monster{display:grid;min-width:0;padding:.3rem .45rem;background:var(--surface);border:0;border-radius:var(--radius-sm)}.recipe-formula__monster--owned{background:var(--accent-soft)}.recipe-formula__monster--with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1)}.recipe-formula__monster small{font-size:.75rem;font-weight:700}.recipe-formula__monster--owned small{color:var(--accent-strong)}.recipe-formula__monster strong{min-width:0;overflow-wrap:anywhere;word-break:break-word}.recipe-formula__operator{font-size:1.1rem;font-weight:700}.recipe-variant .recipe-formula__operator{color:var(--text-muted)}.partner-lookup{position:relative;display:grid;place-items:center;width:1.65rem;height:1.65rem;min-height:0;padding:0;color:var(--accent-strong);font-size:.95rem;font-weight:800;line-height:1;background:var(--surface);border:1px solid var(--accent-strong);border-radius:.3rem}.partner-lookup:before{position:absolute;width:44px;height:44px;content:""}.lookup-card{width:min(calc(100% - 1rem),34rem);max-height:min(82dvh,44rem);padding:0;margin:auto auto .5rem;overflow:hidden;color:var(--text-strong);background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.lookup-card::backdrop{background:#0a12198f}.lookup-card__body{max-height:min(82dvh,44rem);padding:0 var(--space-4) var(--space-5);overflow-y:auto}.lookup-card__header{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border)}.lookup-card__header>div{min-width:0}.lookup-card__header .badge{margin-bottom:var(--space-1)}.lookup-card h2{margin:0;font-size:1.5rem;line-height:1.25;overflow-wrap:anywhere}.lookup-card h3{margin:var(--space-4) 0 var(--space-2);font-size:1.05rem}.lookup-card .recipe-variant{padding-inline:0;background:transparent;border-left:0;border-radius:0}.lookup-card .recipe-variant+.recipe-variant{border-top:1px dashed var(--border)}.sheet--fullscreen{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0}.sheet--fullscreen .sheet__handle{display:none}.sheet--fullscreen .sheet__body{width:min(100%,54rem);height:100dvh;max-height:none;padding:0 var(--space-4) var(--space-6);margin-inline:auto}.sheet--fullscreen .sheet__header{position:sticky;z-index:1;top:0;align-items:center;padding:var(--space-4) 0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border)}.sheet--fullscreen .sheet__header>div{min-width:0}.sheet--fullscreen .sheet__header .badge{margin-bottom:var(--space-1)}.sheet--fullscreen h2{color:var(--text-strong);font-size:clamp(1.75rem,7vw,2.25rem);font-weight:900;line-height:1.2}.sheet--fullscreen h3{margin:var(--space-5) 0 var(--space-2);font-size:1.2rem}.sheet--fullscreen .detail-list{display:block;margin:0}.sheet--fullscreen .detail-item{padding:var(--space-3) 0;background:transparent;border-bottom:1px solid var(--border);border-radius:0}.sheet--fullscreen .reverse-result__header{padding:var(--space-1) 0;background:transparent;border:0}.sheet--fullscreen .reverse-result__title>strong{min-width:0;color:var(--text-strong);font-size:1.25rem;font-weight:900;line-height:1.3;overflow-wrap:anywhere}.sheet--fullscreen .recipe-variant{padding:var(--space-2) 0;background:transparent;border:0;border-radius:0}.sheet--fullscreen .recipe-variant+.recipe-variant{border-top:1px dashed var(--border)}.site-footer{padding:var(--space-5) var(--space-4);color:var(--text-muted);font-size:.9rem}.site-footer p{margin:0}[hidden]{display:none!important}@media(min-width:42rem){.search-panel__inner{grid-template-columns:10rem 1fr;align-items:end}.search-panel__inner>label{grid-column:1 / -1}.family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet,.lookup-card{margin-bottom:1.5rem}}@media(prefers-reduced-motion:no-preference){.sheet[open],.lookup-card[open]{animation:sheet-in .16s ease-out}.reverse-result__chevron{transition:transform .14s ease}@keyframes sheet-in{0%{opacity:0;transform:translateY(1rem)}}}