/* App4 home-only skin. Every rule is scoped to .mobile-shell.is-home. */
body:has(.mobile-shell.is-home) {
  background: #020914 !important;
}

.mobile-shell.is-home {
  --theme-primary: #0ea5e9;
  --theme-primary-deep: #075985;
  background:
    radial-gradient(circle at 82% 4%, rgba(34,211,238,.23), transparent 28%),
    radial-gradient(circle at 10% 38%, rgba(37,99,235,.18), transparent 32%),
    linear-gradient(180deg, #071b33 0%, #0a3450 42%, #e8f8ff 100%) !important;
}

.mobile-shell.is-home .app-header {
  background: linear-gradient(135deg, rgba(4,22,46,.96), rgba(3,105,161,.9)) !important;
  border: 1px solid rgba(125,211,252,.46) !important;
  box-shadow: 0 10px 25px rgba(1,13,30,.4), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.mobile-shell.is-home .wallet-chip {
  background: linear-gradient(135deg, #075985, #0891b2) !important;
  border-color: rgba(186,230,253,.6) !important;
}

.mobile-shell.is-home .home-game-card {
  color: #fff !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.12), transparent 42%),
    linear-gradient(135deg, #0a3154, #061a31) !important;
  border-color: rgba(103,232,249,.42) !important;
  box-shadow: 0 8px 18px rgba(1,12,27,.38), inset 0 1px 0 rgba(255,255,255,.15) !important;
}

.mobile-shell.is-home .home-game-copy strong,
.mobile-shell.is-home .market-head h3 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.72);
}

.mobile-shell.is-home .home-game-copy small,
.mobile-shell.is-home .market-foot > span {
  color: #aeeaff !important;
  opacity: 1 !important;
}

.mobile-shell.is-home .money-action.money,
.mobile-shell.is-home .money-action.withdraw,
.mobile-shell.is-home .market-actions a:last-child:not(.disabled) {
  color: #fff !important;
  background: linear-gradient(135deg, #0284c7, #22d3ee) !important;
  border-color: rgba(186,230,253,.62) !important;
  box-shadow: 0 7px 17px rgba(3,105,161,.3), inset 0 1px 0 rgba(255,255,255,.3) !important;
}

.mobile-shell.is-home .market-shift-tabs {
  background: rgba(3,25,48,.88) !important;
  border-color: rgba(125,211,252,.42) !important;
}

.mobile-shell.is-home .market-shift-tabs button {
  color: #b9e9f8 !important;
}

.mobile-shell.is-home .market-shift-tabs button.active {
  color: #fff !important;
}

.mobile-shell.is-home .market-shift-highlight {
  background: linear-gradient(135deg, #0369a1, #22d3ee) !important;
}

.mobile-shell.is-home .market-card {
  background:
    linear-gradient(145deg, rgba(255,255,255,.1), transparent 40%),
    linear-gradient(150deg, #073765, #061d38 62%, #082b4a) !important;
  border: 1px solid rgba(103,232,249,.46) !important;
  box-shadow: 0 10px 22px rgba(2,12,27,.4), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.mobile-shell.is-home .result-strip strong {
  color: #082f49 !important;
  background: linear-gradient(180deg, #f7fdff, #cdefff) !important;
  box-shadow: inset 0 1px 0 #fff, 0 3px 8px rgba(2,132,199,.16) !important;
}

.mobile-shell.is-home .market-actions a:first-child {
  color: #03638c !important;
  background: linear-gradient(180deg, #f8feff, #d8f5ff) !important;
}

.mobile-shell.is-home .bottom-nav {
  background: rgba(3,22,40,.97) !important;
  border-color: rgba(125,211,252,.38) !important;
  box-shadow: 0 -8px 24px rgba(2,12,27,.36) !important;
}

.mobile-shell.is-home .bottom-nav a {
  color: #c7ecf8 !important;
}