/* Easy mode — 90s Neo Geo / SNK arcade cabinet aesthetic */

/* Legacy standalone Easy shell (no dashboard): prefs stay hidden until that shell is retired */
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNavSettings,
html.pdcEasyPage:not(.pdcEasyDashboard) #pixelNavBurgerPrefsDetails,
html.pdcEasyPage:not(.pdcEasyDashboard) #btnSettings,
html.pdcSettingsSuppressed .pixelNavSettings,
html.pdcSettingsSuppressed #pixelNavBurgerPrefsDetails,
html.pdcSettingsSuppressed #btnSettings {
  display: none !important;
}

/* Mix now · Eat later — Normal / Wizard only (not Easy) */
html.pdcEasyPage #eatPlanChip,
html.pdcEasyPage .eatPlanChipTopHome,
html.pdcEasyPage #eatPlanSection,
html.pdcEasyPage #eatPlanChipActiveHome,
html.pdcEasyPage #eatPlanInlineSummary,
html.pdcEasyPage .eatPlanChipActiveHome,
html.pdcEasyPage .pixelNavBurgerLink--eatPlan,
html[data-pdc-skill-mode="easy"] #eatPlanChip,
html[data-pdc-skill-mode="easy"] .eatPlanChipTopHome,
html[data-pdc-skill-mode="easy"] #eatPlanSection,
html[data-pdc-skill-mode="easy"] #eatPlanChipActiveHome,
html[data-pdc-skill-mode="easy"] #eatPlanInlineSummary,
html[data-pdc-skill-mode="easy"] .eatPlanChipActiveHome,
html[data-pdc-skill-mode="easy"] .pixelNavBurgerLink--eatPlan {
  display: none !important;
}

html.pdcEasyPage:not(.pdcEasyDashboard) {
  /* SNK / Neo Geo palette */
  --neo-void: #06020f;
  --neo-deep: #0e0622;
  --neo-panel-top: #2a1860;
  --neo-panel-mid: #160a34;
  --neo-panel-bot: #0a0418;
  --neo-cyan: #00e8ff;
  --neo-cyan-dim: #0099b3;
  --neo-magenta: #ff2d95;
  --neo-magenta-dim: #b8005c;
  --neo-pink: #ff6eb4;
  --neo-gold: #ffcc00;
  --neo-gold-dim: #c99400;
  --neo-red: #ff3333;
  --neo-green: #39ff14;
  --neo-white: #f0f4ff;
  --neo-bevel-hi: rgba(255, 255, 255, 0.38);
  --neo-bevel-lo: rgba(0, 0, 0, 0.65);
  --easy-radius: 2px;
  /* Aliases used across rules */
  --easy-cyan: var(--neo-cyan);
  --easy-magenta: var(--neo-magenta);
  --easy-pink: var(--neo-pink);
  --easy-purple: #7b5cff;
  --easy-accent: var(--neo-cyan);
  --easy-gold: var(--neo-gold);
  --easy-green: var(--neo-green);
  --easy-panel: linear-gradient(
    180deg,
    var(--neo-panel-top) 0%,
    var(--neo-panel-mid) 42%,
    var(--neo-panel-bot) 100%
  );
  --easy-border: var(--neo-cyan);
  --easy-glow-cyan: 0 0 0 2px var(--neo-magenta), 0 0 16px rgba(0, 232, 255, 0.55),
    0 0 32px rgba(255, 45, 149, 0.2);
  --easy-glow-magenta: 0 0 0 2px var(--neo-cyan), 0 0 18px rgba(255, 45, 149, 0.5),
    0 4px 0 rgba(0, 0, 0, 0.85);
  --neo-bevel-inset: inset 2px 2px 0 var(--neo-bevel-hi), inset -2px -3px 0 var(--neo-bevel-lo);
  --neo-bevel-outset: 2px 2px 0 var(--neo-bevel-hi), -2px -3px 0 var(--neo-bevel-lo);
  color-scheme: dark;
}

