/* Single Digit only. Palette comes from the active tenant. */
.mobile-shell .mp-shell.game-single_digit {
  --sd-brand: var(--theme-primary, #007c76);
  --sd-deep: var(--theme-primary-deep, #00615d);
  --sd-ink: #213547;
  --sd-muted: #637584;
  --sd-surface: #fff;
  --sd-soft: color-mix(in srgb,var(--sd-brand) 7%,white);
  --sd-line: color-mix(in srgb,var(--sd-brand) 18%,white);
  --sd-shadow: color-mix(in srgb,var(--sd-deep) 12%,transparent);
  background: linear-gradient(var(--sd-soft),#f8fafb) !important;
  color: var(--sd-ink);
}
html[data-app-theme=neon] .mobile-shell .mp-shell.game-single_digit {
  --sd-ink: #e6f3fc;
  --sd-muted: #b4c5d4;
  --sd-surface: #142332;
  --sd-soft: #1a2d40;
  --sd-line: color-mix(in srgb,var(--sd-brand) 40%,#203043);
  background: #0e1824 !important;
}
.mobile-shell .game-single_digit .mp-header {
  min-height: 62px;
  padding: 9px 12px !important;
  background: radial-gradient(ellipse at 15% 0,#ffffff26,transparent 65%),linear-gradient(120deg,var(--sd-brand),var(--sd-deep)) !important;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 5px 14px var(--sd-shadow);
}
.mobile-shell .game-single_digit .mp-header h1 { font: 900 18px/1.15 Arial,sans-serif; }
.mobile-shell .game-single_digit .mp-wallet-pill { min-height: 34px; background: color-mix(in srgb,var(--sd-deep) 80%,black); font-size: 12px; }
.mobile-shell .game-single_digit .mp-content { padding: 0 12px 18px !important; }
.mobile-shell .game-single_digit .mp-mode-tabs { gap: 8px; padding: 12px 0 10px; }
.mobile-shell .game-single_digit .mp-mode-tab {
  min-height: 44px;
  padding: 6px 10px;
  gap: 7px;
  color: var(--sd-ink);
  border: 1px solid var(--sd-line);
  background: var(--sd-surface);
  box-shadow: 0 3px 10px var(--sd-shadow);
}
.mobile-shell .game-single_digit .mp-mode-tab.active {
  background: linear-gradient(120deg,var(--sd-brand),var(--sd-deep)) !important;
  color: white;
  border-color: transparent;
}
.mobile-shell .game-single_digit .mp-mode-icon { color: var(--sd-brand); font-size: 20px; }
.mobile-shell .game-single_digit .mp-mode-tab.active .mp-mode-icon { color: white; }
.mobile-shell .game-single_digit .mp-mode-tab strong { font-size: 12px; }
.mobile-shell .game-single_digit .mp-mode-tab small { font-size: 9px; margin-top: 2px; }
.mobile-shell .game-single_digit .mp-single-info { gap: 8px; margin-bottom: 10px; }
.mobile-shell .game-single_digit .mp-single-info-card { min-height: 44px; padding: 7px 10px; gap: 8px; background: var(--sd-surface); color: var(--sd-ink); border: 1px solid var(--sd-line); }
.mobile-shell .game-single_digit .mp-single-info-card small { color: var(--sd-muted); }
.mobile-shell .game-single_digit .mp-single-info-card strong,
.mobile-shell .game-single_digit .mp-status-card select { font: 800 13px/1.3 Arial,sans-serif; color: var(--sd-ink); }
.mobile-shell .game-single_digit .mp-status-card select { min-height: 24px; }
.mobile-shell .game-single_digit .mp-status-card select:disabled { opacity: .7; }
.mobile-shell .game-single_digit .mp-status-dot { width: 9px; height: 9px; background: var(--sd-brand); box-shadow: 0 0 0 3px var(--sd-soft); }
.mobile-shell .game-single_digit .mp-info-icon { color: var(--sd-brand); font-size: 20px; }
.mobile-shell .game-single_digit .mp-digit-quick-tools { grid-template-columns: minmax(82px,1.6fr) repeat(4,minmax(0,1fr)); gap: 6px; margin: 0 0 12px; }
.mobile-shell .game-single_digit .mp-quick-points-wrap { min-width: 0; height: 44px; padding: 5px 8px; border: 1px solid var(--sd-line); background: var(--sd-surface); box-shadow: none; }
.mobile-shell .game-single_digit .mp-quick-points-wrap small { color: var(--sd-muted); }
.mobile-shell .game-single_digit .mp-quick-points { width: 100%; min-width: 0; height: 24px; color: var(--sd-ink); font: 700 16px Arial,sans-serif; }
.mobile-shell .game-single_digit .mp-digit-quick-btn { height: 44px; border: 0; background: linear-gradient(140deg,var(--sd-brand),var(--sd-deep)); font: 800 10px Arial,sans-serif; box-shadow: 0 3px 8px var(--sd-shadow); transition: transform 120ms ease; }
.mobile-shell .game-single_digit .mp-digit-quick-btn.clear { background: #fff1f2; color: #a72d43; border: 1px solid #f2ced5; }
.mobile-shell .game-single_digit .mp-digit-quick-btn.clear span { display: none; }
.mobile-shell .game-single_digit .mp-digit-quick-btn:active { transform: scale(.96); }
.mobile-shell .game-single_digit .mp-digit-grid { gap: 8px 10px; grid-template-rows: repeat(5,44px); padding: 0; margin: 0 0 12px; border-radius: 14px; background: none; box-shadow: none; }
.mobile-shell .game-single_digit .mp-digit-row { min-width: 0; overflow: hidden; border: 1px solid var(--sd-line); border-radius: 12px; background: var(--sd-surface); box-shadow: 0 3px 8px var(--sd-shadow); }
.mobile-shell .game-single_digit .mp-digit-row.quick-filled { border-color: var(--sd-brand); box-shadow: 0 0 0 1px var(--sd-brand),0 3px 8px var(--sd-shadow); }
.mobile-shell .game-single_digit .mp-digit-label { flex: 0 0 39px; width: 39px; border-radius: 10px; background: linear-gradient(145deg,var(--sd-brand),var(--sd-deep)); color: white; font: 900 21px Arial,sans-serif; }
.mobile-shell .game-single_digit .mp-digit-points-label { display: none; }
.mobile-shell .game-single_digit .mp-digit-points {
  width: 0;
  max-width: none;
  min-width: 0;
  flex: 1 1 0;
  height: 34px;
  margin: 0 5px;
  padding: 0 4px;
  border: 1px solid var(--sd-line);
  border-radius: 8px;
  background: var(--sd-soft);
  color: var(--sd-ink);
  font: 800 16px Arial,sans-serif;
  text-align: center;
  box-shadow: none;
}
.mobile-shell .game-single_digit .mp-digit-points:focus-visible { outline: 2px solid var(--sd-brand); outline-offset: 1px; }
.mobile-shell .game-single_digit .mp-digit-points.invalid { border-color: #c5374d; background: #fff0f2; color: #991b35; }
.mobile-shell .game-single_digit .mp-selection-card { padding: 9px 10px; margin-bottom: 10px; background: var(--sd-surface); border: 1px solid var(--sd-line); box-shadow: 0 3px 10px var(--sd-shadow); }
.mobile-shell .game-single_digit .mp-selection-head { color: var(--sd-ink); font-size: 10px; }
.mobile-shell .game-single_digit .mp-selection-head > strong span { display: none; }
.mobile-shell .game-single_digit .mp-selection-head > span { padding: 5px 7px; color: var(--sd-ink); background: var(--sd-soft); font-size: 10px; }
.mobile-shell .game-single_digit .mp-selection-empty { min-height: 38px; margin-top: 6px; gap: 6px; border-color: var(--sd-line); color: var(--sd-muted); }
.mobile-shell .game-single_digit .mp-selection-empty > span { font-size: 18px; }
.mobile-shell .game-single_digit .mp-selection-empty strong { color: var(--sd-ink); }
.mobile-shell .game-single_digit .mp-selection-list { margin-top: 6px; gap: 5px; }
.mobile-shell .game-single_digit .mp-selection-list > span { padding: 5px 7px; background: var(--sd-soft); color: var(--sd-ink); font: 600 11px Arial,sans-serif; }
.mobile-shell .game-single_digit .mp-single-submit { min-height: 44px; border: 0; border-radius: 12px; background: linear-gradient(115deg,var(--sd-brand),var(--sd-deep)) !important; box-shadow: 0 4px 10px var(--sd-shadow); }
.mobile-shell .game-single_digit .mp-single-submit strong { font: 800 15px Arial,sans-serif; }
.mobile-shell .game-single_digit .mp-single-submit small { margin-top: 2px; }
.mobile-shell .game-single_digit .mp-single-submit > span:first-child { display: none; }
.mobile-shell .game-single_digit .mp-game-tips { padding: 9px 11px; color: var(--sd-muted); background: var(--sd-soft); border: 1px solid var(--sd-line); }
.mobile-shell .game-single_digit .mp-game-tips strong { color: var(--sd-ink); }
.mobile-shell .game-single_digit .mp-game-tips > strong span { color: var(--sd-brand); }
.mobile-shell .game-single_digit .mp-game-tips ol { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 8px; }
.mobile-shell .game-single_digit .mp-game-tips li { padding-left: 22px; line-height: 1.35; }
.mobile-shell .game-single_digit .mp-game-tips li::before { background: var(--sd-brand); }
@media (prefers-reduced-motion:reduce) { .mobile-shell .game-single_digit .mp-digit-quick-btn { transition: none; } }