/* ============================================================
   ปฺรชฺญาสฺตฺร — Theme "ปรัชญาแห่งพระเวท" (Vedic Wisdom)
   Loaded after theme.css. Non-destructive overlay:
   ครามราตรี (आकाश night-indigo) • หญ้าฝรั่น (kesari saffron)
   • ทองมนตรา • ใบลานสันสกฤต. Remove this file to revert.
   SVG chart typography is untouched.
   ============================================================ */

:root{
  --veda-night:#211a38;        /* ครามราตรีแห่งอากาศธาตุ */
  --veda-night-2:#332452;
  --veda-night-3:#141026;
  --kesari:#c26418;            /* หญ้าฝรั่น สีแห่งผู้ทรงพระเวท */
  --kesari-deep:#9c4a10;
  --mantra-gold:#d9b45a;
  --mantra-gold-bright:#eed490;
  --gold-hairline:rgba(217,180,90,.45);
  --kumkum:#a1301c;            /* ชาดกุงกุม */
  --palm-leaf:#f4ecd9;         /* ใบลาน */
  --paper:#fcf7ea;
  --paper-deep:#f3ead4;
  --accent:var(--kesari-deep);
  --accent2:var(--kesari);
  --bg:var(--palm-leaf);
  --card:var(--paper);
}

/* ---------- พื้นหลังใบลาน + ดวงดาวจางๆ ---------- */
body{
  background:
    radial-gradient(circle at 12% 4%,rgba(217,180,90,.07),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(51,36,82,.05),transparent 40%),
    var(--palm-leaf);
}

