.board-block{--board-accent:#c6f432;--empty-cell:#f3ede2;--preview-valid-bg:#d9efb0;--preview-valid-border:#3e6200;--tray-cell-border:#1b1726}@media (prefers-color-scheme:dark){.board-block{--board-accent:#c6f432;--empty-cell:#1c1a28;--preview-valid-bg:#243018;--preview-valid-border:#d4f06a;--tray-cell-border:#1b1726}}.block-preview-invalid{outline:2px solid var(--danger);outline-offset:-2px;background:repeating-linear-gradient(45deg,#e5383b26,#e5383b26 4px,#0000 4px 8px)}.block-preview-valid{outline:2px solid var(--preview-valid-border);outline-offset:-2px;background:var(--preview-valid-bg)!important}.block-piece-tray{flex-direction:row;justify-content:center;gap:8px;display:flex}.block-piece{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.block-piece:active{box-shadow:var(--casual-shadow);cursor:grabbing;transform:none}.block-piece.is-dragging{opacity:.35}.block-drag-ghost{z-index:80;pointer-events:none;filter:drop-shadow(0 10px 12px #1b172659);display:grid;position:fixed}@media (min-width:640px){.block-piece-tray{flex-direction:column}}
