.cr-card{--cr-orange:#ff8040;--cr-yellow:#ffd100;--cr-green:#40c040;--cr-gray:gray}.cr-recipe{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin-top:12px;padding:12px 14px}.cr-recipe+.cr-recipe{margin-top:10px}.cr-head{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.cr-prof{color:var(--gold-2);align-items:center;gap:7px;font-weight:700;display:inline-flex}.cr-prof img{border:1px solid var(--line-2);background:var(--bg-3);border-radius:5px;flex:none}.cr-rname{color:var(--text);font-weight:600}.cr-new{color:var(--new);background:#3fbf7f24;border:1px solid #3fbf7f73;border-radius:999px;align-items:center;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.cr-qty{color:var(--muted);font-size:.82rem}.cr-rows{flex-direction:column;gap:8px;margin:0;display:flex}.cr-rows>div{grid-template-columns:minmax(96px,150px) minmax(0,1fr);align-items:baseline;gap:4px 12px;display:grid}.cr-rows dt{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.66rem;font-weight:700}.cr-rows dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:.9rem}.cr-skill{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.cr-bar{font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:repeat(4,minmax(34px,1fr));gap:2px;min-width:150px;font-size:.72rem;display:inline-grid}.cr-bar>span{color:#0b0e14;background:var(--cr-gray);border-radius:3px;padding:2px 0 3px;font-weight:700;line-height:1.1}.cr-bar .o{background:var(--cr-orange)}.cr-bar .y{background:var(--cr-yellow)}.cr-bar .g{background:var(--cr-green)}.cr-bar .x{background:var(--cr-gray)}.cr-bar small{opacity:.8;font-size:.58rem;font-weight:500;display:block}.cr-learn{flex-direction:column;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.cr-learn li{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.cr-item{align-items:center;gap:6px;min-width:0;font-weight:600;display:inline-flex}.cr-item img{border:1px solid var(--line-2);background:var(--bg-3);border-radius:4px;flex:none;width:20px;height:20px}.cr-item>span{overflow-wrap:anywhere}.cr-sub{color:var(--muted);font-size:.84rem}.cr-sub:before{content:"·";color:var(--faint);margin-right:6px}.cr-rows dd>.cr-sub:before{content:none}.cr-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cr-chips li{align-items:center;gap:6px;max-width:100%;display:inline-flex}.cr-chip{border:1px solid var(--line-2);background:var(--bg-2);color:var(--text);border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:3px 9px 3px 4px;font-size:.84rem;display:inline-flex}.cr-chip img{border-radius:50%;flex:none;width:20px;height:20px}.cr-chip b{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.cr-chip>span{overflow-wrap:anywhere}a.cr-chip:hover{border-color:var(--gold);text-decoration:none}.cr-made{color:var(--muted);border-bottom:1px dotted var(--line-2);font-size:.72rem}.cr-made:hover{color:var(--gold-2);text-decoration:none}.cr-classic h3{margin:12px 0 2px;font-size:.95rem}.cr-classic .ib-cmp .chg{color:var(--gold-2);font-weight:600}.cr-writs{margin-top:12px}.cr-camp{margin:12px 0 0;font-size:.9rem}.cr-note{margin:12px 0 0}.cr-used{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cr-used li{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.9rem;display:flex}.cr-used .cr-prof{min-width:150px;font-size:.86rem}.cr-used .cr-item img{width:22px;height:22px}.cr-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.cr-seen{letter-spacing:.04em;text-transform:none;padding:1px 6px;font-size:.62rem}.cr-seen-note{margin:12px 0 0}@media (width<=560px){.cr-recipe{padding:10px 11px}.cr-rows>div{grid-template-columns:minmax(0,1fr);gap:3px}.cr-bar{width:100%;min-width:0;max-width:260px}.cr-used .cr-prof{min-width:0}.cr-cmp thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cr-cmp,.cr-cmp tbody,.cr-cmp tr,.cr-cmp td{width:auto;display:block}.cr-cmp tr{border-bottom:1px solid var(--line);padding:6px 0}.cr-cmp td{border:0;padding:2px 0}.cr-cmp td:first-child{color:var(--text);font-weight:700}.cr-cmp td[data-col]:before{content:attr(data-col);letter-spacing:.08em;text-transform:uppercase;min-width:4.6em;color:var(--faint);margin-right:8px;font-size:.62rem;font-weight:700;display:inline-block}.cr-cmp td[data-col]:last-child:before{color:var(--gold)}}