/* 真夜中のおもちゃ戦争 — ホーム／デッキ編集の外観 */

body.theme-rich {
  background-color: #020a11;
  color: #efe2bf;
}

body.theme-rich .home-screen {
  background-color: #020a11;
  background-image: url("/images/toy-ui/night-panel-source.png");
  background-size: 410px 360px;
}

body.theme-rich .home-screen.bg-light .home-bg-marquee {
  background: #020a11;
}

body.theme-rich .home-screen.bg-light .home-bg-overlay {
  background: rgba(2, 10, 17, .64);
}

.toy-title-lockup {
  position: absolute;
  z-index: 5;
  top: clamp(22px, 7vh, 76px);
  left: 50%;
  width: min(690px, calc(100vw - 36px));
  padding: 15px 28px 17px;
  color: #f4dda0;
  border: 2px solid #a47d3e;
  border-radius: 4px;
  background: rgba(4, 20, 30, .92) url("/images/toy-ui/night-panel-source.png") center / 410px 360px;
  box-shadow: inset 0 0 0 1px rgba(243, 214, 139, .16), 0 12px 28px rgba(0, 4, 8, .5);
  text-align: center;
  transform: translateX(-50%);
}

.toy-title-lockup span,
.toy-title-lockup small {
  display: block;
  color: #bfb08a;
  font-family: "Yu Gothic UI", "Hiragino Sans", sans-serif;
  letter-spacing: .24em;
}

.toy-title-lockup span {
  margin-bottom: 4px;
  font-size: 11px;
}

.toy-title-lockup strong {
  display: block;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(30px, 5vw, 58px);
  letter-spacing: .08em;
  line-height: 1.12;
  text-shadow: 0 3px 2px #000;
}

.toy-title-lockup small {
  margin-top: 7px;
  font-size: 8px;
}

body.theme-rich .home-content-bottom {
  color: #f0e3c2;
  border: 2px solid #8d6b38;
  border-radius: 5px;
  background: rgba(4, 20, 30, .94) url("/images/toy-ui/night-panel-source.png") center / 360px 315px;
  box-shadow: inset 0 0 0 1px rgba(241, 210, 127, .12), 0 12px 28px rgba(0, 4, 8, .5);
}

body.theme-rich .home-screen.bg-light .player-name-section label {
  color: #c8b990;
}

body.theme-rich .input-text {
  color: #24180f;
  border-color: #a27b40;
  background: #e9dfc0;
}

body.theme-rich .home-menu .btn {
  color: #e9ddc0;
  border: 1px solid #89683a;
  border-radius: 3px;
  background: #0a2634;
  box-shadow: inset 0 0 0 1px rgba(240, 205, 118, .05);
}

body.theme-rich .home-menu .btn:hover {
  color: #fff0bd;
  border-color: #e1b960;
  background: #113448;
  box-shadow: 0 0 12px rgba(224, 184, 95, .25);
}

body.theme-rich .home-menu .btn-primary {
  color: #fff0cc;
  border-color: #d16a56;
  background: #9e352e;
  box-shadow: inset 0 0 0 1px rgba(255, 225, 168, .16), 0 5px 14px rgba(73, 13, 10, .38);
}

body.theme-rich .deerflow-credit {
  color: rgba(220, 207, 174, .42);
}

body.theme-rich .deerflow-credit span {
  color: inherit;
}

/* デッキ編集 */
#deck-screen {
  --v2-bg: #020a11;
  --v2-panel: rgba(5, 23, 34, .94);
  --v2-panel-solid: #071b27;
  --v2-line: #8d6b38;
  --v2-line-bright: #dfb85f;
  --v2-glow: rgba(218, 174, 79, .34);
  --v2-glow-soft: rgba(218, 174, 79, .13);
  --v2-text: #f2e4bf;
  --v2-text-muted: #aebbb5;
  --v2-gold: #e4bd68;
  --v2-red: #c6453d;

  background-color: #020a11;
  background-image: url("/images/toy-ui/night-panel-source.png");
  background-size: 410px 360px;
}

#deck-screen .card-list-panel,
#deck-screen .deck-center-col,
#deck-screen .deck-edit-panel {
  border: 2px solid #8d6b38;
  border-radius: 5px;
  background-color: #071b27;
  background-image: url("/images/toy-ui/night-panel-source.png");
  background-size: 330px 290px;
  box-shadow: inset 0 0 0 1px rgba(245, 220, 155, .11), 0 8px 18px rgba(0, 3, 6, .34);
}

#deck-screen .card-composite {
  border-radius: 3px;
  border-width: 2px;
  background: #04131b;
}

#deck-screen .card-composite .card-frame {
  display: none;
}

#deck-screen .card-composite .card-illust {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#deck-screen .card-stat-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px 3px;
  padding: 3px 4px;
  border-top: 1px solid #806238;
  background: rgba(3, 14, 20, .92);
  font-family: "Yu Gothic UI", sans-serif;
  font-size: 8px;
  text-align: center;
}

#deck-screen .card-stat-strip .s {
  min-width: 0;
}

#deck-screen .card-stat-strip .k {
  color: #b6c0ba;
  font-size: 6.5px;
}

#deck-screen .card-detail-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#deck-screen .stat-box {
  border: 1px solid #725a38;
  border-radius: 2px;
  background: #0a2432;
}

#deck-screen .stat-box .stat-label {
  color: #a9b5b0;
}

#deck-screen .stat-box .stat-value {
  color: #f5dfaa;
}

#deck-screen .card-detail-name,
#deck-screen h2 {
  color: #f5dfaa;
}

#deck-screen .skill-entry {
  border-left-color: #d1a34f;
  background: #03121a;
}

#deck-screen .filter-btn,
#deck-screen .search-mode-btn,
#deck-screen .deck-toolbar-btn,
#deck-screen .btn {
  border-radius: 3px;
}

@media (max-width: 720px) {
  .toy-title-lockup {
    top: 14px;
    padding: 10px 16px 12px;
  }

  .toy-title-lockup strong {
    font-size: clamp(25px, 8.5vw, 38px);
  }
}