/* Moonlit five-elements altar. All selectors are scoped to the cultivation dialog. */
.growth-dialog.player-dialog{
  width:min(1420px,calc(100vw - 28px));max-height:calc(100dvh - 24px);
  color:#efe2c7;border:1px solid #c4a56d;border-radius:9px;
  background:#0a1d2a;
  box-shadow:0 0 0 5px #071621,0 0 0 7px #b79a647d,0 25px 90px #000b,inset 0 0 0 5px #132f3d;
}
.growth-dialog .player-dialog-header{
  min-height:115px;padding:17px clamp(25px,3vw,44px);
  align-items:center;gap:24px;
  background:linear-gradient(90deg,#091c2ae8,#122c3acc 54%,#081b29e9),url('./cultivation-altar-v1.webp') center 26%/cover;
}
.growth-dialog .player-dialog-header::after{background:#0e2432}
.growth-dialog .growth-header-copy h2{
  margin:3px 0 1px;font-size:clamp(33px,3.25vw,50px);letter-spacing:.1em;
  color:#f1d492;text-shadow:0 2px 13px #000,0 0 21px #d6a35445;
}
.growth-dialog .growth-header-copy p{margin:1px 0 0;color:#c7d5cb;font-size:12px;letter-spacing:.12em}
.growth-header-side{display:flex;align-items:center;gap:clamp(12px,2vw,30px);margin-left:auto}
.growth-dialog .growth-wallet{display:flex;gap:10px;padding:0;background:none;border:0;color:#e8d9bc}
.growth-dialog .growth-wallet span{
  display:flex;align-items:center;gap:8px;min-width:135px;padding:8px 12px;
  border:1px solid #ba9d674e;border-radius:100px;
  background:linear-gradient(90deg,#0b202dbb,#28455279);
  box-shadow:inset 0 0 0 1px #e1c27a12;font-size:12px;white-space:nowrap;
}
.growth-dialog .growth-wallet i{color:#d8ba7c;font:22px/1 Georgia,serif;text-shadow:0 0 9px #deb966a0}
.growth-dialog .growth-wallet b{margin-left:auto;color:#f4d893;font:700 19px/1 Georgia,serif}
.growth-dialog .player-dialog-close{margin-left:3px}
.growth-dialog .growth-tabs{
  display:flex;gap:2px;padding:0 clamp(24px,3vw,44px);
  border-bottom:1px solid #bc9d6555;background:linear-gradient(90deg,#102938,#0c2130 65%,#102b38);
}
.growth-dialog .growth-tabs button{
  position:relative;min-width:135px;padding:11px 23px 14px;
  color:#c0c7bb;background:transparent;border:0;border-radius:0;
  font:700 20px/1.4 "STKaiti","KaiTi",serif;letter-spacing:.13em;
  box-shadow:none;transition:color .2s,background .2s;
}
.growth-dialog .growth-tabs button:hover{color:#ffdfa4;background:#e7c5810d}
.growth-dialog .growth-tabs button[aria-selected=true]{
  color:#f9dc97;background:linear-gradient(0deg,#b9913436,transparent 80%);box-shadow:inset 0 -2px #f2d089;
  text-shadow:0 0 13px #edb96084;
}
.growth-dialog .growth-tabs button[aria-selected=true]::before{content:'◆';position:absolute;bottom:-8px;left:calc(50% - 6px);font-size:12px;color:#efcc83}
.growth-dialog .player-dialog-body{
  margin:0;padding:16px clamp(18px,2.2vw,32px) 27px;border:0;border-radius:0;
  color:#efe3c9;background:linear-gradient(180deg,#0b2230,#0c202c 72%,#091a27);
  box-shadow:none;
}
.growth-dialog .growth-pending{
  margin:0 0 13px;padding:8px 13px;border:1px solid #b9986273;border-left:3px solid #dbbc7d;
  border-radius:2px;color:#edcf95;background:#173342b8;font-size:12px;
}
.growth-dialog .player-dialog-body>.growth-pending{color:#edcf95}
.growth-artifacts-view{display:grid;gap:13px}
.growth-altar-scene{
  position:relative;isolation:isolate;height:clamp(245px,33vh,338px);overflow:hidden;
  border:1px solid #bd9c666f;border-radius:4px;
  background:linear-gradient(180deg,#07192775 0%,#07192718 45%,#06172280 100%),url('./cultivation-altar-v1.webp') center 57%/cover;
  box-shadow:inset 0 0 0 5px #091e2abb,inset 0 0 0 6px #d4b57243,0 8px 28px #0006;
}
.growth-altar-scene::before,.growth-altar-scene::after{content:'◇';position:absolute;z-index:3;color:#e8c883;font:25px/1 Georgia,serif;text-shadow:0 0 10px #f5d57b}
.growth-altar-scene::before{top:9px;left:13px}.growth-altar-scene::after{bottom:9px;right:13px}
.growth-scene-topline{position:absolute;z-index:4;inset:12px 19px auto;display:flex;justify-content:space-between;gap:12px;color:#ead39a;font:700 13px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.13em;text-shadow:0 2px 8px #001}
.growth-scene-topline span:last-child{font-family:Georgia,"Microsoft YaHei",serif;color:#f0dfbc}
.growth-altar-scene>p{position:absolute;z-index:3;left:0;right:0;bottom:10px;margin:0;text-align:center;color:#f2ddb4;font:700 14px/1.5 "STKaiti","KaiTi",serif;letter-spacing:.2em;text-shadow:0 1px 10px #001}
.growth-altar{position:absolute;left:50%;top:51%;width:min(470px,60vw);height:min(190px,26vh);transform:translate(-50%,-50%)}
.growth-altar-ring{position:absolute;left:50%;top:52%;width:165px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e0bf789e;border-radius:50%;box-shadow:0 0 0 12px #e3c17e12,0 0 0 16px #e3c17e40,0 0 0 36px #e3c17e0a,0 0 0 37px #e3c17e32,0 0 18px #e7c17e4a,inset 0 0 17px #e7c17e48;background:radial-gradient(circle,#d7ad6170 0 3%,transparent 4% 100%)}
.growth-altar-ring::before{content:'✦　✧　✦　✧　✦';position:absolute;left:50%;top:50%;width:194px;transform:translate(-50%,-50%);text-align:center;color:#ebcf8caa;font-size:15px;letter-spacing:.2em}
.growth-altar-heart{position:absolute;left:50%;top:52%;z-index:1;transform:translate(-50%,-50%);display:grid;place-items:center;width:104px;height:104px;border:1px solid #ebcf8a8c;border-radius:50%;background:radial-gradient(circle,#0b253dda,#071725a8);box-shadow:0 0 20px #d6a74b70,inset 0 0 17px #cfad6b45;text-align:center}
.growth-altar-heart span{margin-top:11px;color:#f8db9e;font:700 32px/1 "STKaiti","KaiTi",serif;letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 13px #ffd279}
.growth-altar-heart small{margin-top:-21px;color:#c9d3c7;font-size:9px;letter-spacing:.18em}
.growth-altar-orb{position:absolute;z-index:2;display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--item-color);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--item-color) 47%,transparent),#071b2df0 71%);box-shadow:0 0 10px var(--item-color),0 0 25px color-mix(in srgb,var(--item-color) 70%,transparent),inset 0 0 12px var(--item-color);color:#fff1ce;animation:growth-orb-breathe 3.8s ease-in-out infinite}
.growth-altar-orb svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;filter:drop-shadow(0 0 5px var(--item-color))}
.growth-altar-orb b{position:absolute;top:100%;margin-top:3px;padding:1px 5px;color:#f8e1ac;background:#081b2bcd;font:700 12px/1.3 "STKaiti","KaiTi",serif}
.growth-altar-orb.is-equipped{box-shadow:0 0 18px var(--item-color),0 0 45px var(--item-color),inset 0 0 18px var(--item-color)}
.growth-altar-orb-1{left:50%;top:-4%;transform:translateX(-50%);animation-delay:-.5s}
.growth-altar-orb-2{left:8%;top:30%;animation-delay:-1s}
.growth-altar-orb-3{right:8%;top:30%;animation-delay:-1.5s}
.growth-altar-orb-4{left:21%;bottom:-4%;animation-delay:-2s}
.growth-altar-orb-5{right:21%;bottom:-4%;animation-delay:-2.5s}
.growth-artifact-intro{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 1px 0;border-bottom:1px solid #b5996159}
.growth-dialog .growth-artifact-intro .growth-lead{margin:0 0 7px;color:#ead6ae;font-size:13px}
.growth-artifact-intro>span{color:#adbfba;font-size:11px;letter-spacing:.12em;white-space:nowrap}
.growth-dialog .growth-artifacts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.growth-dialog .growth-artifacts .growth-artifact-card{
  position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:329px;padding:11px 13px 13px;
  border:1px solid #b79d6e9c;border-top:2px solid var(--item-color);border-radius:3px;
  color:#ead9b9;text-align:center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--item-color) 12%,#102736) 0%,#0a2030eb 55%,#0c2634f8 100%);
  box-shadow:inset 0 0 0 3px #0b1f2d,inset 0 0 0 4px #c2a56a30,0 6px 15px #0004;
}
.growth-dialog .growth-artifact-card::after{content:'◇';position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);color:#d8bb80;background:#0d2330;padding:0 4px;font-size:12px}
.growth-dialog .growth-artifact-card.is-equipped{border-color:#e8cb82;box-shadow:inset 0 0 0 3px #0b1f2d,inset 0 0 0 4px #e7cd8666,0 0 20px color-mix(in srgb,var(--item-color) 34%,transparent)}
.growth-artifact-figure-wrap{position:relative;display:grid;place-items:center;width:100%;height:150px;margin-bottom:8px;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,color-mix(in srgb,var(--item-color) 24%,transparent),transparent 67%)}
.growth-artifact-figure-wrap::after{content:'';position:absolute;bottom:3px;left:17%;right:17%;height:1px;background:linear-gradient(90deg,transparent,var(--item-color),transparent);box-shadow:0 0 9px var(--item-color)}
.growth-artifact-crop{width:75px;height:150px;background-image:url('./five-element-artifacts-v1.webp');background-repeat:no-repeat;background-size:auto 150px;background-position-y:center;filter:drop-shadow(0 5px 10px #000b) drop-shadow(0 0 8px color-mix(in srgb,var(--item-color) 55%,transparent))}
.growth-artifact-crop-1{background-position-x:0}.growth-artifact-crop-2{background-position-x:-75px}.growth-artifact-crop-3{background-position-x:-150px}.growth-artifact-crop-4{background-position-x:-225px}.growth-artifact-crop-5{background-position-x:-300px}
.growth-dialog .growth-artifact-heading{display:flex;justify-content:center;gap:7px;align-items:center;max-width:100%}
.growth-dialog .growth-artifact-heading .growth-element{width:auto;height:auto;border:0;border-radius:0;color:var(--item-color);background:none;font:700 16px/1.2 "STKaiti","KaiTi",serif}
.growth-dialog .growth-artifact-heading .growth-element::after{content:'·';color:#d9c28c;margin-left:6px}
.growth-dialog .growth-artifact-heading h3{margin:0;color:#f2d89e;font:700 19px/1.25 "STKaiti","KaiTi",serif;white-space:nowrap}
.growth-dialog .growth-artifact-heading small{display:block;margin-top:2px;color:#bdc6b7;font-size:11px}
.growth-dialog .growth-artifact-bonus{margin:9px 0 7px;padding:4px 8px;border-radius:2px;color:#b5e0ce;background:#2e695944;font-size:11px;line-height:1.4}
.growth-dialog .growth-artifact-meta{display:grid;gap:3px;width:100%;margin-top:auto;padding:7px 0;border-top:1px solid #b99d6652;color:#ddc8a2;font-size:11px;line-height:1.35}
.growth-dialog .growth-artifact-meta span:first-child{color:#aabfba}
.growth-dialog .growth-artifact-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px;margin-top:5px}
.growth-dialog .growth-artifact-actions .growth-action{min-width:0;min-height:31px;margin:0;padding:5px 4px;border:1px solid #c2a56a;border-radius:3px;color:#f1ddad;background:linear-gradient(180deg,#3c4a48,#173847);font-size:11px;line-height:1.3}
.growth-dialog .growth-artifact-actions .growth-action:last-child{background:linear-gradient(135deg,#b69250,#e1c177);color:#322718}
.growth-dialog .growth-artifact-actions .growth-action:hover:not(:disabled){filter:brightness(1.18)}
.growth-dialog .growth-artifact-actions .growth-action:disabled{opacity:.45}
.growth-dialog .growth-artifact-card:focus-visible,.growth-dialog .growth-action:focus-visible,.growth-dialog .growth-tabs button:focus-visible{outline:2px solid #ffe1a2;outline-offset:3px}
/* The other two cultivation tabs share the same moonlit visual language. */
.growth-dialog .growth-summary,.growth-dialog .growth-support,.growth-dialog .growth-section,.growth-dialog .growth-source{border:1px solid #b89a665e;border-radius:3px;background:linear-gradient(135deg,#123141e8,#0c2331ef);box-shadow:inset 0 0 0 3px #0a1f2bb5}
.growth-dialog .growth-summary{padding:22px 25px;background:linear-gradient(90deg,#0e2635d9,#0e2635c7),url('./cultivation-altar-v1.webp') center 64%/cover}
.growth-dialog .growth-summary h3,.growth-dialog .growth-support h3,.growth-dialog .growth-section h3{color:#f1d497}
.growth-dialog .growth-summary small,.growth-dialog .growth-summary p,.growth-dialog .growth-experience,.growth-dialog .growth-section p,.growth-dialog .growth-source,.growth-dialog .growth-support p,.growth-dialog .growth-support .growth-small{color:#dbccb0}
.growth-dialog .growth-seal{color:#f3d99e;background:radial-gradient(#285c5a,#0d2536);box-shadow:0 0 17px #e0ba6966,inset 0 0 0 5px #0a2332}
.growth-dialog .growth-stats{border-color:#b99b625e}
.growth-dialog .growth-stats>div{padding:12px 15px;border:1px solid #b89a6658;background:#14334091}
.growth-dialog .growth-stats small{color:#bbceb9}.growth-dialog .growth-stats strong{color:#f2d294}
.growth-dialog .growth-experience progress{accent-color:#c5a66d}
.growth-dialog .growth-section{padding:20px 24px}
.growth-dialog .growth-recipe{color:#e6d4b3}
.growth-dialog .growth-section .growth-action,.growth-dialog .growth-support .growth-action{background:linear-gradient(130deg,#c19b57,#efd391);border-color:#edd092;color:#2e2415}
.growth-dialog .growth-section .growth-action:disabled,.growth-dialog .growth-support .growth-action:disabled{opacity:.45}
.growth-dialog .growth-source{padding:15px 22px}.growth-dialog .growth-source dl div{border-color:#b69b654d}
.growth-dialog .growth-support{max-width:660px;min-height:380px;margin:10px auto;padding:40px;background:linear-gradient(180deg,#0e2634d7,#0a2130ee),url('./cultivation-altar-v1.webp') center/cover}
.growth-dialog .growth-support>.growth-element{background:#102d3cc9;box-shadow:0 0 22px var(--item-color)}
.growth-dialog .growth-support .growth-prepared{color:#b9e7cf}
@keyframes growth-orb-breathe{50%{box-shadow:0 0 18px var(--item-color),0 0 38px color-mix(in srgb,var(--item-color) 77%,transparent),inset 0 0 14px var(--item-color)}}
@media(max-width:1150px){.growth-dialog .growth-artifacts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .growth-dialog.player-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .growth-dialog .player-dialog-header{min-height:128px;padding:14px 18px;align-items:flex-start}
  .growth-dialog .growth-header-copy h2{font-size:30px}.growth-dialog .growth-header-copy p{display:none}
  .growth-header-side{gap:8px}.growth-dialog .growth-wallet{position:absolute;left:18px;right:68px;bottom:10px;gap:6px}
  .growth-dialog .growth-wallet span{min-width:0;flex:1;padding:3px 7px;font-size:10px}.growth-dialog .growth-wallet i{font-size:14px}.growth-dialog .growth-wallet b{font-size:13px}
  .growth-dialog .player-dialog-close{width:34px;height:34px}
  .growth-dialog .growth-tabs{padding:0 12px;justify-content:space-around}.growth-dialog .growth-tabs button{min-width:0;flex:1;padding:10px 7px 12px;font-size:17px}
  .growth-dialog .player-dialog-body{padding:12px 13px 22px}
  .growth-altar-scene{height:270px;background-position:center 50%}
  .growth-altar{width:315px;height:180px;top:54%}.growth-altar-ring{width:145px}.growth-altar-heart{width:85px;height:85px}.growth-altar-heart span{font-size:26px}.growth-altar-heart small{font-size:7px;margin-top:-11px}
  .growth-altar-orb{width:43px;height:43px}.growth-altar-orb svg{width:23px;height:23px}.growth-altar-orb-2{left:5%}.growth-altar-orb-3{right:5%}
  .growth-scene-topline{inset:12px 15px auto;font-size:10px}.growth-altar-scene>p{font-size:12px}
  .growth-dialog .growth-artifacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .growth-dialog .growth-artifacts .growth-artifact-card{min-height:290px;padding:10px 8px 12px}.growth-dialog .growth-artifact-heading h3{font-size:16px}
  .growth-artifact-figure-wrap{height:120px}.growth-artifact-crop{width:60px;height:120px;background-size:auto 120px}
  .growth-artifact-crop-1{background-position-x:0}.growth-artifact-crop-2{background-position-x:-60px}.growth-artifact-crop-3{background-position-x:-120px}.growth-artifact-crop-4{background-position-x:-180px}.growth-artifact-crop-5{background-position-x:-240px}
  .growth-dialog .growth-artifact-intro .growth-lead{font-size:11px}.growth-artifact-intro>span{display:none}
  .growth-dialog .growth-stats{grid-template-columns:repeat(2,1fr)}.growth-dialog .growth-support{min-height:0;padding:26px 16px}
}
@media(max-width:370px){.growth-dialog .growth-artifacts{grid-template-columns:1fr}.growth-dialog .growth-artifact-card{min-height:220px}}
@media(prefers-reduced-motion:reduce){.growth-altar-orb{animation:none}}

.growth-artifact-actions .growth-forge-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 14px;border:1px solid #d7b879;background:linear-gradient(120deg,#987044,#dfbd78);color:#142a2b;text-decoration:none;font-weight:700}.growth-artifact-actions .growth-forge-link:hover{filter:brightness(1.12)}