/* Visual shell only: keep the current game grid, cards, Full Sangam and footer dimensions unchanged. */
.mobile-shell.is-select-game .cg-clone.cg-spaced {
  background-color: #f5ead0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.08), rgba(255,248,226,.18)),
    url("cg/casino-clean-shell-247f10562e7b.webp") !important;
  background-repeat: no-repeat !important;
  background-size: auto 120%, auto 120% !important;
  background-position: center bottom, center bottom !important;
  box-shadow: inset 0 0 18px rgba(255,255,255,.65);
}

.cg-spaced .cg-compact-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0 4px;
  border: 1px solid rgba(255,231,124,.9);
  border-radius: 18px 18px 12px 12px;
  background: #075b43 url("cg/casino-clean-shell-247f10562e7b.webp") center top / 100% auto no-repeat !important;
  box-shadow: 0 3px 7px rgba(68,42,0,.4), inset 0 1px rgba(255,255,255,.75);
}

.cg-spaced .cg-compact-header::before,
.cg-spaced .cg-compact-header::after {
  content: none !important;
  display: none !important;
}

.cg-spaced .cg-compact-header > div {
  position: relative;
  z-index: 2;
  min-width: 0;
  margin-top: 16px;
  padding: 0 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.cg-spaced .cg-compact-header h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 22px;
  min-height: 22px;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  color: #fff4b0;
  font: 900 clamp(12px, 4cqw, 18px)/22px Arial, sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-shadow: 0 2px 1px #421f00, 0 0 3px #b36a00;
}

.cg-spaced .cg-compact-header p {
  margin: 0;
  color: #fff;
  font: 700 8px/1 Arial, sans-serif;
  text-shadow: 0 1px 2px #00382f;
}

.cg-spaced .cg-compact-header > span {
  position: relative;
  z-index: 2;
  color: transparent;
  font-size: 0;
}

.cg-spaced .cg-compact-header > span::before { content: none !important; }

.cg-spaced .cg-compact-back {
  position: relative;
  z-index: 3;
  width: 36px;
  height: 36px;
  border: 2px solid #d6fff5;
  background: radial-gradient(circle at 35% 28%, #22c5bb, #00695f 62%, #003f39) !important;
  box-shadow: 0 2px 5px #002f2b99, inset 0 1px 2px #fff;
}

@media (max-height: 680px) {
  .cg-spaced .cg-compact-header { padding-block: 0; }
  .cg-spaced .cg-compact-header > div { margin-top: 11px; padding-block: 0; }
  .cg-spaced .cg-compact-header h1 { font-size: clamp(12px, 4cqw, 17px); }
  .cg-spaced .cg-compact-header p { font-size: 7px; }
  .cg-spaced .cg-compact-back { width: 32px; height: 32px; }
}