/* Šachovnice z materiálů (docs/grafika/01-sachovnice.md). Textura je v --light/--dark, aby ji nepřebilo
 * zvýraznění šachu a nápovědy; poslední vrstva je barva, kterou použije obrázek ke sdílení i záloha bez souboru.
 * Každé pole ukazuje čtvrtinu textury a jiný výřez podle svého pořadí, proto textura nemusí navazovat. */
.theme-wood     { --light:url(grafika/desky-v1/drevo-svetla-v1.webp) 0 0/400% 400%,#ebca9c;    --dark:url(grafika/desky-v1/drevo-tmava-v1.webp) 0 0/400% 400%,#744d31; }
.theme-wood2    { --light:url(grafika/desky-v1/drevo-svetla-v1.webp) 0 0/400% 400%,#ebca9c;    --dark:url(grafika/desky-v1/drevo-tmava-v2.webp) 0 0/400% 400%,#7f4020; --label:#d9c6a5; }
.theme-marble   { --light:url(grafika/desky-v1/mramor-svetla-v2.webp) 0 0/400% 400%,#eae5db;   --dark:url(grafika/desky-v1/mramor-tmava-v1.webp) 0 0/400% 400%,#8f9296; }
.theme-marble2  { --light:url(grafika/desky-v1/mramor-svetla-v2.webp) 0 0/400% 400%,#eae5db;   --dark:url(grafika/desky-v1/mramor-tmava-v2.webp) 0 0/400% 400%,#475f48; --label:#e7e7e7; }
.theme-slate    { --light:url(grafika/desky-v1/bridlice-svetla-v2.webp) 0 0/400% 400%,#b5b3af; --dark:url(grafika/desky-v1/bridlice-tmava-v2.webp) 0 0/400% 400%,#4f5356; --label:#d5d5d0; }
.theme-leather  { --light:url(grafika/desky-v1/kuze-svetla-v1.webp) 0 0/400% 400%,#e6cfab;     --dark:url(grafika/desky-v1/kuze-tmava-v1.webp) 0 0/400% 400%,#613624; --label:#e8d6b8; }
.theme-leather2 { --light:url(grafika/desky-v1/kuze-svetla-v2.webp) 0 0/400% 400%,#dec19b;     --dark:url(grafika/desky-v1/kuze-tmava-v2.webp) 0 0/400% 400%,#662629; --label:#e8d6b8; }
.theme-ice      { --light:url(grafika/desky-v1/led-svetla-v2.webp) 0 0/400% 400%,#e0eaf6;      --dark:url(grafika/desky-v1/led-tmava-v1.webp) 0 0/400% 400%,#85c3ed; }
.theme-lava     { --light:url(grafika/desky-v1/lava-svetla-v1.webp) 0 0/400% 400%,#f0ab6c;     --dark:url(grafika/desky-v1/lava-tmava-v1.webp) 0 0/400% 400%,#76180b; }
.theme-space    { --light:url(grafika/desky-v1/vesmir-svetla-v2.webp) 0 0/400% 400%,#9889ec;   --dark:url(grafika/desky-v1/vesmir-tmava-v1.webp) 0 0/400% 400%,#262062; }

.theme-marble2 .board-frame { background:linear-gradient(135deg,#3f5545,#232f27); }
.theme-marble2 .board { border-color:#232f27; }
.theme-marble2 .piece-svg.black .body { fill:url(#pcMarbleB); stroke:#111417; }

:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square {
  background-position:var(--sx,0%) var(--sy,0%) !important;
}
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(4n+1) { --sx:0%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(4n+2) { --sx:66.66%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(4n+3) { --sx:33.33%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(4n) { --sx:100%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(5n+1) { --sy:0%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(5n+2) { --sy:50%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(5n+3) { --sy:100%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(5n+4) { --sy:25%; }
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2,.theme-ice,.theme-lava,.theme-space) .square:nth-child(5n) { --sy:75%; }

/* Na textuře by tenký rámeček posledního tahu zanikl, proto je plný jako u vzhledu Zelená klasická. */
:is(.theme-wood,.theme-wood2,.theme-marble,.theme-marble2,.theme-slate,.theme-leather,.theme-leather2) .square.last-move { box-shadow:inset 0 0 0 100px rgba(246,246,105,.42); }