/* Dragon Within — zone cultural backgrounds v1
   White / blue / red Jeskai-inspired system with East Asian cultural silhouettes.
   Separate visual layer; no DB migration needed. */

body[data-zone-theme="control-center"] { --dw-zone-art: url('/images/zone-art/control-center.webp'); --dw-zone-symbols: "权 帝 财"; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(190,36,36,.14); }
body[data-zone-theme="agent"] { --dw-zone-art: url('/images/zone-art/agent.webp'); --dw-zone-symbols: "贤 谋 智"; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(190,36,36,.12); }
body[data-zone-theme="calendar"] { --dw-zone-art: url('/images/zone-art/calendar.svg'); --dw-zone-symbols: "暦 年 生"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.12); }
body[data-zone-theme="main-tasks"] { --dw-zone-art: url('/images/zone-art/main-tasks.webp'); --dw-zone-symbols: "山 金 位"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.16); }
body[data-zone-theme="spirit-warrior"] { --dw-zone-art: url('/images/zone-art/spirit-warrior.svg'); --dw-zone-symbols: "战 魂 火"; --dw-zone-tone: rgba(220,38,38,.14); --dw-zone-red: rgba(37,95,207,.12); }
body[data-zone-theme="sagas-sw"] { --dw-zone-art: url('/images/zone-art/sagas-sw.svg'); --dw-zone-symbols: ""; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(15,23,42,.10); }
body[data-zone-theme="fenrik-wolf"] { --dw-zone-art: url('/images/zone-art/fenrik-wolf.svg'); --dw-zone-symbols: ""; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(15,23,42,.10); }
body[data-zone-theme="advisors"] { --dw-zone-art: url('/images/zone-art/advisors.webp'); --dw-zone-symbols: "賢 真 書"; --dw-zone-tone: rgba(37,95,207,.14); --dw-zone-red: rgba(190,36,36,.10); }
body[data-zone-theme="sport"] { --dw-zone-art: url('/images/zone-art/sport.webp'); --dw-zone-symbols: "速 力 勇"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(220,38,38,.15); }
body[data-zone-theme="purchases"] { --dw-zone-art: url('/images/zone-art/purchases.webp'); --dw-zone-symbols: "金 財 富"; --dw-zone-tone: rgba(37,95,207,.10); --dw-zone-red: rgba(220,38,38,.14); }
body[data-zone-theme="crypto-investments"] { --dw-zone-art: url('/images/zone-art/crypto-investments.svg'); --dw-zone-symbols: "ビット 自由 投資"; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(245,158,11,.12); }
body[data-zone-theme="travel"] { --dw-zone-art: url('/images/zone-art/travel.webp'); --dw-zone-symbols: "風 水 日"; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(220,38,38,.12); }
body[data-zone-theme="real-estate"] { --dw-zone-art: url('/images/zone-art/real-estate.webp'); --dw-zone-symbols: "宅 家 富"; --dw-zone-tone: rgba(37,95,207,.10); --dw-zone-red: rgba(190,36,36,.16); }
body[data-zone-theme="education"] { --dw-zone-art: url('/images/zone-art/education.webp'); --dw-zone-symbols: "智 真 書"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.10); }
body[data-zone-theme="languages"] { --dw-zone-art: url('/images/zone-art/languages.webp'); --dw-zone-symbols: "自由 力 竜"; --dw-zone-tone: rgba(37,95,207,.14); --dw-zone-red: rgba(190,36,36,.10); }
body[data-zone-theme="video"] { --dw-zone-art: url('/images/zone-art/video.svg'); --dw-zone-symbols: "气 水 天"; --dw-zone-tone: rgba(37,95,207,.13); --dw-zone-red: rgba(190,36,36,.11); }
body[data-zone-theme="visualization"] { --dw-zone-art: url('/images/zone-art/visualization.svg'); --dw-zone-symbols: "未来 静 勝"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.12); }
body[data-zone-theme="mindfulness"] { --dw-zone-art: url('/images/zone-art/mindfulness.svg'); --dw-zone-symbols: "智 勝 静"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.10); }
body[data-zone-theme="mini-projects"] { --dw-zone-art: url('/images/zone-art/mini-projects.webp'); --dw-zone-symbols: "龙 和 天"; --dw-zone-tone: rgba(37,95,207,.10); --dw-zone-red: rgba(190,36,36,.12); }
body[data-zone-theme="tasks"] { --dw-zone-art: url('/images/zone-art/tasks.webp'); --dw-zone-symbols: "富 车 城"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.12); }
body[data-zone-theme="delivery"] { --dw-zone-art: url('/images/zone-art/delivery.webp'); --dw-zone-symbols: "針 舟 旅"; --dw-zone-tone: rgba(37,95,207,.12); --dw-zone-red: rgba(190,36,36,.10); }
body[data-zone-theme="reference"] { --dw-zone-art: url('/images/zone-art/reference.webp'); --dw-zone-symbols: "茶 水 熱"; --dw-zone-tone: rgba(37,95,207,.10); --dw-zone-red: rgba(190,36,36,.10); }

