@layer legacy{.bean-rows{margin:0;padding:0 18px 6px;list-style:none}.bean-row{border-top:1px solid var(--border);grid-template-columns:48px minmax(170px,1fr) minmax(0,1.5fr) minmax(220px,1fr);align-items:center;gap:10px 20px;padding:14px 0;font-size:.8125rem;display:grid}.bean-row:first-child{border-top:0}.bean-row>[data-sprite]{width:48px;height:48px}.bean-row[data-empty]>[data-sprite]{filter:grayscale(.8)brightness(.85)}.bean-name,.bean-bonus,.bean-progress{gap:2px;min-width:0;display:grid}.bean-name>strong{font-size:.9375rem}.bean-bonus>strong{font-size:.9375rem;font-weight:600}.bean-name>span,.bean-bonus>span,.bean-progress>span{color:var(--muted-foreground)}.bean-progress>span{margin-top:4px}.bean-progress>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.bean-progress>ol>li{border:2px solid var(--outline);border-radius:var(--radius);background:var(--well);color:var(--muted-foreground);text-align:center;padding:3px 0;font-size:.75rem;font-weight:700}.bean-progress>ol>li[data-done]{background:var(--gold);box-shadow:var(--shadow-gold);color:var(--gold-ink)}.bean-top{grid-template-columns:auto minmax(0,1fr);gap:20px;display:grid}.bean-side{gap:20px;min-width:0;display:grid}.bean-art{background:var(--board);justify-content:center;align-items:center;padding:24px 32px}.bean-stalk{--stalk-zoom:1.5;width:calc(154px * var(--stalk-zoom));height:calc(342px * var(--stalk-zoom));position:relative}.bean-stalk-art{width:154px;height:342px;transform:scale(var(--stalk-zoom));transform-origin:0 0;position:absolute;top:0;left:0}.bean-stalk-art>ul{margin:0;padding:0;list-style:none}.bean-stalk-food{transform-origin:50% 25%;width:36px;height:36px;position:absolute}.bean-stalk-food[data-level="0"]{filter:brightness(0);opacity:.2}.bean-stacks,.bean-milestones{margin:0;padding:4px 18px 10px;font-size:.8125rem;list-style:none}.bean-stacks>li{border-top:1px solid var(--border);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0;display:grid}.bean-stacks>li:first-child,.bean-milestones>li:first-child{border-top:0}.bean-stack-icon{place-items:center;width:64px;height:40px;display:grid}.bean-stack-icon>[data-sprite]{width:auto;max-width:64px;height:auto;max-height:40px}.bean-stacks>li>div,.bean-milestones>li>div{gap:1px;min-width:0;display:grid}.bean-stacks>li>div>strong{font-size:.9375rem}.bean-stacks>li>div>span,.bean-milestones>li>div>span,.bean-stack-state{color:var(--muted-foreground)}.bean-stack-state{text-align:right;max-width:260px}.bean-stacks>li[data-open] .bean-stack-state{color:var(--positive);font-weight:600}.bean-milestones>li{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(180px,.9fr);align-items:center;gap:6px 20px;padding:10px 0;display:grid}.bean-milestones>li>div>strong{font-size:.875rem}@media (width<=63.99rem){.bean-top{grid-template-columns:minmax(0,1fr)}}@media (width<=47.99rem){.bean-rows{padding:0 12px 4px}.bean-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.bean-row>[data-sprite]{width:40px;height:40px}.bean-bonus,.bean-progress{grid-column:2}.bean-stacks,.bean-milestones{padding:2px 12px 8px}.bean-stacks>li{grid-template-columns:48px minmax(0,1fr)}.bean-stack-icon{width:48px}.bean-stack-icon>[data-sprite]{max-width:48px}.bean-stack-state{text-align:left;grid-column:2;max-width:none}.bean-milestones>li{grid-template-columns:minmax(0,1fr)}}}