/* ---------- Topbar: ท้องฟ้าราตรีพระเวท ---------- */
.topbar{
  background:
    radial-gradient(1.6px 1.6px at 18% 32%,#f4e4b455,transparent 60%),
    radial-gradient(1.2px 1.2px at 42% 68%,#f4e4b44a,transparent 60%),
    radial-gradient(1.6px 1.6px at 63% 24%,#f4e4b450,transparent 60%),
    radial-gradient(1.1px 1.1px at 81% 58%,#f4e4b445,transparent 60%),
    radial-gradient(1.4px 1.4px at 92% 30%,#f4e4b44d,transparent 60%),
    linear-gradient(135deg,var(--veda-night-3),var(--veda-night) 46%,var(--veda-night-2));
  border-bottom:1px solid var(--gold-hairline);
  box-shadow:0 3px 20px rgba(20,16,38,.45);
}
.topbar h1{color:var(--mantra-gold-bright);letter-spacing:.015em}
.sanskrit{
  color:var(--mantra-gold);
  opacity:1;
  text-shadow:0 0 14px rgba(238,212,144,.35);
  letter-spacing:.06em;
}
.brand-mark{
  border-radius:50%;
  box-shadow:0 0 0 2px var(--gold-hairline),0 0 16px rgba(217,180,90,.35);
  background:radial-gradient(circle,#3a2b5c,#211a38);
}
.nav-btn{border-color:rgba(217,180,90,.35);color:#efe6cf}
.nav-btn:hover{border-color:var(--mantra-gold)}
.nav-btn.active{background:linear-gradient(150deg,var(--mantra-gold-bright),var(--mantra-gold));color:var(--veda-night-3);font-weight:800;border-color:transparent}
.nav-btn-locked::after{content:"🔒";filter:grayscale(1) brightness(1.6)}

/* ---------- ปุ่มหลัก: หญ้าฝรั่น ---------- */
button.primary{
  background:linear-gradient(160deg,var(--kesari),var(--kesari-deep));
  border-color:var(--kesari-deep);
  box-shadow:0 3px 12px rgba(156,74,16,.3);
}
button.primary:hover{filter:brightness(1.06)}
.method-btn.active,.bottom-app-nav .nav-btn.active{background:linear-gradient(160deg,var(--kesari),var(--kesari-deep));border-color:var(--kesari-deep)}
input[type=checkbox],input[type=radio]{accent-color:var(--kesari-deep)}

/* ---------- การ์ดใบลาน + มุมทอง ---------- */
.card{
  background:var(--paper);
  border:1px solid #e3d6b8;
  box-shadow:0 6px 22px rgba(51,36,82,.07);
}
.notice{border-left-color:var(--kesari-deep)}

/* หัวข้อโมดูล: วรรคคู่แบบคัมภีร์ ॥ ... ॥ */
.collapsible-module>summary{background:linear-gradient(180deg,var(--paper),var(--paper-deep))}
.collapsible-module>summary span>b::before{content:"॥ ";color:var(--mantra-gold);font-weight:600}
.collapsible-module>summary span>b::after{content:" ॥";color:var(--mantra-gold);font-weight:600}
.module-chevron{color:var(--kesari-deep)}

/* ---------- แถบทางลัด ---------- */
.module-jump-bar{background:linear-gradient(var(--palm-leaf),color-mix(in srgb,var(--palm-leaf),transparent 8%))}
.module-jump-bar button{border-color:#e0d2b2;background:var(--paper)}
.module-jump-bar button:hover{border-color:var(--kesari);color:var(--kesari-deep)}

/* ---------- แท็บผังดวงและแท็บทั่วไป ---------- */
.chart-view-tab.active,.tab-btn.active{
  background:linear-gradient(160deg,var(--kesari),var(--kesari-deep));
  border-color:var(--kesari-deep);
  color:#fff;
}
.chart-view-tab,.tab-btn{border-radius:999px}

/* ---------- ตาราง: หัวครามราตรี เส้นทอง ---------- */
.planet-table thead th{background:linear-gradient(180deg,#efe4c8,#e9dcba)!important;color:#33261a}
.house-lord-table th{background:linear-gradient(160deg,var(--veda-night-2),var(--veda-night))!important;border-bottom:2px solid var(--mantra-gold)!important}
.house-lord-table tbody tr:nth-child(even){background:#f6efdd}
.house-lord-table tbody tr:nth-child(even) td:first-child{background:color-mix(in srgb,var(--planet-accent),#f6efdd 91%)}

/* ---------- ผังเหนือฟ้า–ใต้ฟ้า: ฟ้าคราม ดินจันทน์ ---------- */
#hemisphericChart .hemi-sky{fill:#cfd6ef;opacity:.5}
#hemisphericChart .hemi-earth{fill:#e6d6ae;opacity:.55}
#hemisphericChart .hemi-horizon{stroke:#6a4b21}
#hemisphericChart .hemi-zone-label.sky{fill:#3b3670}
.hemi-sky-controls{background:var(--paper-deep);border-color:#e0d2b2}

/* ---------- Empty state / toast / hint ---------- */
.chart-empty-state{border-color:#dccda8;background:var(--paper-deep)}
.chart-empty-state p b::before{content:"ॐ ";color:var(--mantra-gold)}
#gateToast{background:var(--veda-night);border:1px solid var(--gold-hairline)}
.scroll-hint-pill{background:rgba(33,26,56,.88);border:1px solid var(--gold-hairline)}

/* ---------- เบ็ดเตล็ด ---------- */
.suri-status.hint{color:#6f6350}
a{color:var(--kesari-deep)}
::selection{background:rgba(217,180,90,.35)}

/* ---------- หน้าเปิด: อัคนิวลัย 27 นักษัตร ---------- */
.nataraja-welcome{
  box-sizing:border-box;width:100%;height:100vh;height:100svh;height:100dvh;
  display:grid;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;
  gap:clamp(6px,1.3vh,14px);padding:max(10px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));
  overflow:hidden;text-align:center;color:#f1d889;
  background:
    radial-gradient(circle at 50% 44%,#07113a 0%,#02082b 56%,#010623 100%);
}
.nataraja-welcome-art{
  position:relative;align-self:center;
  width:min(92vw,calc(100vh - 142px),860px);
  width:min(92vw,calc(100dvh - 142px),860px);
  max-height:100%;aspect-ratio:1;
}
.nataraja-welcome-art>img{display:block;width:100%;height:100%;object-fit:contain}
.nakshatra-name-ring{position:absolute;inset:0;pointer-events:none}
.nakshatra-name-ring span{
  --nak-radius:min(40.94vw,calc((100dvh - 142px)*.445),383px);position:absolute;left:50%;top:50%;width:78px;
  color:#f3d77d;font-family:"Trirong","Sarabun",serif;font-size:clamp(8px,.88vw,12px);
  font-weight:600;line-height:1.1;text-align:center;text-shadow:0 1px 5px #050817,0 0 5px #050817;
  transform:translate(-50%,-50%) rotate(var(--nak-angle)) translateX(var(--nak-radius)) rotate(calc(-1 * var(--nak-angle)));
}
.nataraja-welcome h2{max-width:900px;margin:0;font:600 clamp(15px,2.2vmin,30px)/1.35 "Trirong","Sarabun",serif;color:#f0d688}
.enter-chart-button{
  margin-top:0;padding:clamp(9px,1.25vh,12px) clamp(22px,3vw,30px);border:1px solid #e2bd57;border-radius:999px;
  background:linear-gradient(180deg,#d8ae49,#9b6b20);color:#111832;font-weight:800;
  box-shadow:0 8px 26px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.35);cursor:pointer
}
.enter-chart-button:hover{filter:brightness(1.1);transform:translateY(-1px)}
@media(max-width:640px){
  .nataraja-welcome{padding-left:8px;padding-right:8px}
  .nataraja-welcome-art{width:min(98vw,calc(100dvh - 128px),560px)}
  .nakshatra-name-ring span{--nak-radius:min(43.61vw,calc((100dvh - 128px)*.445),249px);width:54px;font-size:clamp(6px,1.75vw,8px)}
}
@media(max-height:560px){
  .nataraja-welcome{gap:4px;padding-top:5px;padding-bottom:7px}
  .nataraja-welcome-art{width:min(76vw,calc(100dvh - 104px),860px)}
  .nataraja-welcome h2{font-size:clamp(13px,3vh,18px);line-height:1.2}
  .enter-chart-button{padding:7px 20px;font-size:13px}
}

/* ============================================================
   v86.1 — พระศิวะนาฏราช: ผู้ทรงอาณัติแห่งความเป็นไปในสรรพสัตว์
   ============================================================ */

/* ---------- (3) ลายน้ำนาฏราชทั้งหน้า + การ์ดกระจก ---------- */
body::before{
  content:"";
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,#b08c3a,#8a6a25);
  -webkit-mask:url("../images/nataraja.svg") center 44%/min(76vmin,700px) no-repeat;
  mask:url("../images/nataraja.svg") center 44%/min(76vmin,700px) no-repeat;
  opacity:.08;
}
.wrap{position:relative;z-index:1}
@supports ((backdrop-filter:blur(7px)) or (-webkit-backdrop-filter:blur(7px))){
  .card{
    background:rgba(252,247,234,.8);
    -webkit-backdrop-filter:blur(7px) saturate(1.05);
    backdrop-filter:blur(7px) saturate(1.05);
  }
  .collapsible-module>summary{background:linear-gradient(180deg,rgba(252,247,234,.72),rgba(243,234,212,.72))}
  .planet-table-wrap,.house-lord-table-wrap,.planet-table,.house-lord-table{background:rgba(255,253,248,.94)}
}

/* ---------- (4) นาฏราชทองบน topbar + อัคนีวลัยหมุนช้า ---------- */
.nataraja-emblem{position:relative;width:58px;height:58px;flex:0 0 auto;margin-left:auto;margin-right:6px}
.topbar nav{margin-left:0}
.nataraja-figure{
  position:absolute;inset:6px;display:block;
  background:linear-gradient(180deg,#eed490,#c2933a);
  -webkit-mask:url("../images/nataraja.svg") center/contain no-repeat;
  mask:url("../images/nataraja.svg") center/contain no-repeat;
  filter:drop-shadow(0 0 7px rgba(238,212,144,.4));
}
.nataraja-flame-ring{
  position:absolute;inset:-4px;display:block;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,
    rgba(238,212,144,0) 0deg 5deg,
    rgba(238,212,144,.5) 8deg 10.5deg,
    rgba(238,212,144,0) 13.5deg 20deg);
  -webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);
  mask:radial-gradient(circle,transparent 60%,#000 62%);
  animation:veda-flame-spin 70s linear infinite;
}
@keyframes veda-flame-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.nataraja-flame-ring,.nataraja-empty-ring{animation:none}}
@media (max-width:640px){.nataraja-emblem{display:none}}

/* ---------- (1) จักรวาลรอการร่ายรำ: empty state ---------- */
.chart-empty-state{border:0;background:transparent;padding:34px 18px 40px;transition:opacity .9s ease,transform .9s ease}
.chart-empty-state.nataraja-depart{opacity:0;transform:scale(1.04)}
.chart-empty-state p b::before{content:""}
.nataraja-empty-stage{position:relative;width:min(62vw,270px);aspect-ratio:1;margin:0 auto 6px}
.nataraja-empty-ring{
  position:absolute;inset:0;border-radius:50%;
  border:1.5px solid rgba(217,180,90,.5);
  background:repeating-conic-gradient(from 0deg,
    rgba(194,147,58,0) 0deg 26deg,
    rgba(194,147,58,.4) 29deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 84%,#000 85%);
  mask:radial-gradient(circle,transparent 84%,#000 85%);
  animation:veda-flame-spin 120s linear infinite;
}
.nataraja-empty-stage::after{
  content:"";position:absolute;inset:9%;border-radius:50%;
  border:1px dashed rgba(194,147,58,.4);
}
.nataraja-empty-figure{
  position:absolute;inset:16%;display:block;
  background:linear-gradient(180deg,#d9b45a,#9c7a2e);
  -webkit-mask:url("../images/nataraja.svg") center/contain no-repeat;
  mask:url("../images/nataraja.svg") center/contain no-repeat;
  opacity:.9;
}
.chart-empty-state p b{font-size:19px;letter-spacing:.01em}