/* Candy Wid board V3 — shared by tutorial and match game.
   Based on the user's video: floating candies on the painted background,
   no visible rectangular checkerboard or thick board frame. */
body.wild-tutorial-page .wild-board-wrap,body.wild-match-page .wild-board-wrap{
  isolation:isolate;overflow:visible;
}
body.wild-tutorial-page .wild-board,body.wild-match-page .wild-board{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));
  aspect-ratio:7/8;gap:0;padding:0!important;border:0!important;border-radius:0!important;
  background:rgba(255,236,251,.065)!important;box-shadow:inset 0 0 0 1px #fff6ff1c!important;overflow:visible!important;
  touch-action:none;user-select:none;-webkit-user-select:none;
}
body.wild-tutorial-page .wild-board .wild-cell,body.wild-match-page .wild-board .wild-cell,
body.wild-tutorial-page .wild-board .wild-cell:nth-child(even),body.wild-match-page .wild-board .wild-cell:nth-child(even){
  position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;
  border-radius:11px;background:rgba(255,255,255,.025);box-shadow:none;opacity:1;
  -webkit-tap-highlight-color:transparent;touch-action:none;transition:none;
}
body.wild-tutorial-page .wild-board .wild-cell img,body.wild-match-page .wild-board .wild-cell img{
  width:88%;height:88%;object-fit:contain;position:relative;display:block;
  filter:drop-shadow(0 2px 2px #572d6455);
  transform-origin:50% 52%;pointer-events:none;user-select:none;
}
body.wild-tutorial-page .wild-board .wild-cell[data-piece=C] img,body.wild-match-page .wild-board .wild-cell[data-piece=C] img{
  width:92%;height:92%;filter:drop-shadow(0 2px 4px #7548907b) drop-shadow(0 0 3px #fff98c8c);
}
body.wild-tutorial-page .wild-board .wild-cell.is-source,body.wild-tutorial-page .wild-board .wild-cell.is-target{
  z-index:3;border:0;background:radial-gradient(ellipse,#fff8ffe6,#ffb8efa8 64%,#ffebfb75);
  border-radius:12px;box-shadow:inset 0 0 0 2px #fff9e6,0 0 0 2px #ec79cf,0 0 13px 4px #ffdafa;
}
body.wild-tutorial-page .wild-board .wild-cell.is-dragging,body.wild-match-page .wild-board .wild-cell.is-dragging{
  z-index:20;filter:brightness(1.09);
}
body.wild-tutorial-page .wild-board .wild-cell.is-dragging img,body.wild-match-page .wild-board .wild-cell.is-dragging img{
  transform:translate(var(--drag-x,0px),var(--drag-y,0px)) scale(1.10);
  filter:drop-shadow(0 8px 9px #4c225e75) drop-shadow(0 0 7px #fff3ce);
}
body.wild-tutorial-page .wild-board .wild-cell.is-fx-moving,body.wild-match-page .wild-board .wild-cell.is-fx-moving{z-index:18}
body.wild-tutorial-page .wild-fx,body.wild-match-page .wild-fx{overflow:visible;pointer-events:none}
/* The original recording shows small, warm pink/gold impacts rather than
   large opaque white clouds that obscure several adjacent sweets. */
body.wild-tutorial-page .wild-puff,body.wild-match-page .wild-puff{
 width:57px;height:56px;background:
 radial-gradient(circle at 47% 48%,#fff 0%,#fff6f1bd 15%,#ffb8e670 38%,transparent 65%),
 radial-gradient(circle at 29% 62%,#ffe4ff99 0%,transparent 40%);
 filter:drop-shadow(0 0 6px #ffe4a5);animation-duration:.52s;
}
body.wild-tutorial-page .wild-spark,body.wild-match-page .wild-spark{border-radius:45%;box-shadow:0 0 4px currentColor;animation-duration:.65s}
body.wild-tutorial-page .wild-gain,body.wild-match-page .wild-gain{
 color:#ffde42;-webkit-text-stroke:2px #be357e;
 paint-order:stroke;font-weight:1000;filter:drop-shadow(0 2px 2px #421648);
 text-shadow:0 0 9px #fff59c;font-size:clamp(17px,4.3vw,24px);
}
body.wild-tutorial-page .wild-crate-ring,body.wild-match-page .wild-crate-ring{
 width:96px;height:96px;border:5px solid #ffe66d;
 background:radial-gradient(circle,#ffed90a6,transparent 64%);
 box-shadow:0 0 17px #f8ac3d,inset 0 0 12px #ffe981;
}
@media (prefers-reduced-motion:reduce){
 body.wild-tutorial-page .wild-board .wild-cell.is-dragging img,body.wild-match-page .wild-board .wild-cell.is-dragging img{transform:none}
}