.tg{gap:10px}.tg-banner{color:var(--muted);font-weight:600}.tg-board{display:block;width:100%;max-width:560px;height:auto;background:var(--cell-alt);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;user-select:none;-webkit-user-select:none}.tg-tray{fill:color-mix(in srgb,var(--cell-line) 35%,transparent)}.tg-target{opacity:.85;transition:opacity .3s}.tg-target polygon{fill:var(--cell-strong);stroke:var(--cell-strong);stroke-width:.03;stroke-linejoin:round}.tg-piece{stroke:var(--surface);stroke-width:.045;stroke-linejoin:round;cursor:grab;transition:fill .3s}.tg-piece:active{cursor:grabbing}.tg-piece.selected{stroke:var(--focus);stroke-width:.09}.tg-L1{fill:#e5484d}.tg-L2{fill:#f17c2b}.tg-M{fill:#2f9e5b}.tg-S1{fill:#3b6fe0}.tg-S2{fill:#14a3a0}.tg-Q{fill:#e6b422}.tg-P{fill:#8b4fd0}.tg-board.solved .tg-piece{fill:var(--good);stroke:var(--surface)}.tg-board.solved .tg-target{opacity:0}.tg-hint{fill:none;stroke:var(--focus);stroke-width:.12;stroke-linejoin:round;animation:tg-blink .9s ease-out forwards;pointer-events:none}@keyframes tg-blink{0%{opacity:1}to{opacity:0}}.tg-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:560px}.tg-ctl{min-width:48px;min-height:44px;font-size:1.25rem;padding:4px 12px}.tg-ctl:disabled{opacity:.45}.tg-pick{flex-basis:100%;text-align:center;font-size:.85rem;min-height:1.2em}.tg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (prefers-reduced-motion: reduce){.tg-piece{transition:none}.tg-hint{animation:none;opacity:.8}}