/*
 * Spiderin omat tarkennukset korttipöytään (kortit/kortit.css). Vain .hdp-spider-luokat ja
 * .hdpeli[data-game="spider"]-valitsimet. Jumipaneeli on ytimen paneeli (ctx.ui.banner).
 */
/* Tyhjä pakka: himmeämpi paikka, ettei sitä luule napautettavaksi. */
.hdpeli[data-game="spider"] .hdp-kortit-slot.is-stock.is-empty { opacity: .45; cursor: default; }
/* Lyhyt ilmoitus ("Täytä tyhjät sarakkeet ennen jakoa") ei ota kosketuksia vastaan: alla olevia kortteja voi pelata. */
.hdpeli[data-game="spider"] .hdpeli-banner.hdp-spider-flash { pointer-events: none; }
/* Näppäimistö: lauta on yksi kohdistettava alue, valittu sarake tai sarja näkyy reunuksena. */
.hdpeli[data-game="spider"] .hdp-spider-board:focus { outline: none; }
.hdpeli[data-game="spider"] .hdp-spider-board:focus-visible { box-shadow: inset 0 0 0 3px #14a5dc, inset 0 20px 60px rgba(0, 0, 0, .18); }
.hdp-spider-focus {
  position: absolute; left: 0; top: 0; z-index: 2600; pointer-events: none;
  border: 3px solid #14a5dc; border-radius: calc(var(--cr) + 4px); box-shadow: 0 0 0 2px rgba(255, 255, 255, .65);
}
.hdp-spider-focus.is-picked { border-color: #f4ba6c; border-style: dashed; }
.hdp-spider-focus[hidden] { display: none; }