.luna-face{--face-w:11rem;--face-h:16.5rem;--face-radius:16px;--accent:var(--luna-gold);--accent-soft:var(--luna-gold-deep);position:relative;width:var(--face-w);height:var(--face-h);aspect-ratio:2/3;border-radius:var(--face-radius);padding:.85rem .8rem .7rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:hidden;color:var(--luna-text);background:radial-gradient(120% 80% at 50% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),radial-gradient(90% 60% at 50% 108%,color-mix(in srgb,var(--luna-violet) 28%,transparent),transparent 65%),linear-gradient(165deg,var(--luna-indigo) 0,var(--luna-bg) 70%,#0b0820 100%);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 18px 40px -22px rgba(0,0,0,.85),inset 0 0 60px -28px color-mix(in srgb,var(--luna-violet) 70%,transparent),inset 0 1px 0 color-mix(in srgb,var(--accent) 30%,transparent)}.luna-face--sm{--face-w:7.5rem;--face-h:11.25rem;--face-radius:12px;padding:.55rem .5rem .45rem}.luna-face:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 18% 24%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 60%),radial-gradient(1px 1px at 72% 16%,rgba(239,234,252,.5),transparent 60%),radial-gradient(1.4px 1.4px at 84% 62%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 60%),radial-gradient(1px 1px at 32% 74%,rgba(239,234,252,.4),transparent 60%),radial-gradient(1px 1px at 56% 88%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 60%);opacity:.7}.luna-face.is-wands{--accent:var(--luna-gold);--accent-soft:var(--luna-gold-deep)}.luna-face.is-cups{--accent:color-mix(in srgb,var(--luna-violet) 78%,#6fb0ff);--accent-soft:var(--luna-violet)}.luna-face.is-swords{--accent:color-mix(in srgb,var(--luna-text-soft) 72%,#aebfd6);--accent-soft:color-mix(in srgb,var(--luna-text-faint) 80%,#8fa3c4)}.luna-face.is-pentacles{--accent:color-mix(in srgb,var(--luna-gold) 70%,#7fc89a);--accent-soft:color-mix(in srgb,var(--luna-gold-deep) 70%,#4f9d76)}.luna-face.is-major{--accent:var(--luna-gold);--accent-soft:var(--luna-gold-deep)}.luna-face__frame{position:absolute;inset:.42rem;z-index:1;border-radius:calc(var(--face-radius) - 5px);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}.luna-face--sm .luna-face__frame{inset:.3rem}.luna-face__corner{position:absolute;width:1.1rem;height:1.1rem;color:var(--accent);opacity:.85;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 55%,transparent))}.luna-face--sm .luna-face__corner{width:.8rem;height:.8rem}.luna-face__corner-svg{width:100%;height:100%;display:block}.luna-face__corner--tl{top:.22rem;left:.22rem}.luna-face__corner--tr{top:.22rem;right:.22rem;transform:scaleX(-1)}.luna-face__corner--bl{bottom:.22rem;left:.22rem;transform:scaleY(-1)}.luna-face__corner--br{bottom:.22rem;right:.22rem;transform:scale(-1)}.luna-face__mark{font-family:var(--luna-serif);color:var(--accent);letter-spacing:.06em;line-height:1;text-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.luna-face__mark--top{position:relative;z-index:2;align-self:center;font-size:.92rem;padding-top:.15rem}.luna-face--sm .luna-face__mark--top{font-size:.74rem}.luna-face__mark--bottom{font-size:.7rem;opacity:.8}.luna-face--sm .luna-face__mark--bottom{font-size:.6rem}.luna-face__center{position:relative;z-index:2;flex:1 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:0}.luna-face__halo{position:absolute;top:50%;left:50%;width:7.5rem;height:7.5rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 38%,transparent) 0,color-mix(in srgb,var(--accent) 12%,transparent) 38%,transparent 70%);filter:blur(3px);pointer-events:none}.luna-face--sm .luna-face__halo{width:5rem;height:5rem}.luna-face__motif{position:relative;display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:50%;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 72%);transition:transform .6s cubic-bezier(.2,.8,.25,1)}.luna-face--sm .luna-face__motif{width:3.7rem;height:3.7rem}.luna-face__glyph-svg{width:64%;height:64%;display:block;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent))}.luna-face.is-reversed .luna-face__motif{transform:rotate(180deg)}.luna-face__pips{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.26rem;max-width:6.6rem}.luna-face--sm .luna-face__pips{gap:.18rem;max-width:4.6rem}.luna-face__pip{width:.34rem;height:.34rem;transform:rotate(45deg);background:var(--accent);border-radius:1px;box-shadow:0 0 5px color-mix(in srgb,var(--accent) 60%,transparent);opacity:.85}.luna-face--sm .luna-face__pip{width:.26rem;height:.26rem}.luna-face__reversed{position:absolute;top:.55rem;right:.7rem;z-index:3;font-size:.8rem;line-height:1;color:var(--accent);opacity:.9;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.luna-face--sm .luna-face__reversed{top:.42rem;right:.5rem;font-size:.66rem}.luna-face__plate{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding-bottom:.1rem}.luna-face__rule{width:62%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 75%,transparent),transparent)}.luna-face__name{font-family:var(--luna-serif);font-size:.98rem;line-height:1.2;text-align:center;color:var(--luna-text);letter-spacing:.01em;text-wrap:balance;text-shadow:0 1px 8px rgba(0,0,0,.45)}.luna-face--sm .luna-face__name{font-size:.74rem}@media (prefers-reduced-motion:reduce){.luna-face__motif{transition:none}}