/* Solitaire Nest — pyramid.css
   Pyramid-only layout. Reuses cards, themes, panels, and chrome from styles.css;
   this file adds ONLY the absolutely-positioned pyramid triangle + the stock row. */

#pyramid { position: relative; margin: 0 auto; }
#pyramid .card {
  position: absolute; left: 0; top: 0;
  font-size: calc(var(--cw) * 0.2);
}
/* Covered cards can't be picked; exposed ones invite a tap. */
#pyramid .card.locked { cursor: default; filter: brightness(.9); }
#pyramid .card.playable { cursor: pointer; }
@media (hover: hover) {
  #pyramid .card.playable:hover { transform: translateY(-5px); box-shadow: var(--card-shadow-hover); z-index: 20 !important; }
}
#pyramid .card.selected { z-index: 21 !important; }

/* Stock + waste + pass indicator, aligned under the pyramid. */
.stockrow { display: flex; gap: clamp(10px, 3vw, 26px); justify-content: center; align-items: center; margin-top: 16px; }
.stockrow .stockcell, .stockrow .wastecell { flex: 0 0 auto; }
.stock-empty.dead { color: var(--muted); border-style: solid; opacity: .6; cursor: default; }
.stockmeta { display: flex; flex-direction: column; align-items: flex-start; color: var(--stext); opacity: .9; line-height: 1.15; }
.stockmeta b { font-size: 14px; font-variant-numeric: tabular-nums; }
.stockmeta span { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; opacity: .7; }