/* 通常ブロックの絵と面を、テーマ（theme.mjs が設定する CSS 変数）から読む。
   変数がない時は、今までと同じ画像（予備）を使う。入力・重なり順・動きには触れない。
   c0＝ピンクの肉球、c1＝骨、c2＝ハロウィンはジャックオランタン、c3＝クッキー（ハロウィン版の割り当て） */
.dog0 { background-image: var(--block-icon-0, url('paw-v3.webp')); }
.dog1 { background-image: var(--block-icon-1, url('bone-v3.webp')); }
.dog2 { background-image: var(--block-icon-2, url('pumpkin-jack-v3.webp')); }
.dog3 { background-image: var(--block-icon-3, url('cookie-round-v4.webp')); }
.tile.c0:not(.special) { --piece-surface: var(--block-surface-0, url('satin-pink-v2.webp')); }
.tile.c1:not(.special) { --piece-surface: var(--block-surface-1, url('satin-gold-v2.webp')); }
.tile.c2:not(.special) { --piece-surface: var(--block-surface-2, url('satin-orange-halloween-v1.webp')); }
.tile.c3:not(.special) { --piece-surface: var(--block-surface-3, url('satin-violet-v2.webp')); }