/* Pyramid Solitaire: samo ono što nije zajedničko za karte (cards.css). Raspored računa client/pyramid/game.ts. */
.is-game .felt{touch-action:none;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}
/* prazno mesto špila: strelica za okretanje i koliko je okretanja ostalo */
.pyramid .slot[data-k=stock]{cursor:pointer;grid-template-rows:1fr auto;padding:calc(var(--cw)*.14) 0 calc(var(--cw)*.12);box-sizing:border-box}
.pyramid .slot[data-k=stock] svg{width:46%;height:auto;align-self:center;justify-self:center}
.pyramid .slot[data-k=stock].again{color:rgba(242,201,100,.75);box-shadow:inset 0 0 0 2px rgba(242,201,100,.45),inset 0 2px 8px rgba(0,0,0,.25)}
.pyramid .pyleft{font:600 calc(var(--cw)*.17)/1 var(--sans);color:rgba(255,255,255,.55);text-align:center}
/* izabrana karta: digne se i dobije zlatan prsten (bez scale: karta se postavlja kroz transform) */
.pyramid .card.sel .lifter{transform:translateY(calc(var(--ch)*-.08));transition:transform .15s}
.pyramid .card.sel .front{box-shadow:0 0 0 3px #f2c964,0 10px 22px rgba(0,0,0,.4)}
/* pokrivene karte u piramidi malo tamnije: odmah se vidi šta je slobodno */
.pyramid .card.covered .front{filter:brightness(.86) saturate(.85)}
.pyramid .card.covered{cursor:default}
.pyramid .card.free{cursor:pointer}
@media (prefers-reduced-motion:reduce){.pyramid .card.sel .lifter{transition:none}}