/* the Board (js/board.js): shared board styles moved or added here. The older styles still live in index.html; these come after them. */

/* no page zoom or double-tap zoom anywhere on the board (menus still scroll); the board surface itself takes no browser gestures at all */
.wb{touch-action:pan-x pan-y}
.wb-surface{touch-action:none;overscroll-behavior:none}

/* an item being dragged: moved with transform (translate3d) and only then promoted to its own layer (will-change) */
.wb-it.wb-moving{transform:translate3d(var(--dx,0),var(--dy,0),0);will-change:transform;transition:none}
.wb-card.hid.wb-moving{transform:translate3d(var(--dx,0),var(--dy,0),0) rotateY(180deg)}

/* the corner resize handle: a 44px target for a finger (the dot inside stays small), the same size at any zoom */
.wb-handle{right:calc(-22px * var(--iz,1));bottom:calc(-22px * var(--iz,1));width:44px;height:44px;box-sizing:border-box;border:0;
  background:radial-gradient(circle,var(--wa) 0 11px,#fff 11.5px 14px,rgba(43,107,230,.12) 14.5px 21px,transparent 21.5px)}