.cp{margin:18px 0 28px}.cp-controls{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:12px 14px;border:1px solid var(--line-panel);border-radius:8px;background:var(--surface)}.cp-control{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.cp-control--band b{min-width:9em;color:var(--gold-bright);font-family:var(--font-display)}.cp-range{width:min(220px,60vw);accent-color:var(--gold)}.cp-summary{margin:14px 2px;color:var(--text-bright);font-size:1.05rem}.cp-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px;align-items:start}.cp-cards{min-width:0}.cp-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.cp-also{margin:0 0 8px;color:var(--gold);font-family:var(--font-display);font-size:.95rem}.cp-list+.cp-also,.cp-empty+.cp-also{margin-top:20px}.cp-also__note{margin:-4px 0 8px;color:var(--muted-1);font-size:.85rem}.cp-card{padding:10px 12px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-sunken)}.cp-card.is-picked{border-color:var(--gold);background:var(--surface-raised)}.cp-card__pick{display:flex;gap:10px;align-items:center;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cp-card__pick img,.cp-detail__head img,.cp-icon img{border:1px solid var(--line-strong);border-radius:6px}.cp-card__rank{width:1.4em;color:var(--muted-2);font-family:var(--font-display);font-size:1.1rem;text-align:center}.cp-card__name{flex:1;min-width:0;color:var(--text-title);font-family:var(--font-display);font-size:1.05rem}.cp-counts{display:grid;gap:2px;margin:8px 0 6px;padding:0;list-style:none}.cp-count{padding-left:10px;border-left:3px solid var(--state-open);color:var(--text-bright);font-size:.92rem}.cp-count--top{border-left-color:var(--state-maxed)}.cp-count.is-zero{border-left-color:var(--line-strong);color:var(--muted-1)}.cp-card--also{background:none}.cp-card--also .cp-card__why{margin-top:8px}.cp-card__why,.cp-card__tie{margin:0;color:var(--text-soft);font-size:.9rem;overflow-wrap:anywhere}.cp-card__tie{margin-bottom:4px;color:var(--gold-quiet);font-style:italic}.cp-detail{padding:14px 16px 16px;border:1px solid var(--line-panel);border-radius:8px;background:var(--surface);scroll-margin-top:calc(var(--nav-height) + 8px)}.cp-detail__head{display:flex;gap:12px;align-items:center}.cp-detail__head h3{margin:0}.cp-detail__links,.cp-craft__links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:2px 0 0;font-size:.9rem}.cp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;padding:0;list-style:none}.cp-chips li{padding:2px 9px;border:1px solid var(--line-control);border-radius:999px;background:var(--surface-sunken);color:var(--text-soft);font-size:.82rem}.cp-detail h4{margin:16px 0 8px;color:var(--gold);font-family:var(--font-display);font-size:.95rem}.cp-crafts,.cp-recipes{display:grid;gap:8px;margin:0;padding:0;list-style:none}.cp-crafts{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.cp-craft{display:flex;gap:10px;padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:6px;background:var(--surface-sunken)}.cp-craft--top{border-left-color:var(--state-maxed)}.cp-craft--near{border-left-color:var(--state-open)}.cp-craft__main{min-width:0}.cp-craft__name,.cp-craft__meta{margin:0}.cp-craft__meta{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--muted-1);font-size:.82rem}.cp-craft__rate{color:var(--text-soft)}.cp-craft__own{color:var(--gold-quiet)}.cp-craft--top .cp-craft__rate{color:var(--state-maxed)}.cp-icon{display:inline-flex;flex:none;align-self:flex-start;cursor:help}.cp-badge{padding:0 6px;border:1px solid var(--state-open);border-radius:999px;color:var(--state-open);font-size:.7rem;vertical-align:2px}.cp-recipes{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.cp-recipe{display:flex;gap:8px;align-items:center;min-width:0;font-size:.9rem}.cp-recipe a,.cp-recipe>span:not(.cp-icon){min-width:0;overflow-wrap:anywhere}.cp-recipe small{margin-left:auto;color:var(--muted-2);white-space:nowrap}.cp-more,.cp-empty{margin:6px 0 0;color:var(--muted-1);font-size:.85rem}.cp-formula{padding:10px 12px;border-left:3px solid var(--gold);background:var(--surface-sunken);color:var(--text-bright)}.cp-method li{margin:4px 0}.cp-next__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}.cp-next__card{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-sunken);text-decoration:none}.cp-next__card img{border-radius:6px}.cp-next__card span{display:grid;min-width:0}.cp-next__card span span{color:var(--text-soft);font-size:.85rem}@media (max-width: 900px){.cp-main{grid-template-columns:minmax(0,1fr)}.cp-control--band{width:100%}.cp-range{flex:1;width:auto}}