/* ───── Card art components ─────
Card back patterns (3 variants) and three card faces.
All SVG, rendered crisp at any size. Gold-on-velvet / gold-on-ivory.
*/
const CardBack = ({ variant = "star" }) => {
// 3 variants of card back
if (variant === "moon") {
return (
);
}
if (variant === "diamond") {
return (
);
}
// default — star with rays
return (
);
};
/* ─── Card faces ─── */
// Common card-face chrome (border + paper texture + bottom label)
const FaceFrame = ({ children, romanNumeral, title }) => (
);
// Past — "The Beginning". Rising sun over a horizon line with mountains
const CardFacePast = () => (
{/* sun + rays */}
{Array.from({length: 12}).map((_,i)=>(
))}
{/* face hint — minimal eyes/smile */}
{/* horizon */}
{/* mountains */}
{/* small stars in sky */}
{[[40,80],[160,75],[55,55],[145,55],[100,52]].map(([x,y],i)=>(
))}
);
// Present — "The Reading". Eye / mandala / hand of cards
const CardFacePresent = () => (
{/* outer petals */}
{Array.from({length: 12}).map((_,i)=>(
))}
{/* outer ring */}
{/* the eye */}
{/* rays */}
{Array.from({length:8}).map((_,i)=>(
))}
{/* small celestial symbols below */}
☉
☽
✦
♆
☿
);
// Future — "The Teaching". Tree of knowledge / hand with stars / open book
const CardFaceFuture = () => (
{/* book */}
{/* page lines */}
{[3,7,11].map((y,i)=>(
))}
{/* rising stars from book */}
{[[-18,0,5],[0,-15,7],[20,-5,5],[-30,-10,4],[28,-22,4]].map(([x,y,s],i)=>(
))}
{/* infinity-like loop above */}
);
Object.assign(window, {
CardBack, CardFacePast, CardFacePresent, CardFaceFuture
});