.mobile-garden{display:none}
@media(max-width:720px){
 .family-scroll{overflow:visible;border-radius:20px}
 .family-canvas{min-width:0;width:100%;aspect-ratio:auto;overflow:visible;border-radius:20px;border:1px solid #183c2b20}
 #family-graph,.family-canvas>.mood{display:none}
 .mobile-garden{display:block;padding:24px 12px 36px}
 .garden-hint{font-size:11px;line-height:1.8;color:#65715d;margin:0 8px 10px;text-align:center}
 .garden-family{padding:10px 0 36px;border-bottom:1px solid #183c2b16;margin-bottom:26px}
 .garden-family:last-child{border-bottom:0;margin-bottom:0}
 .garden-family[hidden]{display:none}
 .garden-flower{display:block;width:100%;max-width:440px;margin:0 auto 20px;overflow:visible}
 .garden-bud{max-width:240px}
 .garden-node{cursor:pointer;outline:none;color:var(--ink)}
 .garden-center,.garden-petal{stroke:#fff9;stroke-width:2;transition:stroke .2s}
 .garden-node[aria-pressed=true] path,.garden-node:focus-visible path{stroke:#183c2b;stroke-width:3}
 .garden-label{font-family:inherit;font-size:14px;font-weight:500;fill:currentColor;pointer-events:none}
 .garden-count{font-size:10px;fill:currentColor;opacity:.8;pointer-events:none}
 .garden-stem{fill:none;stroke:#737b50;stroke-width:2}
 .garden-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;padding:0 4px}
 .garden-cards:empty{display:none}
 .garden-cards .family-card{position:relative;inset:auto;width:100%;height:auto;min-height:220px;padding:16px 11px;transform:rotate(var(--rotate));min-width:0}
 .garden-cards .family-card:nth-child(even){margin-top:22px}
 .garden-cards .family-card:only-child{grid-column:1/-1;width:65%;justify-self:center}
 .garden-cards .family-card.dim{display:none}
 html .garden-cards .family-card h3{font-size:17px;line-height:1.35;overflow-wrap:anywhere}
 html .garden-cards .family-card .card-farm{font-size:10px;line-height:1.5;margin-bottom:16px}
 .garden-cards .family-card .card-keywords,.garden-cards .family-card .card-bottom{font-size:10px;line-height:1.5}
 .garden-cards .family-card .card-index{font-size:9px;flex-wrap:wrap;gap:4px}
 .family-canvas.hide-cards .garden-cards,.family-canvas.hide-links .garden-stem{display:none}
 .family-toolbar{flex-wrap:wrap;gap:10px;align-items:center}
 .view-switch{margin-left:auto}.view-switch button{min-height:38px}
 .mobile-flavor-filters{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding-bottom:16px}
 .mobile-flavor-filters .flavor-button{min-height:38px;font-size:11px;padding:8px 11px}
 html[lang] .family-note:before{content:none}
 .family-empty{position:relative;inset:auto;transform:none;width:auto;margin:20px}
 .intro-aside{display:none}
}
@media(max-width:360px){
 .garden-cards{grid-template-columns:minmax(0,1fr);gap:26px}
 .garden-cards .family-card,.garden-cards .family-card:only-child{width:82%;justify-self:start;margin-left:3%}
 .garden-cards .family-card:nth-child(even){margin-top:0;margin-left:15%}
}
@media(prefers-reduced-motion:reduce){.garden-center,.garden-petal{transition:none}}