.rsq-intro{grid-template-columns:minmax(0,1fr) 260px}
.rsq-hero{width:260px;max-width:100%;justify-self:center}
.rsq-hero svg,.rsq-props svg,.rsq-side svg,.rsq-corner svg,.rsq-grid svg,.rsq-draw svg{display:block;width:100%;height:auto;margin:0 auto}
.rsq-props svg,.rsq-corner svg{max-width:420px}
.rsq-side svg{max-width:440px}
.rsq-grid svg,.rsq-draw svg{max-width:380px}
.rsq-hero text,.rsq-props text,.rsq-side text,.rsq-corner text,.rsq-grid text,.rsq-draw text{font-family:Nunito,var(--u-font),sans-serif;font-weight:800;fill:#1F2933;text-anchor:middle}
.rsq-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;justify-content:center;align-items:center}
.rsq-controls .sg-btn{box-sizing:border-box;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.rsq-controls .sg-btn:disabled{cursor:default;opacity:.5;transform:none}
.rsq-side label,.rsq-corner label{display:block;margin-top:12px}
.rsq-side input,.rsq-corner input{display:block;box-sizing:border-box;width:100%;min-height:44px;margin:0;accent-color:#2F6FEB}
.rsq-candidates[hidden],.rsq-controls [hidden]{display:none}
.rsq-hero .rsq-blue,.rsq-props .rsq-blue,.rsq-side .rsq-blue,.rsq-corner .rsq-blue,.rsq-grid .rsq-blue,.rsq-draw .rsq-blue{fill:#2F6FEB}
.rsq-hero .rsq-grey,.rsq-side .rsq-grey{fill:#67757F}
.rsq-grid [role=button]{cursor:pointer}
.rsq-grid [role=button]:focus-visible{outline:2px solid #2F6FEB;outline-offset:2px}
.sg-card .mini .rsq-mini{width:72px;height:44px;display:block}
@media(max-width:900px){.rsq-intro{grid-template-columns:minmax(0,1fr)}.rsq-hero{width:100%;max-width:260px}}
@media(prefers-reduced-motion:reduce){.rsq-intro *,.rsq-props *,.rsq-side *,.rsq-corner *,.rsq-grid *,.rsq-draw *{animation:none!important;transition:none!important}}