.mobile-shell .mp-shell.game-one_digit_jodi {
  --dj-brand: var(--theme-primary,#007c76); --dj-deep: var(--theme-primary-deep,#00615d);
  --dj-ink: #173447; --dj-muted: #607581; --dj-surface: #fff;
  --dj-soft: color-mix(in srgb,var(--dj-brand) 7%,white); --dj-line: color-mix(in srgb,var(--dj-brand) 22%,white);
  --dj-shadow: color-mix(in srgb,var(--dj-deep) 12%,transparent);
  padding-bottom: 0 !important; background: linear-gradient(var(--dj-soft),#f6f9fb); color: var(--dj-ink);
}
html[data-app-theme=neon] .mobile-shell .game-one_digit_jodi {
  --dj-ink: #e6f3fc; --dj-muted: #b4c7d6; --dj-surface: #142332; --dj-soft: #1a2d40;
  --dj-line: color-mix(in srgb,var(--dj-brand) 45%,#203043); background: #0e1824;
}
.mobile-shell .game-one_digit_jodi .mp-header { min-height: 56px; padding: 7px 10px !important; gap: 7px; border-radius: 0 0 17px 17px; background: radial-gradient(ellipse at 12% 0,#ffffff26,transparent 65%),linear-gradient(120deg,var(--dj-brand),var(--dj-deep)) !important; }
.mobile-shell .game-one_digit_jodi .mp-header h1 { font: 900 clamp(14px,4vw,18px)/1.15 Arial,sans-serif; white-space: normal; overflow-wrap: anywhere; color: white !important; }
.mobile-shell .game-one_digit_jodi .mp-back { width: 30px; height: 32px; }
.mobile-shell .game-one_digit_jodi .mp-wallet-pill { min-height: 32px !important; padding: 0 8px; font-size: 11px; background: color-mix(in srgb,var(--dj-deep) 78%,black); }
.mobile-shell .game-one_digit_jodi .mp-content { padding: 10px 10px 150px !important; }
.mobile-shell .game-one_digit_jodi .dj-controls { padding: 11px; border: 1px solid var(--dj-line); border-radius: 17px; background: var(--dj-surface); box-shadow: 0 4px 12px var(--dj-shadow); }
.mobile-shell .game-one_digit_jodi .dj-amount { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 12px; }
.mobile-shell .game-one_digit_jodi .dj-amount > span { color: var(--dj-ink); font: 800 12px Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .mp-points-box { width: 100%; min-height: 44px; height: 44px; margin: 0 !important; padding: 0 12px; border: 1px solid var(--dj-line); border-radius: 11px; background: var(--dj-soft); color: var(--dj-ink); font: 800 18px Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .mp-points-box[aria-invalid=true] { border-color: #c43a52; background: #fff0f3; color: #9b1631; }
.mobile-shell .game-one_digit_jodi .dj-hint { margin: 8px 0; color: var(--dj-muted); font: 600 10px/1.4 Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .dj-hint.invalid { color: #b12d47; }
.mobile-shell .game-one_digit_jodi .dj-digit-pad { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
.mobile-shell .game-one_digit_jodi .dj-digit {
  position: relative; min-width: 0; min-height: 46px; padding: 4px; border: 1px solid var(--dj-line); border-radius: 12px;
  color: var(--dj-ink); background: linear-gradient(var(--dj-surface),var(--dj-soft)); box-shadow: 0 3px 0 var(--dj-line); cursor: pointer;
}
.mobile-shell .game-one_digit_jodi .dj-digit strong { font: 900 22px Arial,sans-serif; color: inherit !important; }
.mobile-shell .game-one_digit_jodi .dj-digit > span { position: absolute; top: 3px; right: 4px; font: 900 10px Arial,sans-serif; color: white !important; }
.mobile-shell .game-one_digit_jodi .dj-digit.active { color: white !important; border-color: hsl(var(--dj-hue) 55% 35%); background: radial-gradient(ellipse at 20% 0,#ffffff50,transparent 70%),linear-gradient(140deg,hsl(var(--dj-hue) 65% 44%),hsl(var(--dj-hue) 60% 29%)); box-shadow: 0 3px 0 hsl(var(--dj-hue) 55% 24%); }
.mobile-shell .game-one_digit_jodi .dj-empty { padding: 16px 12px; margin-top: 10px; border: 1px dashed var(--dj-line); border-radius: 14px; color: var(--dj-muted); background: var(--dj-surface); text-align: center; font: 500 12px/1.6 Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .dj-groups { display: grid; gap: 10px; margin-top: 12px; }
.mobile-shell .game-one_digit_jodi .dj-group { min-width: 0; padding: 8px; border: 1px solid hsl(var(--dj-hue) 50% 73%); border-radius: 15px; background: hsl(var(--dj-hue) 65% 94%); box-shadow: 0 3px 10px var(--dj-shadow); }
.mobile-shell .game-one_digit_jodi .dj-group-header { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 7px; color: hsl(var(--dj-hue) 55% 24%); font: 700 10px Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .dj-group-header > strong { display: flex; align-items: center; gap: 7px; font-size: 12px; color: inherit !important; }
.mobile-shell .game-one_digit_jodi .dj-group-header b { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: white !important; background: hsl(var(--dj-hue) 60% 32%); font-size: 16px; }
.mobile-shell .game-one_digit_jodi .dj-jodis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
.mobile-shell .game-one_digit_jodi .dj-jodi { position: relative; min-width: 0; min-height: 65px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; padding: 14px 2px 6px; border: 1px solid hsl(var(--dj-hue) 50% 69%); border-radius: 11px; color: hsl(var(--dj-hue) 65% 24%); background: linear-gradient(150deg,#fff,hsl(var(--dj-hue) 75% 86%)); box-shadow: 0 2px 0 hsl(var(--dj-hue) 40% 77%); }
.mobile-shell .game-one_digit_jodi .dj-jodi > strong { color: inherit !important; font: 900 21px/1 Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi .dj-jodi > span { font: 800 11px/1 Arial,sans-serif; color: inherit !important; }
.mobile-shell .game-one_digit_jodi .dj-jodi button { position: absolute; top: 1px; right: 1px; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 8px; color: hsl(var(--dj-hue) 55% 29%) !important; background: transparent; font: 500 18px/1 Arial,sans-serif; }
.mobile-shell .game-one_digit_jodi :is(input,button):focus-visible { outline: 2px solid var(--dj-brand); outline-offset: 2px; }
.mobile-shell .game-one_digit_jodi .mp-bottom-bar { min-height: 62px; padding: 8px 10px; background: var(--dj-surface); color: var(--dj-muted); }
.mobile-shell .game-one_digit_jodi .mp-bottom-bar .mp-stat strong { color: var(--dj-ink); }
.mobile-shell .game-one_digit_jodi .mp-submit-btn { min-height: 44px; border-radius: 12px; background: linear-gradient(120deg,var(--dj-brand),var(--dj-deep)) !important; }
