.sg-example{gap:8px;margin:0;display:grid}.sg-example-board{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;max-width:26rem;display:grid}.sg-example-tray{gap:6px;display:grid}.sg-example-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sg-example-group{border:2px dashed var(--control-border);background:var(--pic-tile);border-radius:12px;gap:6px;padding:6px;display:grid}.sg-example-group .sg-group-head{min-height:0;padding:4px 6px;font-size:.8125rem}.sg-example-placed{flex-wrap:wrap;gap:4px;display:flex}.sg-example .sg-tile{cursor:default;min-height:0;padding:4px}.sg-example .sg-tile .pic-svg{width:2.25rem;height:2.25rem}.sg-example .sg-tile-name{font-size:.75rem}.sg-example figcaption{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.5}.sg-round{gap:14px;display:grid}.sg-top{min-height:44px}.sg-top>p{color:var(--ink);margin:0;font-weight:600}.sg-instruction{color:var(--ink);margin:0;font-size:1.0625rem;font-weight:600;line-height:1.45}.sg-tray{border:1px solid var(--line);background:var(--pic-tile);border-radius:14px;gap:10px;padding:12px;display:grid}.sg-tray[hidden]{display:none}.sg-tray-heading{color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:0;font-size:1rem;line-height:1.4;display:flex}.sg-left{font-size:.875rem;font-weight:600}.sg-tray-done{color:var(--ink);margin:0}.sg-tiles{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.sg-tiles[hidden]{display:none}.sg-tiles>li{min-width:0;display:flex}.sg-tile{box-sizing:border-box;border:2px solid var(--control-border);background:var(--pic-tile);width:100%;min-width:0;min-height:6.75rem;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;align-content:start;justify-items:center;gap:4px;padding:8px 6px;display:grid}.sg-tile .pic-svg{width:3.5rem;height:3.5rem}.sg-tile-name{text-align:center;overflow-wrap:anywhere;hyphens:auto;font-size:.9375rem;font-weight:650;line-height:1.25}.sg-tile[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.sg-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sg-tile:disabled{cursor:default;opacity:1}.sg-tile-state{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.sg-tile-state [data-answer-label]{font-size:.8125rem}.sg-tile:not([data-answer-state=correct],[data-answer-state=wrong]) .sg-tile-state{display:none}@media (hover:hover){.sg-tile:not(:disabled):hover{border-color:var(--accent)}}.sg-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sg-groups[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-group{border:2px dashed var(--control-border);background:var(--pic-tile);cursor:pointer;border-radius:14px;align-content:start;gap:8px;min-width:0;min-height:9rem;padding:8px;display:grid}.sg-group-head{box-sizing:border-box;border:2px solid var(--control-border);background:var(--card);width:100%;min-height:48px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.sg-group-head:disabled{cursor:default}.sg-group-head:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (hover:hover){.sg-group-head:not(:disabled):hover,.sg-group:hover .sg-group-head:not(:disabled){border-color:var(--accent)}}.sg-group-key{font:inherit;border:1px solid;border-radius:6px;flex:none;padding:1px 7px;font-size:.8125rem;font-weight:600}.sg-group-name{overflow-wrap:anywhere;hyphens:auto;flex:auto;min-width:0;font-size:1rem;line-height:1.25}.sg-swatch{border:2px solid var(--pc-line);background:var(--sw);border-radius:50%;flex:none;width:1.25rem;height:1.25rem}.sg-group-tiles{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:6px}.sg-tile-small{min-height:5.25rem;padding:6px 4px}.sg-tile-small .pic-svg{width:2.5rem;height:2.5rem}.sg-tile-small .sg-tile-name{font-size:.8125rem}.sg-actions{display:grid}.sg-actions [hidden]{display:none}.sg-error{margin-top:16px}@media (width<=34em){.sg-groups[data-count="3"]{grid-template-columns:minmax(0,1fr)}.sg-groups[data-count="3"] .sg-group{min-height:6rem}.sg-tiles{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr))}.sg-tile{min-height:6.25rem}.sg-tile .pic-svg{width:3rem;height:3rem}.sg-tile-small .pic-svg{width:2.25rem;height:2.25rem}}@media (forced-colors:active){.sg-tile,.sg-group,.sg-group-head,.sg-tray{border-color:buttontext}.sg-tile[aria-pressed=true]{outline-color:highlight}.sg-swatch{forced-color-adjust:none}}