/* Calm anime direction. Every rule is gated so the original look remains reversible. */
html[data-art-direction='anime'] {
  --night: #101e33;
  --night2: #192c46;
  --deep: #172a43;
  --violet: #526d94;
  --lav: #a7bbd6;
  --lav2: #dce7f4;
  --gold: #f0d6a0;
  --gold2: #cfb781;
  --teal: #8ccac4;
  --text: #f0f5fc;
  --muted: #aabbd2;
  --ink: #14243a;
}

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

/* Quiet, matte controls with clear interactive states. */
html[data-art-direction='anime'] .btn {
  background: #314966;
  color: #edf4ff;
  border: 1px solid #90a7c13d;
  box-shadow: 0 3px 0 #10213966;
  text-shadow: none;
}
html[data-art-direction='anime'] .btn.gold {
  background: #ecd5a1;
  color: #302b31;
  border-color: #f7e8c3;
  box-shadow: 0 3px 0 #aa906244;
  text-shadow: none;
}
html[data-art-direction='anime'] .btn.teal {
  background: #90c9c4;
  color: #173a40;
  border-color: #b8e0d9;
}
html[data-art-direction='anime'] .btn.ghosty {
  background: #203752ed;
  color: #e1ebf8;
}
html[data-art-direction='anime'] .btn.round {
  background: #1b304bd9;
  box-shadow: none;
}
html[data-art-direction='anime'] .btn:active,
html[data-art-direction='anime'] .btn.down {
  box-shadow: 0 1px 0 #10213955;
}
html[data-art-direction='anime'] .btn:focus-visible {
  outline: 3px solid #e9e1bf;
  outline-offset: 4px;
}
html[data-art-direction='anime'] .chip {
  background: #14283cbd;
  box-shadow: inset 0 0 0 1px #b8c8db24;
}
html[data-art-direction='anime'] .topbar .ttl,
html[data-art-direction='anime'] .panel h2 {
  color: #e2ebf8;
  text-shadow: none;
}

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

/* Existing panels retain their information and layout, with simpler surfaces. */
html[data-art-direction='anime'] .panel {
  background: #192e47f5;
  border: 1px solid #9db4ce48;
  box-shadow: 0 12px 32px #07182b40;
}
html[data-art-direction='anime'] .card,
html[data-art-direction='anime'] .ach,
html[data-art-direction='anime'] .stat {
  background: #1c314cef;
  border: 1px solid #93aac52b;
  box-shadow: none;
}
html[data-art-direction='anime'] .card.sel {
  border-color: #a7d6cf;
  box-shadow: inset 0 0 0 1px #a7d6cf;
}
html[data-art-direction='anime'] .ach.done {
  background: #23423f;
  border-color: #87c4b8;
  box-shadow: none;
}
html[data-art-direction='anime'] .tab,
html[data-art-direction='anime'] .size {
  background: #1c314c;
  color: #b6c6dc;
  box-shadow: inset 0 0 0 1px #a8bdd52c;
}
html[data-art-direction='anime'] .tab.on,
html[data-art-direction='anime'] .size.on {
  background: #456488;
  color: #f4f8ff;
  box-shadow: inset 0 0 0 1px #abc3dd66;
}
html[data-art-direction='anime'] .shopAction {
  background: #172b44f5;
  box-shadow: inset 0 0 0 1px #a8bdd533;
}
html[data-art-direction='anime'] .mirror::before {
  background: #7589ab24;
  box-shadow:
    inset 0 0 0 3px #dbd5b299,
    0 8px 24px #0a19372b;
}
html[data-art-direction='anime'] .mirror::after {
  display: none;
}
html[data-art-direction='anime'] .levelPanel {
  background: #182c43d9;
  box-shadow: inset 0 0 0 1px #a7bed536;
}
html[data-art-direction='anime'] .worldTitle b {
  color: #e7eef8;
  text-shadow: none;
}
html[data-art-direction='anime'] .lvl {
  box-shadow:
    inset 0 0 0 1px #b8c8db2e,
    0 2px 0 #0b193752;
}
html[data-art-direction='anime'] .lvl.lock {
  background: #253b54;
}

/* Keep puzzle room colors and all feedback states; reduce framing around them. */
html[data-art-direction='anime'] .rule {
  background: #182d45d9;
  color: #dce7f4;
  box-shadow: inset 0 0 0 1px #9db4ce29;
}
html[data-art-direction='anime'] .boardWrap {
  background: #14243c;
  box-shadow:
    0 0 0 1px #a2b5d04d,
    0 8px 24px #08192e44;
}
html[data-art-direction='anime'] .dockBar {
  background: #172d45bd;
  box-shadow: inset 0 0 0 1px #a7bdd429;
}
html[data-art-direction='anime'] .tool .lbl {
  color: #d6e2f0;
  text-shadow: none;
}
html[data-art-direction='anime'] .bubble {
  box-shadow: 0 5px 16px #07182b30;
}
html[data-art-direction='anime'] .toast {
  background: #182d45f5;
  box-shadow:
    inset 0 0 0 1px #a7bdd450,
    0 5px 16px #07182b30;
}

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

/* End of dist-static/assets/clean-anime-Wx5_tfPB.css */