.tang-shell{--tang-max:min(52vh,26rem)}@media (min-width:640px){.tang-shell{--tang-max:min(56vh,30rem)}}@media (min-width:900px){.tang-shell{--tang-max:min(62vh,34rem)}.tang-workspace{grid-template-columns:minmax(0,1fr) 15.5rem}}.tang-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}.tang-workspace>*{min-width:0}.tang-board-wrap{position:relative;display:flex;justify-content:center}.tang-frame{padding:clamp(.4rem,1.6vw,.65rem);background:var(--pp-walnut);border-radius:18px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge);width:100%;max-width:var(--tang-max)}.tang-svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--pp-board);border-radius:10px}.tang-sil{fill:rgb(62 42 28/22%);stroke:rgb(62 42 28/35%);stroke-width:.06;stroke-linejoin:round}.tang-piece{cursor:grab;touch-action:none}.tang-piece.is-selected{filter:drop-shadow(0 0 .12rem var(--pp-focus))}.tang-piece.is-lifted{opacity:.18;pointer-events:none}.tang-piece polygon{stroke:#3E2A1C;stroke-opacity:.75;stroke-width:.05;stroke-linejoin:round}.tang-hint{fill:rgb(217 167 43/35%);stroke:var(--pp-mustard);stroke-width:.07;pointer-events:none;animation:tang-pulse .9s ease-in-out infinite alternate}@keyframes tang-pulse{0%{fill-opacity:.25}to{fill-opacity:.55}}.tang-ghost{position:fixed;z-index:80;pointer-events:none;filter:drop-shadow(0 8px 14px rgb(43 38 32/35%))}.tang-tray{border-radius:16px;background:var(--pp-paper);border:1.5px solid var(--pp-line);padding:.75rem}.tang-tray__pieces{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start}.tang-tray-piece{appearance:none;border:1.5px solid var(--pp-line);background:var(--pp-bg);border-radius:12px;padding:.35rem;cursor:grab;touch-action:none;min-width:3.4rem;min-height:3.4rem;display:grid;place-items:center}.tang-tray-piece.is-selected{border-color:var(--pp-cta);box-shadow:0 0 0 2px rgb(47 107 85/25%)}.tang-tray-piece.is-lifted{opacity:.25}.tang-tray-piece svg{width:3.2rem;height:3.2rem;display:block;overflow:visible}.tang-tray__help{margin:.55rem 0 0;font-size:.78rem;line-height:1.35;color:var(--pp-muted)}.tang-tray__empty{margin:.25rem 0;font-size:.85rem;color:var(--pp-muted)}.tang-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.15rem}.tang-complete{position:absolute;inset:0;display:grid;place-content:center;gap:.4rem;text-align:center;background:rgb(250 246 238/88%);border-radius:10px;padding:1rem;z-index:5}.tang-toast{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:90;background:var(--pp-ink);color:#fff;font-weight:700;font-size:.9rem;padding:.55rem .9rem;border-radius:999px;box-shadow:0 6px 18px rgb(0 0 0/22%)}