body[data-zone-theme] .topbar::after {
  content: var(--dw-zone-symbols);
  display: inline-block;
  margin-left: auto;
  font-size: clamp(24px, 4vw, 58px);
  letter-spacing: .26em;
  color: rgba(37, 95, 207, .10);
  font-weight: 800;
  pointer-events: none;
}

body[data-zone-theme] .command-dashboard,
body[data-zone-theme] .agent-layout,
body[data-zone-theme] .zone-hero,
body[data-zone-theme] .sport-hero,
body[data-zone-theme] .pipeline-hero,
body[data-zone-theme] .core-project-hero,
body[data-zone-theme] .ordered-list-card,
body[data-zone-theme] .store-card,
body[data-zone-theme] .estate-card,
body[data-zone-theme] .zone-main-card,
body[data-zone-theme] .dashboard-main-card,
body[data-zone-theme] .form-card,
body[data-zone-theme] .list-card {
  position: relative;
  overflow: hidden;
}

body[data-zone-theme] .command-dashboard::before,
body[data-zone-theme] .agent-layout::before,
body[data-zone-theme] .zone-hero::before,
body[data-zone-theme] .sport-hero::before,
body[data-zone-theme] .pipeline-hero::before,
body[data-zone-theme] .core-project-hero::before,
body[data-zone-theme] .ordered-list-card::before,
body[data-zone-theme] .store-card::before,
body[data-zone-theme] .estate-card::before,
body[data-zone-theme] .zone-main-card::before,
body[data-zone-theme] .dashboard-main-card::before,
body[data-zone-theme] .form-card::before,
body[data-zone-theme] .list-card::before {
  content: var(--dw-zone-symbols);
  position: absolute;
  left: clamp(20px, 4vw, 62px);
  top: clamp(18px, 3vw, 42px);
  font-size: clamp(48px, 9vw, 132px);
  letter-spacing: .24em;
  line-height: 1;
  color: rgba(37, 95, 207, .085);
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
  pointer-events: none;
  z-index: 0;
}

body[data-zone-theme] .command-dashboard::after,
body[data-zone-theme] .agent-layout::after,
body[data-zone-theme] .zone-hero::after,
body[data-zone-theme] .sport-hero::after,
body[data-zone-theme] .pipeline-hero::after,
body[data-zone-theme] .core-project-hero::after,
body[data-zone-theme] .dashboard-main-card::after,
body[data-zone-theme] .zone-main-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.76) 42%, rgba(255,255,255,.36) 100%),
    var(--dw-zone-art);
  background-size: cover;
  background-position: center right;
  opacity: .48;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 0;
}

body[data-zone-theme] .command-dashboard > *,
body[data-zone-theme] .agent-layout > *,
body[data-zone-theme] .zone-hero > *,
body[data-zone-theme] .sport-hero > *,
body[data-zone-theme] .pipeline-hero > *,
body[data-zone-theme] .core-project-hero > *,
body[data-zone-theme] .ordered-list-card > *,
body[data-zone-theme] .store-card > *,
body[data-zone-theme] .estate-card > *,
body[data-zone-theme] .zone-main-card > *,
body[data-zone-theme] .dashboard-main-card > *,
body[data-zone-theme] .form-card > *,
body[data-zone-theme] .list-card > * {
  position: relative;
  z-index: 1;
}

body[data-zone-theme] .zone-hero,
body[data-zone-theme] .sport-hero,
body[data-zone-theme] .pipeline-hero,
body[data-zone-theme] .core-project-hero {
  border-color: rgba(37,95,207,.14) !important;
  background:
    radial-gradient(circle at 12% 10%, var(--dw-zone-tone), transparent 30rem),
    radial-gradient(circle at 88% 8%, var(--dw-zone-red), transparent 28rem),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(241,247,255,.88)) !important;
}

body[data-zone-theme] .nav-item.active {
  background:
    linear-gradient(135deg, rgba(37,95,207,.13), rgba(220,38,38,.10)),
    rgba(255,255,255,.74) !important;
  border-color: rgba(37,95,207,.22) !important;
}

@media (max-width: 760px) {
  body[data-zone-theme] .topbar::after { display: none; }
  body[data-zone-theme] .command-dashboard::before,
  body[data-zone-theme] .agent-layout::before,
  body[data-zone-theme] .zone-hero::before,
  body[data-zone-theme] .sport-hero::before,
  body[data-zone-theme] .pipeline-hero::before,
  body[data-zone-theme] .core-project-hero::before,
  body[data-zone-theme] .ordered-list-card::before,
  body[data-zone-theme] .store-card::before,
  body[data-zone-theme] .estate-card::before,
  body[data-zone-theme] .zone-main-card::before,
  body[data-zone-theme] .dashboard-main-card::before,
  body[data-zone-theme] .form-card::before,
  body[data-zone-theme] .list-card::before {
    font-size: 52px;
    letter-spacing: .16em;
  }
}