#square-discovery{margin-top:8px;padding-top:8px}
#square-discovery p{margin:3px 0 7px}
#square-discovery .square-grow{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:7px;border:1px solid var(--line,#e7e0e9);border-radius:12px;background:var(--surface,#fffdfb);font-size:12px;font-weight:650;color:var(--control-ink,var(--purple));touch-action:manipulation}
#square-discovery .square-grow:hover{border-color:var(--purple)}
.square-growth-grid{display:grid;grid-template-columns:repeat(var(--square-side),1fr);gap:2px;width:72px;aspect-ratio:1;flex:none}
.square-growth-grid[hidden]{display:none}
.square-growth-copy{display:flex;flex-direction:column;gap:5px;min-width:0;text-wrap:balance}
.square-growth-unit{display:block;border:1px solid var(--control-ink,var(--purple));border-radius:2px;background:var(--accent-soft,#eee7f9)}
.square-growth-unit.is-added{border-style:dashed;background:transparent;opacity:.65}
.is-grown .square-growth-unit.is-added{border-style:solid;background:var(--purple);opacity:1;animation:square-growth .45s ease-out}
#square-discovery .square-growth-equation{font-size:13px;font-weight:750;text-align:center;font-variant-numeric:tabular-nums}
.block-cell.square-club{outline:2px dashed var(--purple);outline-offset:2px}
.square-club .eye{animation:square-club-blink .7s ease-in-out}
@keyframes square-growth{from{transform:scale(.5);opacity:.2}to{transform:scale(1);opacity:1}}
@keyframes square-club-blink{0%,35%,100%{scale:1 1}18%,53%{scale:1 .12}}
@media(prefers-reduced-motion:reduce){.is-grown .square-growth-unit.is-added,.square-club .eye{animation:none}}
@media print{#square-discovery{display:none}}