html[data-dd-theme="light"] {
  color-scheme: light;
  --dd-page-bg:
    radial-gradient(circle at 84% 10%, rgba(255,204,220,.20), transparent 34%),
    radial-gradient(circle at 8% 76%, rgba(168,220,239,.56), transparent 38%),
    radial-gradient(circle at 42% 38%, rgba(255,231,183,.42), transparent 44%),
    radial-gradient(circle at 74% 82%, rgba(255,242,202,.26), transparent 34%),
    linear-gradient(180deg,#fffaf1 0%,#f5ecdd 100%);
  --dd-page-text: #181113;
  --dd-text-main: #181113;
  --dd-text-muted: rgba(31,23,25,.76);
  --dd-text-soft: rgba(31,23,25,.94);
  --dd-text-faint: rgba(31,23,25,.58);
  --dd-success-text: #16734a;
  --dd-danger-text: #9e2840;

  --dd-card-bg:
    radial-gradient(circle at 93% 6%, rgba(255,204,220,.36), transparent 31%),
    radial-gradient(circle at 6% 78%, rgba(176,224,241,.45), transparent 36%),
    radial-gradient(circle at 3% 34%, rgba(255,232,190,.45), transparent 31%),
    linear-gradient(180deg,#fffdf8 0%,#fff7ed 100%);
  --dd-card-text: #181113;
  --dd-card-border: rgba(31,23,25,.13);
  --dd-card-shadow: 0 18px 44px rgba(31,23,25,.12), inset 0 1px 0 rgba(255,255,255,.74);

  --dd-input-bg: linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,250,244,.80));
  --dd-input-text: #181113;
  --dd-input-border: rgba(31,23,25,.14);

  --dd-button-bg: rgba(255,255,255,.82);
  --dd-button-text: #181113;
  --dd-button-border: rgba(31,23,25,.13);
  --dd-button-primary-bg: linear-gradient(135deg,#ff6aa6 0%,#f0478c 24%,#d83b86 58%,#6b2b96 100%);
  --dd-button-primary-text: #fff;
  --dd-button-shadow: 0 12px 30px rgba(166,36,132,.26), 0 0 24px rgba(255,95,154,.15), inset 0 1px 0 rgba(255,255,255,.38);

  --dd-sheet-bg: linear-gradient(180deg,#fffdf8 0%,#fff8ef 100%);
  --dd-sheet-text: rgba(31,23,25,.94);
  --dd-sheet-shadow: 0 -14px 40px rgba(31,23,25,.14);

  --dd-paywall-backdrop: rgba(30,29,32,.38);
  --dd-paywall-bg:
    radial-gradient(circle at 88% 4%,rgba(255,204,220,.45),transparent 35%),
    radial-gradient(circle at 5% 79%,rgba(176,224,241,.56),transparent 39%),
    radial-gradient(circle at 54% 34%,rgba(255,232,190,.32),transparent 38%),
    linear-gradient(180deg,#fffefb 0%,#fff6eb 100%);
  --dd-paywall-text: #24161b;
  --dd-paywall-border: rgba(31,23,25,.12);
  --dd-stripe-box-bg: linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,250,244,.80));

  --dd-image-fade-to: #fff8ef;
  --dd-nav-backdrop: linear-gradient(to top,rgba(245,236,221,.92) 0%,rgba(245,236,221,.76) 56%,rgba(245,236,221,0) 100%);
}

html[data-dd-theme="light"] body #gameScreen #cardBox.game-card {
  position: relative !important;
}

html[data-dd-theme="light"] body #gameScreen #cardBox.game-card::before {
  position: absolute !important;
  top: 12px !important;
  left: 14px !important;
  z-index: 5 !important;
  color: rgba(31,23,25,.78) !important;
  opacity: 1 !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(31,23,25,.15) !important;
  box-shadow: 0 6px 16px rgba(31,23,25,.10) !important;
}

html[data-dd-theme="light"] body #gameScreen #cardBox.game-card .card-image-wrap {
  margin: 0 0 12px !important;
  border-radius: var(--dd-card-radius) var(--dd-card-radius) 0 0 !important;
  overflow: hidden !important;
  background: var(--dd-card-bg) !important;
}

html[data-dd-theme="light"] body #gameScreen #cardBox.game-card .card-image {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: var(--dd-card-radius) var(--dd-card-radius) 0 0 !important;
  box-shadow: none !important;
}

html[data-dd-theme="light"] body #gameScreen #cardBox.game-card #cardTitle,
html[data-dd-theme="light"] body #gameScreen #cardBox.game-card .card-title {
  color: var(--dd-text-main) !important;
  font-weight: 950 !important;
  letter-spacing: -.015em !important;
}

html[data-dd-theme="light"] body .state.big-success,
html[data-dd-theme="light"] body .state.success.big-success {
  color: rgba(31,23,25,.82) !important;
  background: rgba(255,255,255,.44) !important;
  border-color: rgba(31,23,25,.14) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 14px 34px rgba(31,23,25,.08) !important;
}

html[data-dd-theme="light"] body #feedbackCard .field-label {
  color: var(--dd-text-muted) !important;
}

html[data-dd-theme="light"] body #feedbackCard .text-input,
html[data-dd-theme="light"] body #feedbackCard textarea {
  color: var(--dd-input-text) !important;
}

html[data-dd-theme="light"] body #feedbackCard .text-input::placeholder,
html[data-dd-theme="light"] body #feedbackCard textarea::placeholder {
  color: var(--dd-text-faint) !important;
  opacity: 1 !important;
}