.wb-v2 .wb-grid { grid-template-rows:repeat(var(--wb-rows),30px); }
.wb-v2 .wb-cell img { max-height:28px; }
.wb-v2 .wb-cell { border-radius:4px; }
.wb-v2 .wb-cell.neutral.filled,.wb-v2 .wb-cell.neutral.falling { background:var(--wb-piece);border:1px solid #ffffff70;box-shadow:inset 0 -4px 0 #0002,inset 2px 2px 0 #fff3; }
.wb-kind-I { --wb-piece:#79cacc; }.wb-kind-O { --wb-piece:#e6c95d; }.wb-kind-T { --wb-piece:#b89ce2; }.wb-kind-L { --wb-piece:#eda869; }.wb-kind-J { --wb-piece:#8da8e0; }.wb-kind-S { --wb-piece:#94c478; }.wb-kind-Z { --wb-piece:#df929d; }.wb-kind-rock { --wb-piece:#526b67; }
.wb-v2 .wb-cell.filled,.wb-v2 .wb-cell.falling { background:var(--wb-piece);border-color:#ffffff70; }
.wb-v2 .wb-cell.ghost { background:color-mix(in srgb,var(--wb-piece) 15%,transparent);border-color:var(--wb-piece); }
.wb-v2 .wb-cell.neutral.wb-kind-rock { background:repeating-linear-gradient(135deg,#304c47,#304c47 4px,#3d5953 4px,#3d5953 8px);border-color:#78958960; }
.wb-v2 .wb-cell.wb-kind-rock>b { background:none;color:#91a9a1;font-size:11px;right:auto; }
.wb-v2 .wb-cell>small { color:#b9e77e6e;font-size:11px;font-weight:700; }
.wb-v2 .wb-controls { grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.4fr);gap:5px; }
.wb-v2 .wb-controls button { min-width:44px; }
.wb-v2 .wb-controls .wb-rotate { background:#f4e0a8;border-color:#dfc47c;color:#725523;font-size:26px; }
.wb-v2 .wb-next>div { gap:6px;flex-wrap:wrap; }
.wb-piece-preview { display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;border-radius:8px;background:#e6e1ed;border:1px solid transparent; }
.wb-piece-preview.now { background:#f9f1df;border-color:#ccad61; }
.wb-mini-grid { display:grid;grid-template-columns:repeat(4,11px);grid-template-rows:repeat(4,11px);gap:1px; }
.wb-mini-cell { display:grid;place-items:center;background:var(--wb-piece);border-radius:2px;border:1px solid #fff8;font-size:9px;line-height:1;font-style:normal;font-weight:800;color:#243a35; }
.wb-piece-preview>small { font-size:9px;color:#685575; }
.wb-shapes-art { justify-content:center; }
.wb-card-tetromino { display:grid;grid-template-columns:repeat(3,43px);grid-template-rows:repeat(2,43px);gap:5px;transform:rotate(-9deg);animation:wb-tetromino-rock 3s ease-in-out infinite alternate; }
.wb-card-tetromino b { border-radius:8px;background:linear-gradient(135deg,#f5dfac,#cca46b);box-shadow:inset 2px 2px 0 #fff8,0 5px 0 #876e53,0 10px 15px #32215040;display:grid;place-items:center;font-size:25px;color:#5e4526; }
.wb-card-tetromino img { border-radius:8px; }
.wb-shapes-art small { letter-spacing:1px;margin-top:19px; }
@keyframes wb-tetromino-rock { to { transform:translateY(6px) rotate(9deg); } }
@media(max-width:680px){
  .wb-v2 .wb-grid { grid-template-rows:repeat(var(--wb-rows),22px);gap:2px;padding:6px; }
  .wb-v2 .wb-cell img { max-height:20px; }.wb-v2 .wb-cell:not(.ghost)>b { font-size:10px;line-height:13px;min-width:12px;right:0;bottom:0; }
  .wb-v2 .wb-next { align-items:flex-start;gap:5px; }.wb-v2 .wb-next>small { font-size:9px;white-space:nowrap; }.wb-v2 .wb-next>div { gap:3px;justify-content:flex-end; }
  .wb-v2 .wb-piece-preview { padding:3px; }.wb-v2 .wb-mini-grid { grid-template-columns:repeat(4,9px);grid-template-rows:repeat(4,9px); }.wb-v2 .wb-mini-cell { font-size:8px; }.wb-v2 .wb-piece-preview>small { font-size:8px; }
  .wb-v2 .wb-actions button { font-size:10px; }.wb-v2 .wb-board-title { font-size:9px; }
}
@media(prefers-reduced-motion:reduce){.wb-card-tetromino{animation:none;}}