/* ===== DECK v41 — presentation only (no mechanics) =====
   1) Deck (shoe) pinned flush to the top-right corner.
   2) Felt restored taller so the dealt card and recent strip do not collide.
   3) Bottom bet panel keeps the same compact Stake-sized controls.
*/

/* ---------- 1) top-right deck ---------- */
section[class*="bg-[#0d1e2a]"] [style*="left: calc(100% +"] {
  top: -4.75rem !important;
  left: calc(100% + 1rem) !important;
  transform: translateX(-100%) scale(0.46) !important;
  transform-origin: 100% 0% !important;
  z-index: 4 !important;
}

/* recent-cards strip stays on top of the deck */
section[class*="bg-[#0d1e2a]"] [class*="overflow-x"],
section[class*="bg-[#0d1e2a]"] [class*="no-scrollbar"] {
  z-index: 12 !important;
}

/* recent strip: own row below balance, never over the dealt card */
section[class*="bg-[#0d1e2a]"] > div[class*="z-20"][class*="flex-row-reverse"] {
  left: 0.75rem !important;
  right: 5.9rem !important;
  top: 2.1rem !important;
  z-index: 18 !important;
}

/* ---------- 2) taller felt, bottom panel unchanged ---------- */
section[class*="bg-[#0d1e2a]"] {
  height: 58vh !important;
  min-height: 58vh !important;
  max-height: 58vh !important;
}
@media (max-height: 740px) {
  section[class*="bg-[#0d1e2a]"] {
    height: 56vh !important;
    min-height: 56vh !important;
    max-height: 56vh !important;
  }
}

section[class*="bg-[#0d1e2a]"] > div[class*="[perspective:1600px]"] {
  margin-top: 4.75rem !important;
  height: calc(100% - 4.75rem) !important;
  overflow: visible !important;
}

section[class*="bg-[#0d1e2a]"] > div[class*="[perspective:1600px]"] > div[class*="[transform-style:preserve-3d]"] {
  margin-top: 0 !important;
}

[class*="--cw:clamp"] {
  --cw: clamp(108px, min(49vw, 22vh), 214px) !important;
}

section[class*="linear-gradient(180deg,#2f4f61"] {
  max-height: none !important;
  overflow: visible !important;
  gap: 8px !important;
  padding: 10px 12px 14px !important;
}

/* Stake-sized CTA */
section[class*="linear-gradient(180deg,#2f4f61"] > button[class*="w-full"] {
  min-height: 46px !important;
  padding: 12px 0 !important;
  font-size: 15px !important;
}

/* compact market rows */
section[class*="linear-gradient(180deg,#2f4f61"] > div[class*="grid-cols-2"]:not(:has(input)) > button,
section[class*="linear-gradient(180deg,#2f4f61"] > div[class*="grid-cols-[1fr_1fr_auto]"] > button {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* compact inputs */
section[class*="linear-gradient(180deg,#2f4f61"] input {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-size: 14px !important;
}
section[class*="linear-gradient(180deg,#2f4f61"] div[class*="bg-[#0b1a24]/80"] {
  padding: 11px 12px !important;
  font-size: 14px !important;
}
section[class*="linear-gradient(180deg,#2f4f61"] button:is([class*="px-2.5"])[class*="text-[12px]"] {
  padding: 11px 18px !important;
  font-size: 14px !important;
}

/* Manual | Auto pill */
section[class*="linear-gradient(180deg,#2f4f61"] > div[class*="grid-cols-2"]:not(:has(input)) > button[class*="rounded-lg"] {
  padding: 11px 0 !important;
  font-size: 14px !important;
}

/* Fairness / icon strip */
section[class*="linear-gradient(180deg,#2f4f61"] > div[class*="items-center"][class*="rounded-lg"] {
  padding: 8px 10px !important;
}

/* labels */
section[class*="linear-gradient(180deg,#2f4f61"] [class*="text-[10.5px]"],
section[class*="linear-gradient(180deg,#2f4f61"] [class*="text-[11px]"] {
  font-size: 12px !important;
  padding-bottom: 2px !important;
}

@media (min-width: 1024px) {
  section[class*="bg-[#0d1e2a]"] {
    height: auto !important;
    min-height: 70vh !important;
    max-height: none !important;
  }
}