body.discovery {
  --ink: #365965;
  --muted: #657d83;
  --accent: #498c94;
  --world: #cce3df;
  --light: #f2f4e2;
  background: var(--world);
}
body.tiny-town {
  --world: #d2dfbc;
  --light: #fff2d8;
  --ink: #516447;
  --accent: #718b53;
}
body.fossil-field {
  --world: #e5c8a7;
  --light: #fff1d8;
  --ink: #76563f;
  --accent: #a46a46;
}
body.potion-room {
  --world: #d4c5e3;
  --light: #f1e7f8;
  --ink: #675477;
  --accent: #9170a7;
}
body.snow-trail {
  --world: #c4ddea;
  --light: #eff5f3;
  --ink: #47657c;
  --accent: #608da9;
}
.discovery .game-shell {
  background: radial-gradient(
    ellipse at 40% 15%,
    var(--light),
    var(--world) 80%
  );
}
.discovery .intro {
  background: linear-gradient(transparent 20%, var(--world) 85%);
}
.discovery .intro p {
  color: var(--ink);
}
.discovery .primary {
  background: var(--accent);
  color: #fffaf0;
}
.discovery .brand {
  font-size: 17px;
}
.discovery .mission-card strong {
  color: var(--accent);
}
.discovery #progress {
  background: var(--accent);
}
.discovery .dock {
  padding-top: 10px;
}
.discovery .bottom-note {
  margin-top: 0;
}
.discovery-choices,
.discovery-tools {
  display: flex;
  gap: 8px;
}
.discovery-choices {
  margin-bottom: 6px;
}
.discovery-tools button,
.discovery-choices button {
  flex: 1;
  min-height: 48px;
  border: 1px solid #ffffff90;
  background: #fff9eb85;
  border-radius: 13px;
  color: var(--ink);
  font-size: 12px;
}
.discovery-choices button[aria-pressed="true"] {
  background: var(--accent);
  color: white;
}
.discovery button:disabled {
  cursor: default;
}
.discovery-target {
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  min-width: 56px;
  min-height: 48px;
  padding: 6px 9px;
  border-radius: 14px;
  background: #fff9eadd;
  border: 1px solid #ffffffaa;
  color: var(--ink);
  font-weight: bold;
  font-size: 11px;
  box-shadow: 0 3px 10px #3d3d4820;
}
.discovery-target:active {
  transform: translate(-50%, -50%) scale(0.96);
}
.discovery-target:disabled {
  opacity: 0.7;
}
.discovery-target.chosen,
.discovery-target.hinted {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.bubble-target {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  border: 0;
  color: transparent;
  font-size: 0;
}
.potion-room .discovery-target {
  min-width: 96px;
  font-size: 13px;
}
.fossil-field .discovery-target {
  background: #fff0d599;
}
.discovery .scene-caption {
  font-size: 8px;
}
@media (max-width: 360px) {
  .discovery .brand {
    font-size: 13px;
  }
  .discovery-target {
    font-size: 10px;
    min-width: 48px;
    padding: 4px;
  }
  .discovery-choices button {
    font-size: 11px;
  }
}
@media (orientation: landscape) and (max-height: 550px) {
  .discovery .intro {
    background: linear-gradient(90deg, var(--world) 30%, transparent 80%);
  }
  .discovery .dock {
    width: 255px;
    bottom: 4px;
  }
  .discovery .dock-label {
    display: none;
  }
  .discovery .bottom-note span {
    display: none;
  }
  .discovery .intro-card h1 {
    font-size: 27px;
  }
}
.potion-room .discovery-target {
  background: #fff9eabf;
}
.snow-trail .discovery-target {
  background: transparent;
  border-color: transparent;
  color: transparent;
  box-shadow: none;
}
.snow-trail .discovery-target:focus-visible {
  outline: 3px solid var(--accent);
}