/* The same five ivory card backs and celestial wheel on home and unlock. */
.ec-celestial-spread__stage { position:relative; isolation:isolate; padding:44px 42px 32px; }
.ec-celestial-spread__stage::before { content:""; position:absolute; z-index:-1; inset:0 -6%; pointer-events:none; background:radial-gradient(ellipse at 50% 48%,#975ba942 0,#6e397932 32%,#29103a00 70%); }
.ec-celestial-spread__wheel { position:absolute; z-index:-1; inset:0; width:100%; max-width:none; height:100%; color:#dbb980; pointer-events:none; }
.ec-celestial-spread__cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:start; gap:clamp(12px,2.7vw,34px); list-style:none; padding:0; margin:0; }
.ec-celestial-spread__item { display:flex; flex-direction:column; align-items:center; min-width:0; padding-top:var(--card-drop); text-align:center; }
.ec-celestial-spread__card { display:block; width:100%; max-width:146px; aspect-ratio:2/3; border-radius:7px; background:#f7e8ca; transform:rotate(var(--card-angle)); box-shadow:0 16px 30px -12px #100719cc,0 0 0 1px #ddc19588; }
.ec-celestial-spread__card > img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.ec-celestial-spread__item > strong { position:relative; margin-top:21px; color:#fff3de; font:500 21px/1.2 var(--story-serif); }
.ec-celestial-spread__meaning { margin-top:7px; color:#dec8e1; font-size:11px; line-height:1.4; }
@media (max-width:600px) {
  .ec-celestial-spread__stage { margin-inline:-10px; padding:32px 7px 19px; }
  .ec-celestial-spread__wheel { left:-10%; width:120%; }
  .ec-celestial-spread__cards { gap:10px; }
  .ec-celestial-spread__item { padding-top:calc(var(--card-drop) * .6); }
  .ec-celestial-spread__card { border-radius:4px; box-shadow:0 10px 18px -8px #100719cc,0 0 0 1px #ddc19588; }
  .ec-celestial-spread__item > strong { margin-top:13px; font-size:clamp(10px,2.95vw,16px); }
  .ec-celestial-spread__meaning { display:none; }
}