/* Solitaire Responsive Sizing */
:root {
  /* Mobile default - fits 7 cards in ~343px (375px - padding) */
  --solitaire-card-width: 2.75rem;     /* ~44px */
  --solitaire-card-height: 4rem;       /* ~64px */
  --solitaire-pile-height: 5rem;       /* ~80px */
  --solitaire-tableau-min-height: 280px;
  --solitaire-gap: 0.25rem;            /* 4px */
  --solitaire-padding: 0.5rem;         /* 8px */
  --solitaire-offset-facedown: 8px;
  --solitaire-offset-faceup: 20px;
  --solitaire-icon-size: 2rem;
  --solitaire-card-icon: 3rem;
  --solitaire-corner-text: 0.75rem;
  --solitaire-corner-suit: 0.625rem;
}

@media (min-width: 480px) {
  :root {
    --solitaire-card-width: 3.5rem;    /* ~56px */
    --solitaire-card-height: 5.25rem;  /* ~84px */
    --solitaire-pile-height: 6rem;
    --solitaire-tableau-min-height: 360px;
    --solitaire-gap: 0.375rem;
    --solitaire-padding: 0.75rem;
    --solitaire-offset-facedown: 10px;
    --solitaire-offset-faceup: 28px;
    --solitaire-icon-size: 2.5rem;
    --solitaire-card-icon: 4rem;
    --solitaire-corner-text: 1rem;
    --solitaire-corner-suit: 0.875rem;
  }
}

@media (min-width: 768px) {
  :root {
    --solitaire-card-width: 5rem;      /* ~80px */
    --solitaire-card-height: 7.5rem;   /* ~120px */
    --solitaire-pile-height: 8.5rem;
    --solitaire-tableau-min-height: 480px;
    --solitaire-gap: 0.5rem;
    --solitaire-padding: 1rem;
    --solitaire-offset-facedown: 12px;
    --solitaire-offset-faceup: 36px;
    --solitaire-icon-size: 3.5rem;
    --solitaire-card-icon: 5rem;
    --solitaire-corner-text: 1.5rem;
    --solitaire-corner-suit: 1.25rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --solitaire-card-width: 8rem;      /* 128px - original */
    --solitaire-card-height: 12rem;    /* 192px - original */
    --solitaire-pile-height: 14rem;    /* 224px - original */
    --solitaire-tableau-min-height: 600px;
    --solitaire-gap: 1rem;
    --solitaire-padding: 1.5rem;
    --solitaire-offset-facedown: 15px;
    --solitaire-offset-faceup: 45px;
    --solitaire-icon-size: 4.5rem;
    --solitaire-card-icon: 7rem;       /* text-7xl equivalent */
    --solitaire-corner-text: 1.5rem;   /* text-2xl */
    --solitaire-corner-suit: 1.25rem;  /* text-xl */
  }
}

/* Card styling */
.solitaire-card {
  width: var(--solitaire-card-width);
  height: var(--solitaire-card-height);
}

/* Pile styling */
.solitaire-pile {
  height: var(--solitaire-pile-height);
}

.solitaire-tableau {
  min-height: var(--solitaire-tableau-min-height);
}

/* Icon sizing */
.solitaire-icon {
  font-size: var(--solitaire-icon-size);
}

.solitaire-card-icon {
  font-size: var(--solitaire-card-icon);
}

.solitaire-corner-rank {
  font-size: var(--solitaire-corner-text);
}

.solitaire-corner-suit {
  font-size: var(--solitaire-corner-suit);
}