/* Cabinet backdrop — replace default calculator nebula */
html.pdcEasyPage:not(.pdcEasyDashboard) body {
  background: var(--neo-void);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .bg {
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 3px,
      rgba(0, 0, 0, 0.22) 3px,
      rgba(0, 0, 0, 0.22) 4px
    ),
    radial-gradient(ellipse 100% 70% at 50% -10%, rgba(123, 92, 255, 0.35) 0%, transparent 55%),
    radial-gradient(ellipse 80% 50% at 100% 80%, rgba(255, 45, 149, 0.14) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 0% 90%, rgba(0, 232, 255, 0.1) 0%, transparent 45%),
    linear-gradient(180deg, #0a0018 0%, #12042e 45%, #06020f 100%);
  filter: none;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .bg::after {
  opacity: 0.14;
  background-image: linear-gradient(rgba(0, 232, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 232, 255, 0.06) 1px, transparent 1px);
  background-size: 12px 12px;
  background-position: 0 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasy,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyIntro,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelSub,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanReady,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanMeta,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanFerment,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap p,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBossTip p,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyFoot {
  font-family: "Inter", system-ui, sans-serif;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasy :is(.chip, input, select) {
  font-family: "Press Start 2P", ui-monospace, monospace;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasy {
  max-width: 720px;
  margin: 0 auto;
  padding: 10px 12px 40px;
  container-type: inline-size;
  container-name: pdcEasyApp;
}

/* Nav: thin logo + burger + pizza slice */
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavThinBrand {
  display: flex !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavBarEnd,
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavBurgerCluster {
  display: flex !important;
  visibility: visible !important;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavBarEnd {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavThinBrandVisual {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavThinBrandImg {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(2 * var(--pixel-nav-burger-icon-h, clamp(14px, 3.6vw, 20px))) !important;
  max-height: calc(2 * var(--pixel-nav-burger-icon-h, clamp(14px, 3.6vw, 20px))) !important;
  object-fit: contain !important;
  object-position: center center !important;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavBurgerBtn {
  display: inline-flex !important;
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavLink,
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavCap--end {
  display: none !important;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav:not(.pixelNav--bottomQuick) .pixelNavInner {
  align-items: center;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNavEasySlice {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-inline-start: auto;
  margin-inline-end: 6px;
  padding: 2px;
  order: 99;
  filter: drop-shadow(0 0 6px rgba(253, 224, 71, 0.45));
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNavEasySlice img {
  width: clamp(28px, 7vw, 36px);
  height: auto;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNav {
  border-bottom: 3px solid var(--neo-cyan);
  background: linear-gradient(180deg, #1f1048 0%, #0c0620 100%) !important;
  box-shadow: 0 4px 0 #000, 0 0 24px rgba(0, 232, 255, 0.12);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNavBurgerBtn {
  border: 2px solid var(--neo-cyan) !important;
  border-radius: var(--easy-radius) !important;
  background: linear-gradient(180deg, #3d2880, #1a0e3a) !important;
  box-shadow: var(--neo-bevel-outset), 0 0 8px rgba(0, 232, 255, 0.25);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pixelNavBurgerPanel {
  border: 3px solid var(--neo-magenta) !important;
  border-radius: var(--easy-radius) !important;
  background: linear-gradient(180deg, #1a0e3a, #08041a) !important;
  box-shadow: var(--easy-glow-magenta);
}

/* Outer cabinet bezel */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyShell {
  position: relative;
  border: 4px solid var(--neo-cyan);
  border-radius: var(--easy-radius);
  padding: 14px 12px 18px;
  background: var(--easy-panel);
  box-shadow: var(--easy-glow-cyan), var(--neo-bevel-inset), 0 8px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyShell::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.07) 2px,
    rgba(0, 0, 0, 0.07) 4px
  );
  opacity: 0.55;
  z-index: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyShell > * {
  position: relative;
  z-index: 1;
}

/* Mode headline (below main dashboard title art) */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyModeHead {
  margin: 0 0 12px;
  padding: 14px 12px;
  text-align: center;
  border: 3px solid var(--neo-magenta);
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, rgba(42, 24, 96, 0.9), rgba(8, 4, 26, 0.95));
  box-shadow: 0 0 0 2px var(--neo-cyan), 0 4px 0 #000, var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBannerKicker {
  margin: 0 0 6px;
  font-family: "Press Start 2P", monospace;
  font-size: clamp(6px, 1.6vw, 8px);
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyModeTag {
  margin: 0 0 8px;
  font-family: "Press Start 2P", monospace;
  font-size: clamp(14px, 4.2vw, 22px);
  line-height: 1.35;
  color: var(--neo-green);
  text-shadow: 2px 2px 0 #000, 0 0 16px rgba(57, 255, 20, 0.45);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBannerTagline {
  margin: 0;
  max-width: 28em;
  font-size: clamp(12px, 2.8vw, 14px);
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.88);
  text-shadow: 0 1px 2px #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyIntro {
  margin: 0 0 14px;
  padding: 10px 12px;
  text-align: center;
  font-size: clamp(12px, 2.9vw, 14px);
  line-height: 1.5;
  color: var(--neo-white);
  border: 2px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: rgba(0, 0, 0, 0.45);
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyIntroStar {
  color: var(--neo-gold);
  margin-inline: 4px;
  text-shadow: 2px 2px 0 var(--neo-magenta-dim);
}

/* Level panels — stage select frames */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevel {
  position: relative;
  background: var(--easy-panel);
  border: 3px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  padding: 14px 14px 16px;
  margin-bottom: 14px;
  box-shadow: var(--neo-bevel-inset), 0 4px 0 rgba(0, 0, 0, 0.6);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevel::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--neo-magenta), var(--neo-cyan), var(--neo-gold), var(--neo-cyan), var(--neo-magenta));
  opacity: 0.85;
  pointer-events: none;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelHead {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelBadge {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  font-family: "Press Start 2P", monospace;
  font-size: 10px;
  color: var(--neo-void);
  background: linear-gradient(180deg, var(--neo-cyan) 0%, var(--neo-cyan-dim) 100%);
  border: 2px solid var(--neo-white);
  border-radius: var(--easy-radius);
  box-shadow: var(--neo-bevel-outset), 0 0 10px rgba(0, 232, 255, 0.4);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelBadge--star {
  background: linear-gradient(180deg, var(--neo-gold) 0%, var(--neo-gold-dim) 100%);
  color: var(--neo-void);
  font-size: 14px;
  border-color: #fff8dc;
  box-shadow: var(--neo-bevel-outset), 0 0 10px rgba(255, 204, 0, 0.45);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelTitle {
  font-family: "Press Start 2P", monospace;
  font-size: clamp(8px, 2.2vw, 11px);
  line-height: 1.55;
  color: var(--neo-cyan);
  margin: 0;
  letter-spacing: 0.06em;
  text-shadow: 2px 2px 0 var(--neo-magenta-dim), 0 0 12px rgba(0, 232, 255, 0.35);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelSub {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.62);
  margin: 4px 0 0;
  line-height: 1.4;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelBody {
  position: relative;
}

/* Pizza type grid */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (min-width: 560px) {
  html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  border: 3px solid #3d2880;
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #1a0e3a 0%, #08041a 100%);
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  transition: border-color 0.12s, transform 0.1s, box-shadow 0.12s;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeGrid {
  touch-action: pan-y;
}

@media (hover: hover) {
  html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard:hover {
    border-color: var(--neo-pink);
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(255, 45, 149, 0.35), var(--neo-bevel-inset);
  }
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard.pdcEasyTypeCard--previewHover:not(.isSelected) {
  border-color: var(--neo-pink);
  transform: translateY(-2px);
  box-shadow: 0 0 12px rgba(255, 45, 149, 0.35), var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard.isSelected.pdcEasyTypeCard--previewHover {
  transform: translateY(-1px);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeGrid--previewOff .pdcEasyTypeCard.pdcEasyTypeCard--previewHover:not(.isSelected) {
  border-color: #3d2880;
  transform: none;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard.isSelected {
  border-color: var(--neo-gold);
  box-shadow: 0 0 0 2px var(--neo-magenta), 0 0 16px rgba(255, 204, 0, 0.4), var(--neo-bevel-inset);
  transform: translateY(-1px);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCardBody {
  padding: 8px 8px 10px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCardBody strong {
  display: block;
  font-family: "Press Start 2P", monospace;
  font-size: clamp(9px, 2.6vw, 12px);
  line-height: 1.4;
  color: var(--neo-gold);
  margin-bottom: 6px;
  text-shadow: 2px 2px 0 #000, 0 0 8px rgba(255, 204, 0, 0.35);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCard.isSelected .pdcEasyTypeCardBody strong {
  color: var(--neo-cyan);
  text-shadow: 2px 2px 0 var(--neo-magenta-dim), 0 0 10px rgba(0, 232, 255, 0.5);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyTypeCardBody span {
  font-size: 10px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.65);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasySizeTag {
  position: absolute;
  top: 6px;
  right: 6px;
  font-family: "Press Start 2P", monospace;
  font-size: 12px;
  padding: 8px 10px;
  background: var(--neo-void);
  border: 2px solid var(--neo-magenta);
  color: var(--neo-gold);
  border-radius: var(--easy-radius);
  box-shadow: 2px 2px 0 #000;
}

/* Stepper — coin counter */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyStepper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 4px auto 12px;
  padding: 12px 16px;
  max-width: 220px;
  border: 3px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: #08041a;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyStepBtn {
  width: 44px;
  height: 44px;
  border: 2px solid var(--neo-magenta);
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #ff2d95 0%, #a80052 100%);
  color: var(--neo-white);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--neo-bevel-outset), 0 0 10px rgba(255, 45, 149, 0.35);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyStepBtn:hover:not(:disabled) {
  filter: brightness(1.1);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyStepBtn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyStepperVal {
  font-family: "Press Start 2P", monospace;
  font-size: clamp(18px, 5vw, 24px);
  color: var(--neo-gold);
  min-width: 2.5ch;
  text-align: center;
  text-shadow: 3px 3px 0 #000, 0 0 14px rgba(255, 204, 0, 0.5);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyQuickLabel {
  margin: 0 0 8px;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

/* Chips */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips .chip {
  min-height: 38px;
  font-size: 9px;
  line-height: 1.45;
  border-radius: var(--easy-radius);
  border: 2px solid var(--neo-cyan-dim);
  background: linear-gradient(180deg, #1f1048, #0e0622);
  color: var(--neo-white);
  box-shadow: var(--neo-bevel-outset);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips .chip:hover {
  border-color: var(--neo-pink);
  filter: brightness(1.08);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips--qty .chip {
  min-width: 2.5rem;
  justify-content: center;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips .chip.activeGreen,
.pdcEasyChips .chip[aria-pressed="true"] {
  border-color: var(--neo-gold);
  background: linear-gradient(180deg, #3d2880, #1a0e3a);
  color: var(--neo-gold);
  box-shadow: 0 0 0 2px var(--neo-magenta), 0 0 12px rgba(255, 204, 0, 0.35), var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips--eat .chip--tonight {
  border-color: var(--neo-magenta);
  color: var(--neo-pink);
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips--eat .chip--tomorrow {
  border-color: var(--neo-cyan);
  color: var(--neo-cyan);
}
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyChips--eat .chip--weekend {
  border-color: var(--easy-purple);
  color: #c4b5fd;
}

/* Eat fields */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyEatRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyField {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyFieldLabel {
  font-family: "Press Start 2P", monospace;
  font-size: 7px;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.04em;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyEatRow input {
  font-size: 11px;
  padding: 10px 12px;
  border-radius: var(--easy-radius);
  border: 2px solid var(--neo-cyan-dim);
  background: #08041a;
  color: var(--neo-cyan);
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyEatRow input:focus {
  outline: none;
  border-color: var(--neo-gold);
  box-shadow: 0 0 0 2px var(--neo-magenta), var(--neo-bevel-inset);
}

/* Bake toggles */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeToggles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeToggle {
  min-height: 52px;
  padding: 10px 12px;
  border: 3px solid #3d2880;
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #160a34, #08041a);
  font-family: "Press Start 2P", monospace;
  font-size: clamp(7px, 2vw, 8px);
  line-height: 1.45;
  color: var(--neo-white);
  cursor: pointer;
  transition: border-color 0.12s, box-shadow 0.12s, transform 0.1s;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeToggle:hover {
  border-color: var(--neo-pink);
  transform: translateY(-1px);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeToggle.isSelected,
.pdcEasyBakeToggle[aria-pressed="true"] {
  border-color: var(--neo-gold);
  background: linear-gradient(180deg, #2a1860, #12082a);
  box-shadow: 0 0 0 2px var(--neo-cyan), 0 0 14px rgba(0, 232, 255, 0.4), var(--neo-bevel-inset);
  color: var(--neo-gold);
}

/* Results */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyResults[hidden] {
  display: none !important;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevel--plan {
  border-color: var(--neo-magenta);
  box-shadow: var(--easy-glow-magenta);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevel--plan::after {
  background: linear-gradient(90deg, var(--neo-gold), var(--neo-magenta), var(--neo-gold));
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevelHead--plan {
  align-items: center;
  margin-bottom: 14px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanPanel {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-bottom: 12px;
}

@media (min-width: 520px) {
  html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanPanel {
    grid-template-columns: 1.1fr 1fr;
    align-items: start;
  }
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanReady {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanReady strong {
  color: var(--neo-gold);
  font-weight: 600;
  text-shadow: 1px 1px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanMeta {
  margin: 0 0 6px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.72);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPlanFerment {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.58);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLoot {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLootRow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLootItem {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 10px;
  text-align: center;
  min-width: 0;
  container-type: inline-size;
  background: linear-gradient(180deg, #12082a, #08041a);
  border: 2px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLootItem img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  align-self: center;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLootItem strong {
  display: block;
  font-family: "Press Start 2P", monospace;
  font-size: calc(10px + 5pt);
  color: var(--neo-gold);
  text-shadow: 1px 1px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLootItem span {
  display: block;
  font-size: calc(10px + 3pt);
  color: rgba(255, 255, 255, 0.55);
  margin-top: 2px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBossTip {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 3px solid var(--neo-gold-dim);
  border-radius: var(--easy-radius);
  background: linear-gradient(90deg, rgba(255, 204, 0, 0.08), rgba(0, 0, 0, 0.5));
  box-shadow: var(--neo-bevel-inset), 0 0 12px rgba(255, 204, 0, 0.15);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBossTipIcon {
  flex: 0 0 auto;
  font-size: 18px;
  color: var(--neo-gold);
  text-shadow: 2px 2px 0 var(--neo-magenta-dim);
  line-height: 1;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBossTip p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBossTipLabel {
  display: block;
  margin-bottom: 6px;
  font-family: "Press Start 2P", monospace;
  font-size: 7px;
  color: var(--neo-gold);
  letter-spacing: 0.08em;
}

/* Schedule + bake guide */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyLevel--guide {
  border-color: var(--neo-cyan);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideTitle {
  margin: 0 0 12px;
  font-family: "Press Start 2P", monospace;
  font-size: clamp(8px, 2.2vw, 11px);
  color: var(--neo-magenta);
  text-align: center;
  letter-spacing: 0.08em;
  text-shadow: 2px 2px 0 #000, 0 0 10px rgba(255, 45, 149, 0.4);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideColTitle {
  margin: 0 0 4px;
  font-family: "Press Start 2P", monospace;
  font-size: 8px;
  color: var(--easy-cyan);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideColSub {
  margin: 0 0 10px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideCol--bake .pdcEasyBakeCard {
  margin-top: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMapStep--bake .pdcEasyBakeCard {
  margin-top: 10px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMapStep--bake .pdcEasyMapBody > .pdcEasyBakeCard {
  width: 100%;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  margin-bottom: 10px;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(120, 140, 220, 0.28);
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.9), rgba(8, 16, 58, 0.86));
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap li:last-child {
  margin-bottom: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .badge {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #2a1860, #12082a);
  border: 2px solid var(--neo-cyan);
  box-shadow: var(--neo-bevel-outset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .badgeIconImg {
  width: 30px;
  height: 30px;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMapBody {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap h3,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .pdcEasyMapStageTitle {
  margin: 0;
  font-family: "Press Start 2P", monospace;
  font-size: clamp(9px, 2.2vw, 11px);
  line-height: 1.45;
  letter-spacing: 0.05em;
  color: #ff5c9c;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.85);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .pdcEasyMapTime {
  margin: 6px 0 0;
  font-size: clamp(10px, 2.5vw, 12px);
  line-height: 1.35;
  color: #b49cff;
  font-weight: 600;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMapBody > p {
  margin: 10px 0 0;
  font-size: clamp(14px, 3.8vw, 17px);
  line-height: 1.55;
  color: #e8ecff;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .pdcEasyGuideActions {
  margin-top: 12px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyMap .pdcEasyGuideOpenBtn {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: #f5f8ff;
  border-color: rgba(75, 248, 254, 0.5);
  background: linear-gradient(180deg, rgba(32, 44, 96, 0.92), rgba(14, 22, 58, 0.95));
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeCard {
  position: relative;
  padding: 12px;
  background: linear-gradient(180deg, #12082a, #08041a);
  border: 3px solid var(--neo-gold-dim);
  border-radius: var(--easy-radius);
  font-size: 12px;
  line-height: 1.45;
  color: var(--neo-white);
  box-shadow: var(--neo-bevel-inset), 0 0 16px rgba(255, 204, 0, 0.12);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeCardHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeCardHead h3 {
  margin: 0;
  font-family: "Press Start 2P", monospace;
  font-size: 8px;
  line-height: 1.5;
  color: var(--neo-gold);
  text-shadow: 1px 1px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeLives {
  display: flex;
  gap: 4px;
  font-size: 14px;
  color: var(--neo-red);
  line-height: 1;
  flex-shrink: 0;
  text-shadow: 0 0 6px rgba(255, 51, 51, 0.6);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeBoss {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 2px solid var(--neo-magenta);
  border-radius: var(--easy-radius);
  background: rgba(255, 45, 149, 0.08);
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeBoss img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeBoss p {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeTips {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeTips li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.4;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeTips li:last-child {
  margin-bottom: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyBakeTipIcon {
  flex: 0 0 auto;
  width: 18px;
  text-align: center;
  opacity: 0.9;
}

/* Beginner guides */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuide {
  margin-top: 10px;
  border: 2px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: #08041a;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuide summary {
  cursor: pointer;
  padding: 8px 10px;
  font-family: "Press Start 2P", monospace;
  font-size: 7px;
  color: var(--neo-cyan);
  list-style: none;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuide summary::-webkit-details-marker {
  display: none;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuide[open] summary {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody {
  padding: 8px 10px 10px;
  font-size: 11px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.8);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody h4 {
  margin: 10px 0 6px;
  font-family: "Press Start 2P", monospace;
  font-size: 7px;
  color: var(--neo-gold);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody h4:first-child {
  margin-top: 0;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody ul,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody ol {
  margin: 0 0 8px;
  padding-left: 1.2em;
}

/* Beginner guide dropdowns: full width of schedule / bake column (all Easy shells). */
html.pdcEasyPage .pdcEasyMapBody {
  min-width: 0;
  width: 100%;
}

html.pdcEasyPage .pdcEasyGuide {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html.pdcEasyPage .pdcEasyGuide summary {
  display: block;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
}

html.pdcEasyPage .pdcEasyGuide summary::-webkit-details-marker {
  display: none;
}

html.pdcEasyPage .pdcEasyGuideBody {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  hyphens: manual;
}

html.pdcEasyPage .pdcEasyGuideBody :is(p, ul, ol, li, h4, .pdcEasyGuideSubhead, .pdcEasyGuideFix) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  hyphens: manual;
}

html.pdcEasyPage details.pdcEasyGuide,
html.pdcEasyPage details.pdcDoughJoPart,
html.pdcEasyPage details.pdcDoughJoStep {
  display: flow-root;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  touch-action: pan-y;
}

html.pdcEasyPage details.pdcDoughJoStep > :not(summary),
html.pdcEasyPage details.pdcDoughJoPart > :not(summary) {
  clear: both;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideBody li {
  margin-bottom: 4px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideSubhead {
  margin: 8px 0 4px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideFix {
  margin-bottom: 8px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideFix strong {
  display: block;
  color: #fca5a5;
  margin-bottom: 2px;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideFix p {
  margin: 0;
}

/* Footer */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasySiteFoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 3px solid var(--neo-magenta);
  font-family: "Press Start 2P", monospace;
  font-size: clamp(6px, 1.6vw, 7px);
  color: var(--neo-cyan);
  letter-spacing: 0.06em;
  text-shadow: 1px 1px 0 #000;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasySiteFoot img {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasySiteFootTag {
  color: var(--neo-gold);
  text-shadow: 2px 2px 0 var(--neo-magenta-dim);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyFoot {
  text-align: center;
  margin-top: 14px;
  font-size: 13px;
  color: rgba(240, 244, 255, 0.5);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyFoot a {
  color: var(--neo-pink);
  font-weight: 600;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyFoot a:hover {
  color: var(--neo-cyan);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyWarn {
  color: var(--neo-red);
  font-size: 13px;
  margin-top: 8px;
  text-shadow: 0 0 8px rgba(255, 51, 51, 0.4);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyPanRow[hidden],
#easyPanAmount[hidden] {
  display: none !important;
}

/* Main dashboard title (below sticky nav) */
html.pdcEasyPage:not(.pdcEasyDashboard) .app.pdcEasy > header.top.pdcEasyTop {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  box-sizing: border-box;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .app.pdcEasy > header.top.pdcEasyTop .topBrand {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .app.pdcEasy > header.top.pdcEasyTop .topBrandBtn {
  text-align: center;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .app.pdcEasy > header.top.pdcEasyTop .topBrandCrtHost {
  width: 100%;
  max-width: 100%;
}

html.pdcEasyPage:not(.pdcEasyDashboard) .app.pdcEasy > header.top.pdcEasyTop .topBrandImg {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
  filter: drop-shadow(0 0 20px rgba(0, 232, 255, 0.25)) drop-shadow(0 4px 0 #000);
}

/* Easy keeps Neo Geo look even if Game Boy display pref is set */
html.pdcEasyPage:not(.pdcEasyDashboard)[data-pdc-display="gameboy"] .bg,
html.pdcEasyPage:not(.pdcEasyDashboard)[data-pdc-display="gameboy"] body {
  background: var(--neo-void) !important;
}

html.pdcEasyPage:not(.pdcEasyDashboard)[data-pdc-display="gameboy"] .pdcEasyShell,
html.pdcEasyPage:not(.pdcEasyDashboard)[data-pdc-display="gameboy"] .pdcEasyLevel,
html.pdcEasyPage:not(.pdcEasyDashboard)[data-pdc-display="gameboy"] .pixelNav {
  filter: none;
}

/* —— Integrated dashboard shell: match Normal/Wizard grid, cards, neon frames —— */
html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard {
  align-items: start;
}

/* Pin column 1 / 2 like Normal — explicit tracks beat auto-placement when the dungeon row is present. */
html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > .pdcSidebarColumn {
  grid-column: 1 / 2 !important;
  grid-row: 2;
  position: relative;
  z-index: 10;
  min-width: 0;
  pointer-events: auto;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > section.card.results {
  grid-column: 2 / 3 !important;
  grid-row: 2;
  align-self: start;
  justify-self: stretch;
  z-index: 0;
  min-width: 0;
  max-width: 100%;
  /* Revealed column needs visible overflow so the pink ::before ring (inset -2px) is not cropped. */
  overflow: visible;
  contain: none;
}

/* TV idle reset: same overflow/contain as Normal (layout containment was nudging the frame). */
html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > section.card.results.results--reset:not(.pdcEasyHasType),
html.pdcEasyPage.pdcEasyDashboard
  main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1)
  > section.card.results.pdcEasyResultsCard.results--reset:not(.pdcEasyHasType) {
  overflow: hidden;
  contain: none;
}

/* === Easy dashboard layout (skill modes + DoughJo) — keep when editing menus/modals === */

/* Two-column (double-screen): idle TV reset + stage padding (skill modes baseline lives in styles.css). */
@media (min-width: 650px) {
  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > .pdcSidebarColumn,
  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > section.card.results {
    margin-top: 0;
  }

  /* Idle TV reset: same block layout as Normal `.card.results.results--reset` (flex host added ~2px). */
  html.pdcEasyPage.pdcEasyDashboard
    main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1)
    > section.card.results.pdcEasyResultsCard.results--reset:not(.pdcEasyHasType) {
    display: block;
  }

  html.pdcEasyPage.pdcEasyDashboard
    section.card.results.results--reset:not(.pdcEasyHasType)
    > #pdcEasyHero.hero.neonFrame.neonFrame--pink {
    margin-top: 0;
  }

  /* Stage titles + controls: 2px lower vs Normal column alignment. */
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field {
    padding-top: 16px;
  }
}

/* One-screen Easy: skill modes sit below the title + Come-to-DoughJo header stack. */
@media (max-width: 649px) {
  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > .pdcSidebarColumn,
  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain):not(.dashboard--hideCol1) > section.card.results {
    grid-column: 1 / -1 !important;
    grid-row: auto;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcSidebarColumn > .pdcModeChipsBar {
    margin-top: 56px;
  }
}

html.pdcEasyPage.pdcEasyDashboard #pdcNormalSidebar {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyColumn {
  display: block !important;
  pointer-events: auto;
}

/* Column balance: same flex host + bottom filler stack as Normal `.card.results`. */
html.pdcEasyPage.pdcEasyDashboard #pdcEasyColumn.card.sidebar.is-column-balance-active.pdcColumnBalanceHost {
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 0;
  overflow: hidden;
  contain: layout paint;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyColumn.pdcColumnBalanceHost > :not(.pdcColumnBalanceStack) {
  flex: 0 0 auto;
}

html.pdcEasyPage.pdcEasyDashboard
  #pdcEasyColumn.pdcColumnBalanceHost
  > .pdcColumnBalanceStack.is-column-balance-active {
  margin-top: auto;
  flex-shrink: 0;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyColumn[hidden] {
  display: none !important;
}

/* Normal column-two shell (shared HTML): never show on Easy — must beat Normal first-paint. */
html.pdcEasyPage section.card.results > #pdcNormalResults,
html.pdcEasyPage.pdcEasyDashboard #pdcNormalResults,
html.pdcEasyPage.pdcEasyDashboard #pdcNormalResults[hidden] {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results > #pdcEasyHero,
html.pdcEasyPage.pdcEasyDashboard section.card.results > .pdcEasyResultsWrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
}

/* TV shell: flex column like Normal `#pdcHeroCard` (block was shifting the frame a few px). */
html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero:not([hidden]) {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResultsWrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResults {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyResultsWrap[hidden] {
  display: none !important;
}

/* Normal first-paint rules hide `> *:not(.hero)` on `.card.results`; Easy must stay visible. */
html.pdcEasyPage.pdcEasyDashboard section.card.results > .pdcEasyResultsWrap:not([hidden]) {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results > #pdcEasyHero:not([hidden]) {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasterEggRow,
html.pdcEasyPage.pdcEasyDashboard .dashboardVerBar {
  display: none !important;
}

/* Calculation dungeon: same full-width row under columns 1 + 2 as Normal dashboard. */
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  min-width: 0;
}

/* Easy art: doughjo header + doughjoinside floor (800×2395 — same scroll layout as Normal). */
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt {
  --pdc-dungeon-scroll-bottom-gap: 0.015;
  --pdc-dungeon-scroll-offset-y: -150px;
  --pdc-dungeon-scroll-height-extra: 20px;
}

/* DoughJo guide opener: same illuminated drop cap as the calculation dungeon chronicle. */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDungeonTaleOpener {
  text-align: justify;
  hyphens: auto;
  text-indent: 0;
  margin: 0 0 16px;
  padding: 0 0.4em;
  font-weight: 700;
  line-height: calc(15px * 1.72 - 1pt);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDungeonTaleOpener::first-letter {
  float: left;
  margin: 0.04em 0.12em 0 0;
  font-size: 3.1em;
  line-height: 0.78;
  font-weight: 700;
  color: var(--pdc-easy-tale-magenta, var(--tale-accent));
}

/* DoughJo scroll no longer uses the chronicle drop-cap opener at the root. */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale > .pdcDungeonTaleOpener {
  display: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale :is(.pdcDoughJoPart, .pdcDoughJoPart--style, .pdcDoughJoPartBody, .pdcDoughJoStepBody) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale :is(.pdcDoughJoGuideList, .pdcDoughJoGuideSteps, .pdcDoughJoGuidePrelude, .pdcDoughJoGuideSummary, .pdcDoughJoGuideSubhead, .pdcDoughJoGuideFix, .pdcDoughJoStepHint) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-align: left;
  hyphens: manual;
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonFloorStage {
  background-image: url("./assets/Branding/doughjoinside.webp");
}

/* doughjo.webp — vertical shine at “>”, spraying outward over THE DOUGHJO (tune via custom props). */
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger {
  /* doughjo.webp — % only so shimmers track scaled art (tuned ~560px wide). */
  --pdc-doughjo-title-top: 28.5%;
  --pdc-doughjo-title-height: 15.1%;
  --pdc-doughjo-title-origin-left: 25.5%;
  --pdc-doughjo-title-spray-width: 48%;
  /* Shimmer tints matched to doughjo.webp sign (violet → pink → magenta). */
  --pdc-doughjo-shimmer-deep: rgba(90, 48, 168, 0.45);
  --pdc-doughjo-shimmer-violet: rgba(167, 120, 255, 0.68);
  --pdc-doughjo-shimmer-purple: rgba(111, 53, 215, 0.58);
  --pdc-doughjo-shimmer-pink: rgba(255, 110, 180, 0.82);
  --pdc-doughjo-shimmer-magenta: rgba(255, 45, 149, 0.72);
  --pdc-doughjo-shimmer-core: rgba(255, 215, 238, 0.94);
}

@keyframes pdcDoughJoTitleVertical {
  0%, 74%, 100% {
    background-position: 0 145%;
    opacity: 0;
    transform: scaleX(0.4);
  }
  82% {
    opacity: 0.65;
    transform: scaleX(0.65);
  }
  90% {
    background-position: 0 -40%;
    opacity: 0.95;
    transform: scaleX(0.75);
  }
  97% {
    opacity: 0.35;
    background-position: 0 -55%;
  }
}

@keyframes pdcDoughJoTitleSpray {
  0%, 74%, 100% {
    opacity: 0;
    transform: scaleX(0.04);
    filter: blur(0);
  }
  80% {
    opacity: 0.45;
    transform: scaleX(0.18);
    filter: blur(0.5px);
  }
  88% {
    opacity: 0.92;
    transform: scaleX(0.72);
    filter: blur(1px);
  }
  94% {
    opacity: 1;
    transform: scaleX(1);
    filter: blur(1.5px);
  }
  99% {
    opacity: 0.3;
    transform: scaleX(1.06);
    filter: blur(2px);
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::before {
  content: "";
  position: absolute;
  top: var(--pdc-doughjo-title-top);
  left: var(--pdc-doughjo-title-origin-left);
  width: clamp(3px, 1.2%, 10px);
  height: var(--pdc-doughjo-title-height);
  z-index: 2;
  pointer-events: none;
  border-radius: 2px;
  mix-blend-mode: screen;
  transform-origin: left center;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--pdc-doughjo-shimmer-deep) 14%,
    var(--pdc-doughjo-shimmer-violet) 32%,
    var(--pdc-doughjo-shimmer-core) 50%,
    var(--pdc-doughjo-shimmer-pink) 66%,
    var(--pdc-doughjo-shimmer-magenta) 84%,
    transparent 100%
  );
  background-size: 100% 240%;
  background-repeat: no-repeat;
  animation: pdcDoughJoTitleVertical 4.6s ease-in-out infinite;
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::after {
  content: "";
  position: absolute;
  top: var(--pdc-doughjo-title-top);
  left: var(--pdc-doughjo-title-origin-left);
  width: var(--pdc-doughjo-title-spray-width);
  height: var(--pdc-doughjo-title-height);
  z-index: 1;
  pointer-events: none;
  border-radius: 3px;
  mix-blend-mode: screen;
  transform-origin: left center;
  background: linear-gradient(
    90deg,
    var(--pdc-doughjo-shimmer-core) 0%,
    var(--pdc-doughjo-shimmer-pink) 9%,
    var(--pdc-doughjo-shimmer-violet) 22%,
    var(--pdc-doughjo-shimmer-purple) 36%,
    rgba(167, 120, 255, 0.14) 48%,
    transparent 56%,
    transparent 66%,
    var(--pdc-doughjo-shimmer-purple) 76%,
    var(--pdc-doughjo-shimmer-magenta) 88%,
    var(--pdc-doughjo-shimmer-violet) 96%,
    transparent 100%
  );
  animation: pdcDoughJoTitleSpray 4.6s ease-in-out infinite;
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--floorOpen.pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::before,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--floorOpen.pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::after {
  animation: none;
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::before,
  html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcCalculationDungeonTrigger::after {
    display: none;
  }
}

/* Easy dungeon scroll: bright parchment + doughjo neon palette (Normal/Wizard unchanged). */
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt {
  --pdc-easy-tale-ink: rgba(28, 20, 58, 0.94);
  --pdc-easy-tale-parchment: rgba(255, 253, 251, 1);
  --pdc-easy-tale-parchment-edge: rgba(255, 255, 255, 0.98);
  --pdc-easy-tale-accent: rgba(111, 53, 215, 0.9);
  --pdc-easy-tale-magenta: rgba(228, 49, 115, 0.92);
  --pdc-easy-tale-cyan: rgba(0, 153, 179, 0.88);
  --pdc-easy-tale-border: rgba(228, 49, 115, 0.28);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--storybook {
  --tale-ink: var(--pdc-easy-tale-ink);
  --tale-parchment: var(--pdc-easy-tale-parchment);
  --tale-parchment-edge: var(--pdc-easy-tale-parchment-edge);
  --tale-gold: var(--pdc-easy-tale-magenta);
  --tale-accent: var(--pdc-easy-tale-accent);
  color: var(--pdc-easy-tale-ink);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96) 0%,
    var(--pdc-easy-tale-parchment) 7%,
    var(--pdc-easy-tale-parchment) 93%,
    rgba(255, 255, 255, 0.96) 100%
  );
  border-color: var(--pdc-easy-tale-border);
  outline-color: rgba(255, 255, 255, 0.65);
  box-shadow:
    0 0 0 1px rgba(228, 49, 115, 0.12),
    0 0 24px rgba(228, 49, 115, 0.14),
    0 0 40px rgba(75, 248, 254, 0.08),
    0 8px 28px rgba(0, 0, 0, 0.22);
}

/* DoughJo reading: extra side inset so justified copy does not clip the parchment edge. */
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDoughJoTale.pdcDungeonTale--storybook {
  padding: 14px 22px 28px;
  scroll-padding-inline: 10px;
  scroll-padding-block: 14px 24px;
  scroll-behavior: smooth;
  /* Let upward flings chain to the page at scroll top (contain trapped mobile scroll inside). */
  overscroll-behavior-y: auto;
  overflow-y: auto;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--easy-radius, 14px);
  outline-offset: -3px;
}

/* DoughJo: page scroll until the parchment reaches the nav, then scroll inside (see pdc-dungeon-floor.js). */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale.pdcDungeonTale--storybook.pdcDungeonTale--scrollLocked {
  overflow-y: hidden !important;
  touch-action: pan-y;
}

/* Parchment lifted to the nav when floor-art inset cannot scroll further (steps region). */
html.pdcEasyPage.pdcEasyDashboard #pdcDoughJoDungeon {
  transition: transform 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--doughJoParchmentPinned #pdcDoughJoDungeon {
  z-index: 4;
}

@media (prefers-reduced-motion: reduce) {
  html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDoughJoTale.pdcDungeonTale--storybook {
    scroll-behavior: auto;
  }

  html.pdcEasyPage.pdcEasyDashboard #pdcDoughJoDungeon {
    transition: none;
  }
}

@media (max-width: 649px) {
  html.pdcEasyPage.pdcEasyDashboard
    .pdcCalculationDungeon--floorOpen
    .pdcDoughJoTale.pdcDungeonTale--storybook {
    padding-left: 18px;
    padding-right: 20px;
  }
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--storybook {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 253, 251, 0.99) 9%,
      rgba(255, 253, 251, 0.99) 91%,
      rgba(255, 255, 255, 0.94) 100%
    );
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleTitle,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleLead,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyWhen,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyWhy,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleBridge,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleCloser,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleNote,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleAside {
  color: var(--pdc-easy-tale-accent);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleTitle {
  font-family: var(--arcade), system-ui, sans-serif;
  color: var(--pdc-easy-tale-magenta);
  text-shadow: 0 0 12px rgba(228, 49, 115, 0.2);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--blocked .pdcDungeonTaleTitle {
  color: var(--pdc-easy-tale-magenta);
  text-shadow: 0 0 14px rgba(228, 49, 115, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleOpener,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTalePara,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyBeat,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyDetail,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleSectionTitle,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleFormulas,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleFormulas dd {
  color: var(--pdc-easy-tale-ink);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleOpener::first-letter,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--blocked .pdcDungeonTaleOpener::first-letter {
  color: var(--pdc-easy-tale-magenta);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleRule {
  border-top-color: var(--pdc-easy-tale-border);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleRule::after {
  color: var(--pdc-easy-tale-cyan);
  background: var(--pdc-easy-tale-parchment);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--intro .pdcDungeonTalePara {
  border-left-color: var(--pdc-easy-tale-border);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--intro .pdcDungeonTaleCloser,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--blocked .pdcDungeonTaleCloser {
  border-top-color: var(--pdc-easy-tale-border);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--intro .pdcDungeonTaleIllumine {
  color: var(--pdc-easy-tale-magenta);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--intro a.pdcDungeonTaleIllumine:focus-visible {
  outline-color: var(--pdc-easy-tale-cyan);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleAside,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleFormulas {
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(228, 49, 115, 0.2);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleFormulas dt {
  color: var(--pdc-easy-tale-magenta);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourney li {
  border-bottom-color: rgba(111, 53, 215, 0.22);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyBeat::after {
  color: rgba(28, 20, 58, 0.45);
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleCloser {
  border-top-color: var(--pdc-easy-tale-border);
}

@media (prefers-reduced-transparency: reduce) {
  html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTale--storybook {
    --tale-parchment: rgb(255, 253, 251);
    --tale-parchment-edge: rgb(255, 255, 255);
  }
}

/* DoughJo beginner lesson layout (calm cards inside the scroll). */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-scroll-content {
  width: 100%;
  max-width: 38rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
  container-type: inline-size;
  container-name: doughjo-scroll;
}

/* DoughJo — gentle panel washes (Easy palette, not heavy borders). */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale {
  --pdc-doughjo-panel-edge: rgba(111, 53, 215, 0.2);
  --pdc-doughjo-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 10px rgba(28, 20, 58, 0.06);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-lead {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 252, 245, 0.95), rgba(252, 244, 255, 0.88));
  border: 1px solid var(--pdc-doughjo-panel-edge);
  box-shadow: var(--pdc-doughjo-panel-shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-note {
  margin: 10px 0 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(236, 250, 252, 0.75), rgba(255, 253, 251, 0.92));
  border: 1px solid rgba(0, 153, 179, 0.18);
  box-shadow: var(--pdc-doughjo-panel-shadow);
  opacity: 1;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-route-overview {
  margin: 0 0 4px;
  padding: 10px 12px 10px 1.2em;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(236, 250, 252, 0.9), rgba(255, 253, 251, 0.85));
  border: 1px solid rgba(0, 153, 179, 0.16);
  box-shadow: var(--pdc-doughjo-panel-shadow);
  list-style-position: outside;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-fix-row {
  margin: 0 0 10px;
  padding: 9px 10px;
  border-radius: 8px;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(255, 244, 248, 0.92), rgba(255, 252, 248, 0.88));
  border: 1px solid rgba(228, 49, 115, 0.14);
  box-shadow: var(--pdc-doughjo-panel-shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-fix-row__problem {
  display: inline-block;
  margin: 0 0 6px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 0.86rem;
  color: var(--pdc-easy-tale-magenta);
  background: rgba(255, 230, 240, 0.75);
  border: 1px solid rgba(228, 49, 115, 0.16);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle {
  margin-top: 8px;
  border: 1px solid rgba(111, 53, 215, 0.18);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(252, 248, 255, 0.95), rgba(255, 253, 251, 0.9));
  box-shadow: var(--pdc-doughjo-panel-shadow);
  overflow: hidden;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle summary {
  background: rgba(245, 238, 255, 0.55);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle__body {
  padding: 10px 10px 12px;
  border-top: 1px dashed rgba(111, 53, 215, 0.14);
  background: rgba(255, 253, 251, 0.72);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDungeonTaleCloser {
  margin-top: 6px;
  padding: 12px 14px;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.5;
  border-top: 0;
  border-radius: var(--easy-radius, 14px);
  background: linear-gradient(180deg, rgba(255, 252, 245, 0.92), rgba(252, 244, 255, 0.88));
  border: 1px solid var(--pdc-doughjo-panel-edge);
  box-shadow: var(--pdc-doughjo-panel-shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDoughJoPart,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDoughJoStep {
  background: linear-gradient(180deg, rgba(255, 253, 251, 0.94), rgba(245, 240, 255, 0.88));
  border-color: rgba(111, 53, 215, 0.22);
  box-shadow: var(--pdc-doughjo-panel-shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDoughJoGuideSubhead {
  display: inline-block;
  margin: 10px 0 6px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(245, 238, 255, 0.85);
  border: 1px solid rgba(111, 53, 215, 0.14);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDoughJoGuideFix {
  margin: 0 0 10px;
  padding: 9px 10px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 248, 238, 0.92), rgba(255, 253, 251, 0.88));
  border: 1px solid rgba(180, 110, 40, 0.2);
  box-shadow: var(--pdc-doughjo-panel-shadow);
}

/* DoughJo intro plaque — training-floor gate before the lesson cards. */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card {
  position: relative;
  padding: 14px 16px 16px;
  border-radius: var(--easy-radius, 14px);
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255, 252, 245, 0.98) 0%, rgba(255, 248, 238, 0.94) 48%, rgba(252, 244, 255, 0.92) 100%);
  border: 2px solid rgba(120, 72, 38, 0.35);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.85),
    inset 0 2px 0 rgba(255, 235, 200, 0.55),
    inset 0 -10px 24px rgba(111, 53, 215, 0.06),
    0 0 0 1px rgba(228, 49, 115, 0.14),
    0 0 22px rgba(228, 49, 115, 0.12),
    0 0 36px rgba(75, 248, 254, 0.08),
    0 6px 18px rgba(28, 20, 58, 0.1);
  overflow: hidden;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: calc(var(--easy-radius, 14px) - 4px);
  border: 1px dashed rgba(111, 53, 215, 0.22);
  pointer-events: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card::after {
  content: "道";
  position: absolute;
  right: 10px;
  bottom: 6px;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 900;
  color: rgba(111, 53, 215, 0.08);
  pointer-events: none;
  user-select: none;
  animation: doughjo-zen-breathe 6s ease-in-out 1.2s infinite;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__head {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__badge {
  margin: 0 0 6px;
  font-family: var(--arcade), system-ui, sans-serif;
  font-size: calc(0.68rem + 1pt);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pdc-easy-tale-magenta);
  text-shadow: 0 0 14px rgba(228, 49, 115, 0.25);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__rule {
  width: min(220px, 72%);
  margin: 0 auto 8px;
  border: 0;
  border-top: 2px solid rgba(180, 120, 60, 0.45);
  position: relative;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__rule::before,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__rule::after {
  content: "◆";
  position: absolute;
  top: -0.55em;
  font-size: 0.65rem;
  color: var(--pdc-easy-tale-cyan);
  text-shadow: 0 0 8px rgba(0, 153, 179, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__rule::before {
  left: -0.15em;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__rule::after {
  right: -0.15em;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__kicker {
  margin: 0;
  font-family: var(--arcade), system-ui, sans-serif;
  font-size: calc(0.82rem + 1pt);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pdc-easy-tale-accent);
  line-height: 1.3;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__body {
  position: relative;
  z-index: 1;
  max-width: 32rem;
  margin: 0 auto;
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__lead {
  margin: 0 0 0.5rem;
  font-size: calc(0.96rem + 2pt);
  font-weight: 700;
  line-height: 1.5;
  color: var(--pdc-easy-tale-ink);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.55;
  color: var(--pdc-easy-tale-ink);
}

/* Rule sits on the last intro line; zen copy starts directly beneath it. */
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__body > :not(.doughjo-intro-card__zen):last-of-type {
  margin-bottom: 0;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(111, 53, 215, 0.14);
}

@keyframes doughjo-zen-breathe {
  0%,
  100% {
    opacity: 0.82;
    text-shadow: 0 0 0 transparent;
    letter-spacing: 0.02em;
  }
  50% {
    opacity: 1;
    text-shadow: 0 0 14px rgba(0, 153, 179, 0.28);
    letter-spacing: 0.06em;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen {
  margin: 0;
  padding: 0.35rem 8px 2px;
  border-top: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.12rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen-line {
  margin: 0;
  font-size: calc(0.94rem + 3pt);
  font-weight: 700;
  line-height: 1.35;
  color: var(--pdc-easy-tale-ink);
  opacity: 1;
  animation: doughjo-zen-breathe 4.8s ease-in-out infinite;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen-line:nth-child(1) {
  animation-delay: 0s;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen-line:nth-child(2) {
  animation-delay: 0.35s;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen-line:nth-child(3) {
  animation-delay: 0.7s;
}

@media (prefers-reduced-motion: reduce) {
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card::after,
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-intro-card__zen-line {
    opacity: 1;
    animation: none;
    transform: none;
    letter-spacing: 0.02em;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 560px) {
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--making,
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--need,
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--basics,
  html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--full {
    grid-column: 1 / -1;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card {
  padding: 12px 14px 14px;
  border-radius: var(--easy-radius, 14px);
  background: linear-gradient(180deg, rgba(255, 253, 251, 0.96), rgba(252, 248, 255, 0.9));
  border: 1px solid rgba(111, 53, 215, 0.18);
  border-left-width: 4px;
  box-shadow: var(--pdc-doughjo-panel-shadow);
  scroll-margin-top: 14px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--making {
  border-left-color: rgba(228, 49, 115, 0.75);
  background: linear-gradient(145deg, rgba(255, 246, 250, 0.98), rgba(255, 252, 245, 0.92) 55%, rgba(252, 244, 255, 0.9));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--making .doughjo-card-body > p:first-of-type {
  font-size: calc(0.9rem + 2pt);
  font-weight: 700;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--need {
  border-left-color: rgba(111, 53, 215, 0.75);
  background: linear-gradient(145deg, rgba(248, 242, 255, 0.98), rgba(255, 253, 251, 0.93) 50%, rgba(252, 248, 255, 0.9));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--basics {
  border-left-color: rgba(0, 153, 179, 0.75);
  background: linear-gradient(145deg, rgba(236, 250, 252, 0.55), rgba(255, 253, 251, 0.94) 45%, rgba(252, 248, 255, 0.9));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--route {
  border-left-color: rgba(72, 160, 88, 0.8);
  background: linear-gradient(145deg, rgba(240, 248, 242, 0.75), rgba(255, 253, 251, 0.94) 50%, rgba(252, 248, 255, 0.9));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--trouble {
  border-left-color: rgba(180, 110, 40, 0.85);
  background: linear-gradient(145deg, rgba(255, 250, 238, 0.95), rgba(255, 253, 251, 0.92) 50%, rgba(255, 244, 248, 0.88));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--step {
  border-left-color: rgba(111, 53, 215, 0.55);
  background: linear-gradient(180deg, rgba(252, 248, 255, 0.95), rgba(255, 253, 251, 0.92));
  scroll-margin-top: 14px;
  scroll-margin-bottom: 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-lesson-card--safety {
  border-left-color: rgba(228, 49, 115, 0.65);
  background: linear-gradient(145deg, rgba(255, 248, 240, 0.98), rgba(255, 244, 248, 0.92) 55%, rgba(255, 252, 245, 0.9));
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-title {
  margin: 0 0 8px;
  font-family: var(--arcade), system-ui, sans-serif;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pdc-easy-tale-magenta);
  line-height: 1.35;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-body,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-lead,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-note {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--pdc-easy-tale-ink);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-lead {
  font-weight: 600;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-note {
  font-size: 0.84rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-body p {
  margin: 0 0 0.55rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-list,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-steps,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-route-overview {
  margin: 0;
  padding-left: 1.15em;
  font-size: 0.88rem;
  line-height: 1.5;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-list li,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-card-steps li,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-route-overview__item {
  margin-bottom: 0.35rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-route-overview__item strong {
  color: var(--pdc-easy-tale-accent);
  font-weight: 700;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-step-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-fix-row:last-child {
  margin-bottom: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-fix-row__fix {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.45;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle {
  overflow: hidden;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle summary {
  list-style: none;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--pdc-easy-tale-accent);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle summary::-webkit-details-marker {
  display: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle summary::after {
  content: " +";
  float: right;
  color: var(--pdc-easy-tale-magenta);
  font-weight: 900;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .doughjo-detail-toggle[open] summary::after {
  content: " −";
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoPart {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0.75rem 0;
  border: 1px solid rgba(228, 49, 115, 0.2);
  border-radius: var(--easy-radius, 14px);
  padding: 0.35rem 0.85rem 0.65rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoPartBody,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoStepBody {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoPart summary,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoStep summary {
  display: block;
  width: 100%;
  box-sizing: border-box;
  list-style: none;
  cursor: pointer;
  font-weight: 700;
  color: var(--pdc-easy-tale-accent);
  padding: 0.25rem 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoPart summary::-webkit-details-marker,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoStep summary::-webkit-details-marker {
  display: none;
}

/* Dashboard schedule / bake: beginner guide panels match column width. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuide {
  margin-top: 10px;
  border: 2px solid rgba(246, 249, 255, 0.22);
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.86), rgba(8, 16, 58, 0.7));
  box-shadow: var(--shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuide summary {
  cursor: pointer;
  padding: 10px 12px;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-10) + 2pt);
  line-height: 1.45;
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuide[open] summary {
  border-bottom: 1px dashed rgba(246, 249, 255, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody {
  padding: 10px 12px 12px;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-12) + 1pt);
  line-height: 1.45;
  color: var(--text);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody h4 {
  margin: 10px 0 6px;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-10) + 2pt);
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody h4:first-child {
  margin-top: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody ul,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody ol {
  margin: 0 0 8px;
  padding-left: 1.2em;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideBody li {
  margin-bottom: 4px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideSubhead {
  margin: 8px 0 4px;
  font-weight: 600;
  color: var(--text);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcEasyGuideSubhead {
  color: var(--pdc-easy-tale-accent);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuidePrelude {
  margin: 0 0 8px;
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideFix {
  margin-bottom: 8px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideFix strong {
  display: block;
  color: #fff;
  margin-bottom: 2px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideFix p {
  margin: 0;
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoPartH3,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleSectionTitle {
  font-size: calc(0.95rem + 2pt);
  margin: 0.65rem 0 0.35rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleLead,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleBridge,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyWhen,
html.pdcEasyPage.pdcEasyDashboard .pdcCalculationDungeon--easyArt .pdcDungeonTaleJourneyWhy {
  font-size: calc(1em + 2pt);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoTale .pdcDoughJoGuideSubhead,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuideH4 {
  font-size: calc(0.82rem + 2pt);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoStep {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0.55rem 0;
  border: 1px solid rgba(111, 53, 215, 0.22);
  border-radius: var(--easy-radius, 14px);
  padding: 0.35rem 0.85rem 0.65rem;
  background: rgba(255, 255, 255, 0.38);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoStepHint {
  font-size: 0.88rem;
  opacity: 0.92;
  margin: 0.25rem 0 0.5rem;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuideH4 {
  margin: 0.65rem 0 0.25rem;
  color: var(--pdc-easy-tale-magenta);
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuideList,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuideSteps {
  margin: 0.25rem 0 0.5rem 1.1rem;
  padding-right: 0.75rem;
  font-size: 0.88rem;
  list-style-position: outside;
}

html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuidePrelude,
html.pdcEasyPage.pdcEasyDashboard .pdcDoughJoGuideSummary {
  font-size: 0.9rem;
  line-height: 1.45;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top .topActions,
html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top .topPlanStylesGroup {
  display: none !important;
}

/* Row 1: dashboard title (col 1) + Come to DoughJo banner (col 2). */
html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .topBrand {
  grid-column: 1 / 2;
  grid-row: 1;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .topBrand .topBrandBtn {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
  justify-self: start;
}

/* Come to DoughJo header art: Easy dashboard only (shared HTML on index).
 * One-screen “Come and visit” position: translateY(50px) in @media (max-width: 649px) below. */
html:not(.pdcEasyPage) #pdcEasyCol2Brand,
html.pdcEasyPage:not(.pdcEasyDashboard) #pdcEasyCol2Brand {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .pdcEasyCol2Brand {
  grid-column: 2 / 3;
  grid-row: 1;
  position: relative;
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  align-self: start;
  justify-self: stretch;
  box-sizing: border-box;
  overflow: visible;
  cursor: pointer;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .pdcEasyCol2Brand:focus-visible {
  outline: 2px solid rgba(75, 248, 254, 0.88);
  outline-offset: 3px;
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .pdcEasyCol2Brand[hidden] {
  display: none !important;
}

/* Match Normal: stack only when the main grid is single-column (≤649px), not at tablet
 * two-column widths (650–980px). Title dismiss uses the same full-width rule as Normal. */
@media (max-width: 649px) {
  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain) > header.top {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    row-gap: 10px;
    column-gap: 0;
  }

  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain) > header.top > .topBrand {
    order: 1;
    grid-column: auto;
    grid-row: auto;
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    align-self: stretch !important;
  }

  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain) > header.top > .pdcEasyCol2Brand {
    order: 2;
    grid-column: auto;
    grid-row: auto;
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin: 0;
    padding-bottom: 4px;
    /* Visual-only nudge: “Come and visit the DoughJo” art — does not reflow the header stack. */
    transform: translateY(50px);
  }

  html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard:not(.knowledgeMain) > header.top > .topRight:not(.topRight--phantom) {
    order: 3;
    width: 100%;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyCol2BrandImg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Shimmer sweep over “COME AND VISIT” on cometodoughjo.webp (tune via custom props). */
@keyframes pdcDoughJoVisitShimmer {
  0%, 78%, 100% {
    background-position: 130% 0;
    opacity: 0;
  }
  84% {
    opacity: 0.72;
  }
  92% {
    background-position: -30% 0;
    opacity: 0.5;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyCol2Brand::after {
  content: "";
  position: absolute;
  /* cometodoughjo.webp — % only (tuned ~560px wide). */
  top: var(--pdc-doughjo-visit-shimmer-top, 21.5%);
  left: var(--pdc-doughjo-visit-shimmer-left, 16.8%);
  width: var(--pdc-doughjo-visit-shimmer-width, 54%);
  height: var(--pdc-doughjo-visit-shimmer-height, 12%);
  z-index: 1;
  pointer-events: none;
  border-radius: 2px;
  mix-blend-mode: screen;
  background: linear-gradient(
    100deg,
    transparent 36%,
    rgba(75, 248, 254, 0.44) 44%,
    rgba(255, 255, 245, 0.96) 50%,
    rgba(255, 130, 198, 0.5) 56%,
    transparent 64%
  );
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: pdcDoughJoVisitShimmer 4.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyCol2Brand::after {
    display: none;
  }
}

html.pdcEasyPage.pdcEasyDashboard main.grid.dashboard > header.top > .topRight:not(.topRight--phantom) {
  display: none !important;
}

/* Easy reset / plan hero — mirror Normal `.card.results.results--reset` + inner hero. */
html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset:not(.pdcEasyHasType) {
  padding: 0;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset:not(.pdcEasyHasType):hover {
  transform: none;
  border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset:not(.pdcEasyHasType)::before {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset > .pdcEasyResultsWrap {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset #pdcEasyHero .heroPrimaryCol,
html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset #pdcEasyHero .heroBody {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset:not(.pdcEasyHasType) #pdcEasyHero .heroStyle {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset:not(.pdcEasyHasType) > #pdcEasyHero.hero.neonFrame.neonFrame--pink,
html.pdcEasyPage.pdcEasyDashboard
  section.card.results.pdcEasyResultsCard.results--reset:not(.pdcEasyHasType)
  > #pdcEasyHero.hero.neonFrame.neonFrame--pink {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  margin: 0;
  min-width: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Revealed column (style chosen): inner hero uses Normal flex layout, not TV reset padding. */
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.pdcEasyHasType:not(.results--reset) > #pdcEasyHero.hero.neonFrame.neonFrame--pink {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  margin: 0 0 12px;
  padding: 0 16px 18px;
  overflow: visible;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  border-radius: inherit;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv[hidden] {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero.pdcEasyHero--hasStyle .pdcEasyStyleTv {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero.pdcEasyHero--hasStyle #easyHeroStyle {
  display: flex !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasType #pdcEasyHero .heroStyle {
  display: flex !important;
}

/* Idle + hover style preview: same full TV frame (no wide crop). */
html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv.pdcEasyStyleTv--idle,
html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv.heroResetPlaceholder--stylePreview {
  aspect-ratio: auto;
  height: auto;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv .heroResetPlaceholderImg {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv .heroResetPreviewCap {
  display: block;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .pdcEasyStyleTv .heroResetPreviewCapLabel {
  font-family: var(--arcade);
  font-size: var(--fs-h-10);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Full column chrome only after Easy JS marks the shell (avoids neon flash on refresh). */
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  align-self: start;
  padding: 16px;
  overflow: visible;
  position: relative;
  border-color: transparent;
  --nf-border: rgba(255, 130, 198, 0.98);
  --nf-glow: rgba(228, 49, 115, 0.44);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 0 40px rgba(228, 49, 115, 0.16),
    inset 0 -32px 56px rgba(75, 248, 254, 0.07),
    0 0 0 1px rgba(228, 49, 115, 0.48),
    0 0 22px rgba(228, 49, 115, 0.52),
    0 0 46px rgba(111, 53, 215, 0.34),
    0 0 72px rgba(75, 248, 254, 0.22);
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.results--reset:not(.pdcEasyHasType) {
  padding: 0;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.results--reset:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.results--reset:not(.pdcEasyHasType)::before {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard:not(.results--reset)::before,
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.pdcEasyHasType::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--radius2) + 2px);
  pointer-events: none;
  border: 2px solid var(--nf-border);
  box-shadow:
    0 0 0 4px var(--nf-glow),
    0 0 20px rgba(228, 49, 115, 0.58),
    0 0 40px rgba(75, 248, 254, 0.34);
}

/* Style picked: full Normal column chrome (ring + padding + glow), even before plan is live. */
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasType,
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.pdcEasyHasType {
  padding: 16px !important;
  overflow: visible !important;
  border-color: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 0 40px rgba(228, 49, 115, 0.16),
    inset 0 -32px 56px rgba(75, 248, 254, 0.07),
    0 0 0 1px rgba(228, 49, 115, 0.48),
    0 0 22px rgba(228, 49, 115, 0.52),
    0 0 46px rgba(111, 53, 215, 0.34),
    0 0 72px rgba(75, 248, 254, 0.22) !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasType:hover,
html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard.pdcEasyHasType:hover {
  transform: none;
  border-color: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 0 40px rgba(228, 49, 115, 0.16),
    inset 0 -32px 56px rgba(75, 248, 254, 0.07),
    0 0 0 1px rgba(228, 49, 115, 0.48),
    0 0 22px rgba(228, 49, 115, 0.52),
    0 0 46px rgba(111, 53, 215, 0.34),
    0 0 72px rgba(75, 248, 254, 0.22) !important;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn.card.sidebar {
  max-width: none;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .divider.sidebarNeonBreaker {
  margin: 14px 4px;
  flex-shrink: 0;
}

/* Easy dashboard column 1 — SNK / 80s neon cabinet (matches hero + standalone Easy). */
html.pdcEasyPage.pdcEasyDashboard {
  --neo-void: #06020f;
  --neo-deep: #0e0622;
  --neo-panel-top: #2a1860;
  --neo-panel-mid: #160a34;
  --neo-panel-bot: #0a0418;
  --neo-cyan: #00e8ff;
  --neo-cyan-dim: #0099b3;
  --neo-magenta: #ff2d95;
  --neo-magenta-dim: #b8005c;
  --neo-pink: #ff6eb4;
  --neo-gold: #ffcc00;
  --neo-gold-dim: #c99400;
  --neo-green: #39ff14;
  --neo-white: #f0f4ff;
  --neo-bevel-hi: rgba(255, 255, 255, 0.38);
  --neo-bevel-lo: rgba(0, 0, 0, 0.65);
  --easy-radius: 14px;
  --easy-panel: linear-gradient(
    180deg,
    var(--neo-panel-top) 0%,
    var(--neo-panel-mid) 42%,
    var(--neo-panel-bot) 100%
  );
  --easy-glow-cyan: 0 0 0 2px var(--neo-magenta), 0 0 16px rgba(0, 232, 255, 0.55),
    0 0 32px rgba(255, 45, 149, 0.2);
  --easy-glow-magenta: 0 0 0 2px var(--neo-cyan), 0 0 18px rgba(255, 45, 149, 0.5),
    0 4px 0 rgba(0, 0, 0, 0.85);
  --neo-bevel-inset: inset 2px 2px 0 var(--neo-bevel-hi), inset -2px -3px 0 var(--neo-bevel-lo);
  --neo-bevel-outset: 2px 2px 0 var(--neo-bevel-hi), -2px -3px 0 var(--neo-bevel-lo);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn.card.sidebar {
  position: relative;
  border-color: transparent;
  background: linear-gradient(180deg, rgba(20, 10, 48, 0.94) 0%, rgba(6, 2, 15, 0.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 0 36px rgba(0, 232, 255, 0.1),
    inset 0 -28px 52px rgba(255, 45, 149, 0.08),
    0 0 0 1px rgba(75, 248, 254, 0.42),
    0 0 22px rgba(0, 232, 255, 0.32),
    0 0 44px rgba(111, 53, 215, 0.26),
    0 0 64px rgba(228, 49, 115, 0.18);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn.card.sidebar::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: calc(var(--easy-radius, 14px) + 4px);
  pointer-events: none;
  border: 2px solid rgba(0, 232, 255, 0.55);
  box-shadow:
    0 0 0 3px rgba(0, 232, 255, 0.14),
    0 0 18px rgba(0, 232, 255, 0.42),
    0 0 36px rgba(255, 45, 149, 0.22);
  z-index: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn.card.sidebar > * {
  position: relative;
  z-index: 1;
}

/* Column 1: one neon-framed stage per step. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field {
  margin: 0;
  padding: 14px 14px 16px;
  min-width: 0;
  border-radius: var(--easy-radius);
  overflow: visible;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field.neonFrame {
  border: 2px solid rgba(0, 232, 255, 0.5);
  background: var(--easy-panel);
  box-shadow: var(--neo-bevel-inset), 0 0 20px rgba(0, 232, 255, 0.14);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field.neonFrame::before {
  inset: -3px;
  border-radius: calc(var(--easy-radius) + 4px);
  border-width: 2px;
  opacity: 1;
  box-shadow:
    0 0 0 3px var(--nf-glow),
    0 0 18px color-mix(in srgb, var(--nf-border) 65%, transparent),
    0 0 32px rgba(255, 45, 149, 0.2);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage--types.neonFrame {
  --nf-border: rgba(0, 232, 255, 0.92);
  --nf-glow: rgba(0, 232, 255, 0.38);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage--amount.neonFrame {
  --nf-border: rgba(255, 45, 149, 0.92);
  --nf-glow: rgba(255, 45, 149, 0.36);
  border-color: rgba(255, 45, 149, 0.48);
  box-shadow: var(--neo-bevel-inset), 0 0 20px rgba(255, 45, 149, 0.16);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage--eat.neonFrame {
  --nf-border: rgba(255, 204, 0, 0.95);
  --nf-glow: rgba(255, 204, 0, 0.32);
  border-color: rgba(255, 204, 0, 0.45);
  box-shadow: var(--neo-bevel-inset), 0 0 20px rgba(255, 204, 0, 0.14);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage--bake.neonFrame {
  --nf-border: rgba(57, 255, 20, 0.85);
  --nf-glow: rgba(57, 255, 20, 0.28);
  border-color: rgba(57, 255, 20, 0.42);
  box-shadow: var(--neo-bevel-inset), 0 0 20px rgba(57, 255, 20, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field.neonFrame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.06) 2px,
    rgba(0, 0, 0, 0.06) 4px
  );
  opacity: 0.45;
  z-index: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field > * {
  position: relative;
  z-index: 1;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field + .pdcEasyStage.field {
  margin-top: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStageTitle {
  display: block;
  margin: 0 0 8px;
  padding-left: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: calc(var(--fs-b-13) + 1pt);
  font-weight: 800;
  color: var(--neo-cyan);
  letter-spacing: 0.02em;
  text-transform: none;
  text-shadow:
    0 0 12px rgba(0, 232, 255, 0.45),
    0 0 24px rgba(255, 45, 149, 0.15);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--amount .pdcEasyStageTitle {
  color: var(--neo-pink);
  text-shadow:
    0 0 12px rgba(255, 45, 149, 0.5),
    0 0 20px rgba(0, 232, 255, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcEasyStageTitle {
  color: var(--neo-gold);
  text-shadow: 0 0 12px rgba(255, 204, 0, 0.45), 0 0 20px rgba(255, 45, 149, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--bake .pdcEasyStageTitle {
  color: var(--neo-green);
  text-shadow: 0 0 12px rgba(57, 255, 20, 0.4), 0 0 18px rgba(0, 232, 255, 0.1);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .hint {
  margin: 0 0 10px;
  color: rgba(240, 244, 255, 0.72);
  text-align: center;
}

/* Easy neon boxes: centre stage titles, hints, and descriptions. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .pdcEasyStage.field {
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStageTitle,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .sizeLabel,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .pdcEasyWarn,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .fermentNativeFieldLab {
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--types .pdcEasyTypeGrid {
  margin-inline: auto;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .chipRow {
  justify-content: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .sizeLabel {
  display: block;
  margin: 10px 0 8px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: calc(var(--fs-b-13) + 1pt);
  font-weight: 800;
  color: rgba(255, 110, 180, 0.95);
  text-shadow: 0 0 10px rgba(255, 45, 149, 0.25);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 4px;
  touch-action: pan-y;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 8px;
  border: 2px solid rgba(255, 180, 100, 0.35);
  background: rgba(40, 28, 12, 0.35);
  cursor: pointer;
  user-select: none;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourRow--on {
  border-color: rgba(255, 200, 120, 0.75);
  background: rgba(80, 50, 20, 0.45);
  box-shadow: 0 0 12px rgba(255, 180, 80, 0.2);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourRow input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: rgba(255, 180, 80, 0.95);
  cursor: pointer;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourLabel {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: calc(var(--fs-b-13) + 1pt);
  font-weight: 700;
  color: rgba(255, 220, 160, 0.96);
  line-height: 1.3;
  text-align: left;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourHint {
  margin: 8px 0 0;
  text-align: center;
  line-height: 1.45;
  color: rgba(255, 210, 150, 0.88);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourPick {
  margin-top: 10px;
  padding: 0 4px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourPickLab {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: calc(var(--fs-b-12) + 1pt);
  font-weight: 600;
  color: rgba(255, 210, 150, 0.9);
  text-align: center;
  cursor: pointer;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourSelect {
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 8px;
  border: 2px solid rgba(255, 180, 100, 0.45);
  background: rgba(20, 14, 8, 0.85);
  color: rgba(255, 230, 190, 0.96);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: calc(var(--fs-b-12) + 1pt);
  font-weight: 600;
  cursor: pointer;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGfFlourSelect:disabled {
  opacity: 0.75;
  cursor: default;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeGrid .pdcEasyTypeCard {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  min-width: 0;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeGrid .pdcEasyTypeCard img {
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 0;
  height: auto;
  object-fit: cover;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeGrid .pdcEasyTypeCardBody {
  flex: 1 1 auto;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .row {
  margin: 4px 0 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--amount #easyRoundStepper {
  justify-content: center;
  gap: 14px;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding: 10px 14px;
  border: 3px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: rgba(8, 4, 26, 0.92);
  box-shadow: var(--neo-bevel-inset), 0 0 14px rgba(0, 232, 255, 0.2);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--amount #easyRoundStepper .iconBtn {
  width: 44px;
  height: 44px;
  border: 2px solid var(--neo-magenta);
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #ff2d95 0%, #a80052 100%);
  color: var(--neo-white);
  font-size: 22px;
  line-height: 1;
  box-shadow: var(--neo-bevel-outset), 0 0 10px rgba(255, 45, 149, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--amount #easyRoundStepper .iconBtn:hover:not(:disabled) {
  filter: brightness(1.12);
  box-shadow: var(--neo-bevel-outset), 0 0 14px rgba(255, 45, 149, 0.5);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcEasyEatDatetime {
  max-width: 420px;
  margin-inline: auto;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .row.fermentStartRow {
  justify-content: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .row .pdcEasyStepperVal {
  flex: 0 0 auto;
  min-width: 2.5ch;
  text-align: center;
  font-family: "Press Start 2P", var(--arcade), ui-monospace, monospace;
  font-size: clamp(14px, 3.2vw, 18px);
  font-weight: 400;
  color: var(--neo-gold);
  line-height: 40px;
  text-shadow: 2px 2px 0 #000, 0 0 12px rgba(255, 204, 0, 0.45);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage .chipRow {
  margin-top: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .chipRow .chip:not(.activeGreen):not(.danger) {
  border: 2px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: linear-gradient(180deg, #1f1048, #0e0622);
  color: var(--neo-white);
  font-family: "Press Start 2P", var(--arcade), ui-monospace, monospace;
  font-size: 8px;
  line-height: 1.45;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: var(--neo-bevel-outset), 0 0 8px rgba(0, 232, 255, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .chipRow .chip:not(.activeGreen):not(.danger):hover {
  border-color: var(--neo-pink);
  filter: brightness(1.1);
  box-shadow: var(--neo-bevel-outset), 0 0 12px rgba(255, 45, 149, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .chip.activeGreen,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyColumn .chip.activeGreen:hover,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips .chip.activeGreen,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips .chip.activeGreen:hover {
  border-color: var(--neo-gold);
  background: linear-gradient(180deg, #3d2880, #1a0e3a);
  color: var(--neo-gold);
  box-shadow:
    0 0 0 2px var(--neo-magenta),
    0 0 16px rgba(255, 204, 0, 0.45),
    var(--neo-bevel-inset);
  filter: none;
  text-shadow: 0 0 10px rgba(255, 204, 0, 0.5);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .row.fermentStartRow {
  margin-top: 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow input[type="date"],
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow input[type="time"] {
  pointer-events: auto;
}

/* Empty shells: show “Pick a date/time” like Normal (shared rules lose to `.fermentStartRow input` color). */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within) input[type="date"],
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within) input[type="time"] {
  color: transparent !important;
}

html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-fields-wrapper,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-text,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-month-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-day-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-year-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-hour-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-minute-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell.pdcNativeInputShell--ghost:not(:focus-within)
  input::-webkit-datetime-edit-ampm-field {
  color: transparent;
  -webkit-text-fill-color: transparent;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow #easyEatTime.fermentStartInput--live,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow #easyEatDate.fermentStartInput--live {
  background: linear-gradient(180deg, rgba(30, 181, 130, 0.22), rgba(30, 181, 130, 0.1));
  border-color: rgba(30, 181, 130, 0.75);
  box-shadow:
    0 0 0 2px rgba(30, 181, 130, 0.16),
    0 0 14px rgba(30, 181, 130, 0.28),
    inset 0 0 20px rgba(30, 181, 130, 0.08);
  color: rgba(255, 255, 255, 0.96);
}
/* Filled eat fields: never stack “Pick a date/time” over a committed value (iOS `focus-within` gap). */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcNativeInputShell:has(.fermentStartInput--live) .pdcNativeInputGhost {
  opacity: 0 !important;
}
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input[type="date"],
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input[type="time"] {
  color: rgba(255, 255, 255, 0.96) !important;
}
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-fields-wrapper,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-text,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-month-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-day-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-year-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-hour-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-minute-field,
html.pdcEasyPage.pdcEasyDashboard
  .pdcEasyStage--eat
  .pdcNativeInputShell:has(.fermentStartInput--live):not(:focus-within)
  input::-webkit-datetime-edit-ampm-field {
  color: rgba(255, 255, 255, 0.96);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.96);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow #easyEatTime.fermentStartInput--live:focus,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentStartRow #easyEatDate.fermentStartInput--live:focus {
  outline: 2px solid rgba(72, 220, 160, 0.92);
  outline-offset: 1px;
  border-color: rgba(72, 220, 160, 0.92);
  box-shadow:
    0 0 0 2px rgba(30, 181, 130, 0.2),
    0 0 14px rgba(30, 181, 130, 0.28);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips.chipRow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips.chipRow .chip {
  width: 100%;
  justify-content: center;
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChipLabel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  line-height: 1.15;
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChipLine {
  display: block;
}

@media (max-width: 520px){
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips.chipRow {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips.chipRow .chip.pdcEasyBakeChip--singleLine {
    min-height: 0;
    padding-block: 10px 9px;
    white-space: normal;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChip--singleLine .pdcEasyBakeChipLabel {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 0;
    line-height: 1.25;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChip--singleLine .pdcEasyBakeChipLine {
    display: inline;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeChips.chipRow .chip.pdcEasyBakeChip--stacked {
    min-height: 3.1em;
    padding-block: 8px 7px;
    white-space: normal;
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyWarn {
  margin-top: 8px;
  color: var(--neo-gold);
  text-shadow: 0 0 10px rgba(255, 204, 0, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .chip--tonight:not(.activeGreen) {
  border-color: rgba(255, 110, 180, 0.75);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .chip--tomorrow:not(.activeGreen) {
  border-color: rgba(0, 232, 255, 0.65);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .chip--weekend:not(.activeGreen) {
  border-color: rgba(255, 204, 0, 0.65);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .fermentNativeFieldLab {
  color: rgba(255, 204, 0, 0.9);
  text-shadow: 0 0 8px rgba(255, 204, 0, 0.25);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyStage--eat .pdcNativeInputShell {
  border: 2px solid var(--neo-cyan-dim);
  border-radius: var(--easy-radius);
  background: rgba(8, 4, 26, 0.88);
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage.pdcEasyDashboard #easyPanAmount,
html.pdcEasyPage.pdcEasyDashboard #easyPanSizeRow {
  margin-top: 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 0;
  text-align: left;
  cursor: pointer;
  overflow: hidden;
  border-radius: var(--easy-radius);
  border: 3px solid #3d2880;
  background: linear-gradient(180deg, #1a0e3a 0%, #08041a 100%);
  box-shadow: var(--neo-bevel-inset);
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.12s, transform 0.1s, box-shadow 0.12s;
}

@media (hover: hover) {
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard:hover {
    border-color: var(--neo-pink);
    transform: translateY(-2px);
    box-shadow: 0 0 12px rgba(255, 45, 149, 0.35), var(--neo-bevel-inset);
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.pdcEasyTypeCard--previewHover:not(.isSelected) {
  border-color: var(--neo-pink);
  transform: translateY(-2px);
  box-shadow: 0 0 12px rgba(255, 45, 149, 0.35), var(--neo-bevel-inset);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected.pdcEasyTypeCard--previewHover {
  transform: translateY(-2px);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeGrid--previewOff .pdcEasyTypeCard.pdcEasyTypeCard--previewHover:not(.isSelected) {
  border-color: #3d2880;
  transform: none;
  box-shadow: var(--neo-bevel-inset);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected {
  border-color: rgba(255, 255, 255, 0.28);
  background: var(--good);
  box-shadow:
    0 0 0 1px rgba(30, 181, 130, 0.45),
    0 0 16px rgba(30, 181, 130, 0.45),
    0 0 28px rgba(30, 181, 130, 0.2);
  transform: translateY(-1px);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected .pdcEasyTypeCardBody strong,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected .pdcEasyTypeCardBody span {
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected .pdcEasyTypeCardBody strong {
  text-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard.isSelected .pdcEasySizeTag {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(8, 16, 58, 0.55);
  color: #fff;
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCard img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCardBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 8px 10px 10px;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCardBody strong {
  font-family: "Press Start 2P", var(--arcade), ui-monospace, monospace;
  font-size: clamp(8px, 2.2vw, 11px);
  line-height: 1.45;
  color: var(--neo-gold);
  text-shadow: 2px 2px 0 #000, 0 0 8px rgba(255, 204, 0, 0.35);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyTypeCardBody span {
  font-family: Inter, system-ui, sans-serif;
  font-size: var(--fs-b-12);
  color: rgba(255, 255, 255, 0.68);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasySizeTag {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 1;
  font-family: "Press Start 2P", var(--arcade), ui-monospace, monospace;
  font-size: 12px;
  padding: 8px 10px;
  border: 2px solid var(--neo-magenta);
  background: var(--neo-void);
  color: var(--neo-gold);
  border-radius: var(--easy-radius);
  box-shadow: 2px 2px 0 #000, 0 0 8px rgba(255, 45, 149, 0.3);
  line-height: 1.2;
}

/* Column 2: hero matches Normal — column carries the pink ring; inner hero has no second ring. */
html.pdcEasyPage.pdcEasyDashboard section.card.results > #pdcEasyHero.hero.neonFrame.neonFrame--pink {
  position: relative;
  margin: 0;
  z-index: auto;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.results--reset > #pdcEasyHero.hero.neonFrame.neonFrame--pink {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results > #pdcEasyHero.hero.neonFrame.neonFrame--pink::before {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero.pdcEasyHero--hasStyle .heroStyleImg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(280px, 44vmin, 34vw);
  object-fit: contain;
  object-position: center;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero.pdcEasyHero--hasStyle .heroStyleLabelWrap {
  padding-top: 14px;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .heroStyleLabel {
  font-size: calc(var(--fs-h-12) + 2pt);
}

@supports (font-size: 1cqi) {
  html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .heroStyleLabel {
    font-size: clamp(
      calc(6px + var(--type-bump-heading) + 2pt),
      calc(2px + 2.35cqi + var(--type-bump-heading) + 2pt),
      calc(22px + var(--type-bump-heading) + 2pt)
    );
  }
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasPlan #pdcEasyHero.pdcEasyHero--hasStyle .heroStyle {
  display: flex !important;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyIntro {
  margin: 14px 4px 16px;
  padding: 0;
  text-align: left;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-13) + 1pt);
  line-height: 1.5;
  color: var(--muted);
  border: none;
  background: transparent;
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyIntroStar {
  display: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResults .pdcEasyLevel {
  border: none;
  background: transparent;
  padding: 0;
  margin-bottom: 18px;
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResults .pdcEasyLevel--plan {
  border: none;
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResults .pdcEasyLevelTitle {
  margin-left: 5px;
  font-family: var(--arcade);
  font-size: var(--fs-h-14);
  letter-spacing: 0.12em;
  color: var(--accentHot);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideTitle {
  margin-left: 5px;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-14) + 2pt);
  letter-spacing: 0.04em;
  text-transform: none;
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyPlanReady,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyPlanMeta,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyPlanFerment {
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
  text-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyPlanReady strong {
  color: var(--accentHot);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBossTip {
  border-radius: var(--radius2);
  border: 1px solid rgba(246, 249, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBossTipLabel {
  font-family: var(--arcade);
  color: var(--accentHot);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideColTitle {
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-12) + 3pt);
  letter-spacing: 0.06em;
  color: var(--accentHot);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideColSub,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCard {
  font-family: Inter, system-ui, sans-serif;
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideColSub {
  font-size: calc(var(--fs-b-12) + 1pt);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyFoot {
  margin-top: 16px;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-13) + 1pt);
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyFoot a {
  color: var(--accent);
}

/* Dashboard results: reuse standalone plan / loot / schedule / bake layout rules. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyPlanPanel {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 14px;
  margin-bottom: 12px;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasPlan #pdcEasyHero .heroBody {
  display: none !important;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyHasPlan #pdcEasyHero .heroPrimaryCol {
  display: block !important;
}

html.pdcEasyPage.pdcEasyDashboard #pdcEasyHero .heroStyleImgComposition > .heroJumpScott.heroJumpScott--stamped {
  display: block;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLoot {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLootRow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLootItem {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 10px;
  text-align: center;
  min-width: 0;
  container-type: inline-size;
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.86), rgba(8, 16, 58, 0.7));
  border: 2px solid rgba(246, 249, 255, 0.22);
  border-radius: var(--radius2);
  box-shadow: var(--shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLootItem img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  align-self: center;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLootItem strong {
  display: block;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-10) + 5pt);
  color: var(--accentHot);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLootItem span {
  display: block;
  font-size: calc(var(--fs-b-11) + 3pt);
  color: var(--muted);
  margin-top: 2px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBossTip {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  margin-bottom: 14px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBossTipIcon {
  flex: 0 0 auto;
  font-size: 18px;
  color: var(--accentHot);
  line-height: 1;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBossTip p {
  margin: 0;
  font-size: var(--fs-b-12);
  line-height: 1.45;
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideGrid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  width: 100%;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideCol {
  width: 100%;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 0;
}

/* Schedule step cards — readable hierarchy on navy (page background unchanged). */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  margin-bottom: 10px;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid rgba(120, 140, 220, 0.28);
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.9), rgba(8, 16, 58, 0.86));
  box-shadow: var(--shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap li:last-child {
  margin-bottom: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .badge {
  width: 40px;
  height: 40px;
  margin-top: 2px;
  display: grid;
  place-items: center;
  border-radius: var(--radius2);
  background: linear-gradient(180deg, rgba(42, 24, 96, 0.92), rgba(18, 8, 42, 0.92));
  border: 2px solid rgba(75, 248, 254, 0.38);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .badgeIconImg {
  width: 30px;
  height: 30px;
  object-fit: contain;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMapBody {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  min-width: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap h3,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyMapStageTitle {
  margin: 0;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-11, 11px) + 2pt);
  line-height: 1.45;
  letter-spacing: 0.05em;
  text-transform: none;
  color: #ff5c9c;
  text-shadow: 1px 1px 0 rgba(8, 6, 28, 0.85);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyMapTime {
  margin: 6px 0 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-12, 12px) + 1pt);
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #b49cff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMapBody > p {
  margin: 10px 0 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-13, 13px) + 2pt);
  line-height: 1.55;
  color: #e8ecff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyGuideActions {
  margin-top: 12px;
}

/* Hand-guide triggers: same type as bake-card guide button (.chip), labels may wrap. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideOpenBtn {
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyGuideOpenBtn {
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  color: #f5f8ff;
  border: 2px solid rgba(75, 248, 254, 0.5);
  background: linear-gradient(180deg, rgba(32, 44, 96, 0.92), rgba(14, 22, 58, 0.95));
  box-shadow:
    0 2px 0 rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyGuideOpenBtn:hover,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyGuideOpenBtn:focus-visible {
  border-color: rgba(75, 248, 254, 0.72);
  background: linear-gradient(180deg, rgba(40, 54, 108, 0.96), rgba(18, 28, 68, 0.98));
}

@media (max-width: 649px) {
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap h3,
  html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyMapStageTitle {
    font-size: calc(var(--fs-h-10, 10px) + 2pt);
    letter-spacing: 0.04em;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyMapBody > p {
    font-size: 17px;
    line-height: 1.5;
  }

  html.pdcEasyPage.pdcEasyDashboard .pdcEasyMap .pdcEasyMapTime {
    font-size: calc(var(--fs-b-12, 12px) + 2pt);
  }
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCard {
  position: relative;
  display: flow-root;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 12px;
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.86), rgba(8, 16, 58, 0.7));
  border: 2px solid rgba(246, 249, 255, 0.22);
  border-radius: var(--radius2);
  font-size: calc(var(--fs-b-12) + 1pt);
  line-height: 1.45;
  color: var(--text);
  box-shadow: var(--shadow);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCardHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCardHead h3 {
  margin: 0;
  font-family: var(--arcade);
  font-size: calc(var(--fs-h-10) + 2pt);
  line-height: 1.5;
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeLives {
  display: flex;
  gap: 4px;
  font-size: calc(14px + 1pt);
  color: #ff6b6b;
  line-height: 1;
  flex-shrink: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeBoss {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 2px solid rgba(228, 49, 115, 0.45);
  border-radius: var(--radius2);
  background: rgba(228, 49, 115, 0.08);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeBoss img {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeBoss p {
  margin: 0;
  font-size: calc(var(--fs-b-12) + 1pt);
  line-height: 1.4;
  color: var(--text);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeTips {
  list-style: none;
  margin: 0;
  padding: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeTips li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: calc(var(--fs-b-12) + 1pt);
  line-height: 1.4;
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeTips li:last-child {
  margin-bottom: 0;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeTipIcon {
  flex: 0 0 18px;
  width: 18px;
  text-align: center;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyResultsWrap > .divider.heroNeonBreaker {
  margin: 4px 0 14px;
}

html.pdcEasyPage.pdcEasyDashboard section.card.results.pdcEasyResultsCard:not(.results--reset) #pdcEasyHero:not(.pdcEasyHero--idle) {
  padding: 20px 16px 18px;
  overflow: hidden;
}

/* —— Schedule / bake hand-guide modal + calmer timeline —— */
html.pdcEasyBeginnerModalOpen {
  overflow: hidden;
}

.pdcEasyBeginnerModal[hidden] {
  display: none !important;
}

.pdcEasyBeginnerModal {
  position: fixed;
  inset: 0;
  z-index: 10060;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    calc(env(safe-area-inset-top, 0px) + var(--pdc-sticky-nav-offset, 56px) + 10px)
    max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px))
    max(12px, env(safe-area-inset-left, 0px));
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
}

.pdcEasyBeginnerModal__scrim {
  position: fixed;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(5, 8, 30, 0.72);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .pdcEasyBeginnerModal__scrim {
    background: rgba(5, 8, 30, 0.85);
  }
}

.pdcEasyBeginnerModal__card {
  position: relative;
  z-index: 1;
  width: min(480px, 100%);
  height: min(78vh, 640px);
  max-height: min(78vh, 640px);
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
  border: 2px solid rgba(75, 248, 254, 0.5);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(16, 21, 61, 0.96), rgba(8, 16, 58, 0.98));
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    0 0 24px rgba(75, 248, 254, 0.14);
  color: var(--text, rgba(255, 251, 248, 0.94));
  overflow: hidden;
}

.pdcEasyBeginnerModal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 14px 8px;
  border-bottom: 1px dashed rgba(246, 249, 255, 0.12);
}

.pdcEasyBeginnerModal__title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--arcade, "Press Start 2P", monospace);
  font-size: calc(var(--fs-h-11, 11px) + 2pt);
  line-height: 1.4;
  color: #fff;
}

.pdcEasyBeginnerModal__close {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 2px solid rgba(246, 249, 255, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.pdcEasyBeginnerModal__close:hover,
.pdcEasyBeginnerModal__close:focus-visible {
  border-color: rgba(75, 248, 254, 0.65);
  background: rgba(75, 248, 254, 0.12);
}

.pdcEasyBeginnerModal__progress {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 16px 8px;
  min-height: 2.5em;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-13, 13px) + 1pt);
  line-height: 1.35;
  color: var(--muted, rgba(246, 249, 255, 0.72));
}

.pdcEasyBeginnerModal__viewport {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.pdcEasyBeginnerModal__step {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.pdcEasyBeginnerModal__stepTitle {
  margin: 0 0 12px;
  font-family: var(--arcade, "Press Start 2P", monospace);
  font-size: calc(var(--fs-h-12, 12px) + 2pt);
  line-height: 1.4;
  color: var(--accentHot, #ff6bcb);
}

.pdcEasyBeginnerModal__para {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-14, 14px) + 1pt);
  line-height: 1.45;
  color: var(--text);
  white-space: normal;
  overflow-wrap: anywhere;
}

.pdcEasyBeginnerModal__para + .pdcEasyBeginnerModal__para {
  margin-top: 0.65em;
}

.pdcEasyBeginnerModal__list,
.pdcEasyBeginnerModal__steps {
  margin: 0;
  padding-left: 1.2em;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-14, 14px) + 1pt);
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

.pdcEasyBeginnerModal__list li,
.pdcEasyBeginnerModal__steps li {
  margin-bottom: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.pdcEasyBeginnerModal__list li:last-child,
.pdcEasyBeginnerModal__steps li:last-child {
  margin-bottom: 0;
}

.pdcEasyBeginnerModal__fix {
  margin-bottom: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(246, 249, 255, 0.1);
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-13, 13px) + 1pt);
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

.pdcEasyBeginnerModal__fix:last-child {
  margin-bottom: 0;
}

.pdcEasyBeginnerModal__fix strong {
  display: block;
  margin-bottom: 4px;
  font-size: calc(var(--fs-b-13, 13px) + 2pt);
  color: #fff;
}

.pdcEasyBeginnerModal__fix p {
  margin: 0;
  color: var(--muted);
}

.pdcEasyBeginnerModal__foot {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: stretch;
  padding: 10px 14px 14px;
  min-height: 58px;
  box-sizing: border-box;
  border-top: 1px dashed rgba(246, 249, 255, 0.12);
  background: linear-gradient(180deg, rgba(8, 16, 58, 0.55), rgba(8, 16, 58, 0.92));
}

.pdcEasyBeginnerModal__nav {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  box-sizing: border-box;
  justify-content: center;
  align-self: stretch;
}

.pdcEasyBeginnerModal__nav--prev:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.pdcEasyBeginnerModal__nav--prev[aria-hidden="true"] {
  visibility: hidden;
  pointer-events: none;
}

.pdcEasyBeginnerModal__nav--next {
  min-width: 0;
}

/* Schedule / bake: compact hand-guide triggers (no inline details). */
html.pdcEasyPage .pdcEasyGuideActions,
html.pdcEasyPage .pdcEasyBakeCardActions {
  margin-top: 10px;
}

html.pdcEasyPage .pdcEasyGuideOpenBtn {
  width: 100%;
  max-width: 100%;
  justify-content: center;
  box-sizing: border-box;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideColSub strong {
  color: var(--accent, #4bf8fe);
  font-weight: 600;
}

/* Schedule intro — DoughJo-style plaque, dashboard neon frame palette. */
html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntro {
  position: relative;
  margin: 0 0 14px;
  padding: 12px 14px 13px;
  border-radius: var(--radius2);
  overflow: hidden;
  background: linear-gradient(
    165deg,
    rgba(22, 28, 72, 0.95) 0%,
    rgba(12, 18, 58, 0.92) 55%,
    rgba(18, 12, 48, 0.94) 100%
  );
  border: 2px solid rgba(75, 248, 254, 0.35);
  border-left: 4px solid rgba(75, 248, 254, 0.75);
  box-shadow:
    var(--shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 -12px 28px rgba(111, 53, 215, 0.12),
    0 0 20px rgba(75, 248, 254, 0.08);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntro::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: calc(var(--radius2) - 3px);
  border: 1px dashed rgba(246, 249, 255, 0.14);
  pointer-events: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntro::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  background: linear-gradient(105deg, transparent 30%, rgba(228, 49, 115, 0.07) 100%);
  pointer-events: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntroLead,
html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntroHint {
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: calc(var(--fs-b-12) + 1pt);
  line-height: 1.5;
  color: var(--text);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntroLead {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed rgba(246, 249, 255, 0.14);
  font-weight: 600;
  color: #fff;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntroHint {
  color: var(--muted);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideIntroHint strong {
  color: var(--accent);
  font-weight: 700;
}

/* Standalone Easy page (non-dashboard shell). */
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideIntro {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: var(--easy-radius);
  border: 2px solid var(--neo-cyan-dim);
  border-left: 4px solid var(--neo-cyan);
  background: linear-gradient(180deg, rgba(18, 14, 42, 0.94), rgba(8, 6, 22, 0.92));
  box-shadow: var(--neo-bevel-inset), 0 0 14px rgba(75, 248, 254, 0.12);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideIntroLead,
html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideIntroHint {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideIntroLead {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
  font-weight: 600;
  color: var(--neo-cyan);
}

html.pdcEasyPage:not(.pdcEasyDashboard) .pdcEasyGuideIntroHint strong {
  color: var(--neo-cyan);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCardActions {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed rgba(246, 249, 255, 0.12);
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyBakeCardActions .pdcEasyGuideOpenBtn {
  width: 100%;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 10px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyLevel--guide {
  margin-top: 4px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyGuideGrid {
  gap: 16px;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMapStep--bake .pdcEasyBakeCard {
  margin-top: 10px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

html.pdcEasyPage.pdcEasyDashboard .pdcEasyMapStep--bake .pdcEasyMapBody > .pdcEasyBakeCard {
  width: 100%;
}