// Full-card cartoon royal portraits in the "Fun Rummy" reference style.
// - Single orientation (NOT mirrored top/bottom)
// - One full-bleed illustration, chunky shapes, bold colors
// - Vertical rank/suit banner down the LEFT side (so it reads when fanned)
// - No inner "card-in-card" frame
// - Characters have expressive cartoon faces with subtle humor
(() => {
// Palette tuned per suit
function palette(suit) {
// gown/tunic primary, hat, accents, skin — keep recognizable to suit color
const red = { bg1: '#fff4e6', bg2: '#ffe3c2', gown: '#d13a4c', hat: '#2a1a3a', gold: '#f5c451', skin: '#f8d3b0', ink: '#2a1525', stripe: '#b22a3c', cheek: '#ef9a9a' };
const black = { bg1: '#eef1f8', bg2: '#d7dde8', gown: '#2a2d3d', hat: '#8a2430', gold: '#e7b43b', skin: '#f8d3b0', ink: '#141422', stripe: '#4a4f66', cheek: '#e8a69a' };
return (suit === '♥' || suit === '♦') ? red : black;
}
// Side banner that runs down the left edge with the rank + suit
function SideBanner({ rank, suit, color }) {
return (
{rank}
{suit}
{suit}
{rank}
);
}
// Shared defs (halftone dots)
function Defs() {
return (
);
}
// ---------- JACK ----------
// Young knave: smirk, pageboy cap with feather, holding a playing card
function JackFace({ suit }) {
const c = palette(suit);
return (
);
}
// ---------- QUEEN ----------
// Regal smile, crown with jewel, long hair, holding a rose
function QueenFace({ suit }) {
const c = palette(suit);
return (
);
}
// ---------- KING ----------
// Big beard, ornate crown, stern but kindly, holding a scepter
function KingFace({ suit }) {
const c = palette(suit);
return (
);
}
// ---------- JOKER ----------
// Classic jester, vertical full-card — cap & bells, big grin, multi-color body
function JokerFace() {
const c = {
bg1: '#fff7e6', bg2: '#ffe3b0',
red: '#d13a4c', blue: '#2a4a9a', gold: '#f5c451',
black: '#1a1420', skin: '#f8d3b0', cheek: '#ef9a9a'
};
return (
);
}
window.CharacterFaces = {
J: JackFace,
Q: QueenFace,
K: KingFace,
JOKER: JokerFace
};
})();