/* Playful haunted-mansion game direction. Every rule is gated so the original look remains reversible. */
html[data-art-direction='haunted'] {
  --night: #171329;
  --night2: #29223f;
  --deep: #302449;
  --violet: #7964b1;
  --lav: #bcb0e3;
  --lav2: #e7dff5;
  --gold: #f5d589;
  --gold2: #d5a957;
  --teal: #8bd8bd;
  --text: #f5f0fc;
  --muted: #b7aecd;
  --ink: #241a34;
}

/* The room supplies the atmosphere; the interface supplies the focal point. */
html[data-art-direction='haunted'] .scene.art .sceneImg {
  background-position: center;
  animation: none;
  filter: none;
  transform: none;
}
html[data-art-direction='haunted'] .scene-home.art .sceneImg {
  background-position: center top;
}
html[data-art-direction='haunted'] .scene.art .fog,
html[data-art-direction='haunted'] .scene.art .flies {
  display: none;
}
html[data-art-direction='haunted'] .scene.art .vignette {
  background: radial-gradient(ellipse at 50% 45%, transparent 58%, #07142536);
}

/* Quiet, matte controls with clear interactive states. */
html[data-art-direction='haunted'] .btn {
  background: linear-gradient(#73609d, #544377);
  color: #f5f0fc;
  border: 1px solid #c7b9e44d;
  box-shadow:
    inset 0 -3px 0 #30244266,
    0 3px 0 #15102244;
  text-shadow: none;
}
html[data-art-direction='haunted'] .btn.gold {
  background: linear-gradient(#ffe29a, #ecbd63);
  color: #352735;
  border-color: #ffedbd;
  box-shadow:
    inset 0 -3px 0 #c79b5244,
    0 3px 0 #33203f44;
  text-shadow: none;
}
html[data-art-direction='haunted'] .btn.teal {
  background: linear-gradient(#a3e3c8, #7fc6b2);
  color: #203735;
  border-color: #c6f1da;
}
html[data-art-direction='haunted'] .btn.ghosty {
  background: #3a2f54ed;
  color: #e8e1f4;
}
html[data-art-direction='haunted'] .btn.round {
  background: #2b233ed9;
  box-shadow: inset 0 0 0 1px #c3afd51f;
}
html[data-art-direction='haunted'] .btn:active,
html[data-art-direction='haunted'] .btn.down {
  box-shadow: 0 1px 0 #10213955;
}
html[data-art-direction='haunted'] .btn:focus-visible {
  outline: 3px solid #e9e1bf;
  outline-offset: 4px;
}
html[data-art-direction='haunted'] .chip {
  background: #231c35d6;
  box-shadow: inset 0 0 0 1px #d4c6df29;
}
html[data-art-direction='haunted'] .topbar .ttl,
html[data-art-direction='haunted'] .panel h2 {
  color: #f5e6b9;
  text-shadow: none;
}

/* Brand and mascot stay on their existing centered axis. */
html[data-art-direction='haunted'] .logoImg {
  filter: drop-shadow(0 4px 10px #0a193752);
}
html[data-art-direction='haunted'] .logo {
  animation: none;
}
html[data-art-direction='haunted'] .logoShine {
  animation: logoFloat 5s ease-in-out infinite;
}
html[data-art-direction='haunted'] .logoShine::after {
  display: none;
}
html[data-art-direction='haunted'] .tagline {
  color: #d1def0;
  text-shadow: none;
}
html[data-art-direction='haunted'] .home .door .btn {
  width: 60px;
  min-height: 60px;
  border: 0;
  background: none;
  box-shadow: none;
}
html[data-art-direction='haunted'] .home .door .btn .ic,
html[data-art-direction='haunted'] .home .door .btn .artIcon {
  width: 52px;
  height: 52px;
  filter: drop-shadow(0 2px 4px #0b193544);
}
html[data-art-direction='haunted'] .doorLabel {
  color: #dce7f4;
  text-shadow: none;
}

/* Existing panels retain their information and layout, with simpler surfaces. */
html[data-art-direction='haunted'] .panel {
  background: #302640f5;
  border: 1px solid #c5b2db48;
  box-shadow: 0 12px 32px #07182b40;
}
html[data-art-direction='haunted'] .card,
html[data-art-direction='haunted'] .ach,
html[data-art-direction='haunted'] .stat {
  background: #3a2f4def;
  border: 1px solid #c4b5d42b;
  box-shadow: inset 0 -3px 0 #1b152b44;
}
html[data-art-direction='haunted'] .card.sel {
  border-color: #a7d6cf;
  box-shadow: inset 0 0 0 1px #a7d6cf;
}
html[data-art-direction='haunted'] .ach.done {
  background: #23423f;
  border-color: #87c4b8;
  box-shadow: none;
}
html[data-art-direction='haunted'] .tab,
html[data-art-direction='haunted'] .size {
  background: #332940;
  color: #c4b9d3;
  box-shadow: inset 0 0 0 1px #d1bbdf2c;
}
html[data-art-direction='haunted'] .tab.on,
html[data-art-direction='haunted'] .size.on {
  background: #70588b;
  color: #fff4fe;
  box-shadow: inset 0 0 0 1px #dcc4e966;
}
html[data-art-direction='haunted'] .shopAction {
  background: #2c233df5;
  box-shadow: inset 0 0 0 1px #d2bddd33;
}
html[data-art-direction='haunted'] .mirror::before {
  background: #7589ab24;
  box-shadow:
    inset 0 0 0 3px #dbd5b299,
    0 8px 24px #0a19372b;
}
html[data-art-direction='haunted'] .mirror::after {
  display: none;
}
html[data-art-direction='haunted'] .levelPanel {
  background: #2c233dd9;
  box-shadow: inset 0 0 0 1px #d1bbdf36;
}
html[data-art-direction='haunted'] .worldTitle b {
  color: #e7eef8;
  text-shadow: none;
}
html[data-art-direction='haunted'] .lvl {
  box-shadow:
    inset 0 0 0 1px #b8c8db2e,
    0 2px 0 #0b193752;
}
html[data-art-direction='haunted'] .lvl.lock {
  background: #403449;
}

/* Keep puzzle room colors and all feedback states; reduce framing around them. */
html[data-art-direction='haunted'] .rule {
  background: #2a223ed9;
  color: #eae2f5;
  box-shadow: inset 0 0 0 1px #c7b2df29;
}
html[data-art-direction='haunted'] .boardWrap {
  background: #241b36;
  box-shadow:
    0 0 0 1px #cab5e04d,
    0 8px 24px #17102544;
}
html[data-art-direction='haunted'] .dockBar {
  background: #2b223dbd;
  box-shadow: inset 0 0 0 1px #d2bbdf29;
}
html[data-art-direction='haunted'] .tool .lbl {
  color: #d6e2f0;
  text-shadow: none;
}
html[data-art-direction='haunted'] .bubble {
  box-shadow: 0 5px 16px #07182b30;
}
html[data-art-direction='haunted'] .toast {
  background: #182d45f5;
  box-shadow:
    inset 0 0 0 1px #a7bdd450,
    0 5px 16px #07182b30;
}

@media (max-height: 650px) {
  html[data-art-direction='haunted'] .home .door .btn {
    width: 54px;
    min-height: 54px;
  }
  html[data-art-direction='haunted'] .home .door .btn .ic,
  html[data-art-direction='haunted'] .home .door .btn .artIcon {
    width: 48px;
    height: 48px;
  }
}
/* End of src/styles/haunted-game.css */

/* End of dist-static/assets/haunted-game-lq98LNrM.css */