.tan{color:#233e36;width:min(100%,560px);margin:0 auto;font-size:15px}.tan-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:10px 0 12px;display:flex}.tan-stats strong{font-size:1.2em}.tan-board{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:14px;width:min(100%,72dvh - 165.6px);min-width:min(100%,300px);height:auto;margin:0 auto;display:block;box-shadow:0 10px 24px #203c2820}.tan-field{fill:#eef4e2}.tan-tray{fill:#d9c7a3}.tan-silhouette{fill:#3b5a45}.tan-board.is-won .tan-silhouette{fill:#e7c55a}.tan-guide{fill:none;stroke:#a9c79a;stroke-width:.04px;stroke-dasharray:.12 .08;pointer-events:none}.tan-piece{cursor:grab;outline:none}.tan-piece polygon{stroke:#fffdf5;stroke-width:.05px;stroke-linejoin:round;fill-opacity:.94}.tan-piece.is-dragging{cursor:grabbing}.tan-piece.is-dragging polygon{fill-opacity:.8}.tan-piece.is-selected polygon{stroke:#de861b;stroke-width:.1px}.tan-piece:focus-visible polygon{stroke:#de861b;stroke-width:.14px}.tan-actions{flex-wrap:wrap;gap:8px;margin:14px 0 8px;display:flex}.tan-actions button{color:#244a38;cursor:pointer;touch-action:manipulation;background:#edf2e6;border:1px solid #9bab99;border-radius:8px;min-height:44px;padding:8px 12px;font:600 15px system-ui,sans-serif}.tan-actions button:disabled{opacity:.55;cursor:default}.tan-actions button:focus-visible{outline-offset:2px;outline:3px solid #de861b}.tan-status{min-height:3em;line-height:1.5}