/*
 * Pyramidipasianssin omat tarkennukset korttipöytään (kortit/kortit.css). Vain .hdp-pyramidi-luokat ja
 * .hdpeli[data-game="pyramidi"]-valitsimet. Jumipaneeli ja ilmoitukset ovat ytimen paneeli (ctx.ui.banner).
 */
/* Valittu kortti: valkoinen ja sininen kaksoisreunus (vihjeen okrasta erottuu myös muoto) ja naapureiden päällä,
   jotta reunus näkyy kokonaan. Valinta poistetaan ennen kuin kortti lähtee lentoon. */
.hdpeli[data-game="pyramidi"] .hdp-kortit-card.hdp-pyramidi-sel {
  z-index: 800 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #14a5dc, 0 8px 18px rgba(0, 0, 0, .4);
}
/* Poistettujen pino oikeassa yläkulmassa: katkoviiva erottaa sen pakasta ja poistopinosta. */
.hdpeli[data-game="pyramidi"] .hdp-kortit-slot.is-discard { border-style: dashed; background: rgba(255, 255, 255, .04); }
/* Kierroslaskuri pakan alla. Teksti vasemmalle myös RTL-kielillä, koska se kuuluu pakkaan. */
.hdp-pyramidi-pass {
  position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; text-align: left; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; color: rgba(255, 255, 255, .8);
  font: 600 max(11px, calc(var(--cw) * .14))/1.25 "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
}
/* Lyhyet ilmoitukset (ratkaistavan jaon haku) eivät ota kosketuksia vastaan. */
.hdpeli[data-game="pyramidi"] .hdpeli-banner.hdp-pyramidi-flash { pointer-events: none; }
/* Näppäimistö: lauta on yksi kohdistettava alue, kohdistettu kortti tai pakka näkyy reunuksena. */
.hdpeli[data-game="pyramidi"] .hdp-pyramidi-board:focus { outline: none; }
.hdpeli[data-game="pyramidi"] .hdp-pyramidi-board:focus-visible { box-shadow: inset 0 0 0 3px #14a5dc, inset 0 20px 60px rgba(0, 0, 0, .18); }
.hdp-pyramidi-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-pyramidi-focus[hidden] { display: none; }