/* Tarot art. Colours and line weights of every deck live on .deck-<id>; tarot-art.js only names classes. */
.ta-card{display:block;width:100%;height:auto}
/* The site sets svg{width:20px;height:20px}, which also reaches this nested window. These are user units. */
.ta-card .ta-win{width:100px;height:148px;overflow:hidden}
.glyph-ico{width:1em;height:1em;display:block}
.ornament{display:block;width:100%;height:100%}

.ta-sky{fill:var(--ta-sky)}
.ta-dusk{fill:var(--ta-dusk)}
.ta-ground,.ta-a,.ta-b,.ta-c,.ta-skin,.ta-glow,.ta-pale,.ta-dark{stroke:var(--ta-line);stroke-width:var(--ta-sw)}
.ta-ground{fill:var(--ta-ground)}
.ta-a{fill:var(--ta-a)}
.ta-b{fill:var(--ta-b)}
.ta-c{fill:var(--ta-c)}
.ta-mass{fill:var(--ta-mass,var(--ta-c))}
.ta-skin{fill:var(--ta-skin)}
.ta-glow{fill:var(--ta-glow)}
.ta-pale{fill:var(--ta-pale)}
.ta-dark{fill:var(--ta-dark,var(--ta-line))}
.ta-eye{fill:var(--ta-eye,var(--ta-line));stroke:none}
.ta-mouth{fill:none;stroke:var(--ta-eye,var(--ta-line));stroke-width:var(--ta-thin)}
.ta-fill-line{fill:var(--ta-line);stroke:none}
.ta-line{fill:none;stroke:var(--ta-line);stroke-width:var(--ta-sw)}
.ta-thin{stroke-width:var(--ta-thin)}
.ta-wide{stroke-width:calc(var(--ta-sw)*1.7)}
.ta-chain{stroke-dasharray:1.6 2.2;stroke-width:calc(var(--ta-sw)*1.5)}
.ta-on{stroke:var(--ta-on)}

.ta-paper{fill:var(--ta-paper);stroke:none}
.ta-noline{stroke:none}
.ta-frame{fill:none;stroke:var(--ta-frame);stroke-width:var(--ta-frame-w)}
.ta-hair{stroke-width:calc(var(--ta-frame-w)*.55)}
.ta-cart{fill:var(--ta-cart);stroke:var(--ta-frame);stroke-width:calc(var(--ta-frame-w)*.7)}
.ta-star{fill:var(--ta-frame);stroke:none}
.ta-text{fill:var(--ta-text);font-family:var(--ta-font);font-weight:var(--ta-weight);stroke:none}

.deck-classic{--ta-sky:#f6dd8b;--ta-dusk:#8fa8d6;--ta-ground:#a3b483;--ta-a:#bd4b3e;--ta-b:#6d90cf;--ta-c:#e6b13f;--ta-skin:#f6d6b8;--ta-glow:#fff6dc;--ta-pale:#fff6dc;--ta-line:#3a2e26;--ta-on:#fff6dc55;
 --ta-paper:#fbf4e3;--ta-cart:#fffaee;--ta-frame:#3a2e26;--ta-text:#3a2e26;--ta-sw:.9;--ta-thin:.6;--ta-frame-w:.8;--ta-font:ui-serif,'New York','Iowan Old Style','Noto Serif',Georgia,serif;--ta-weight:600}
.deck-marseille{--ta-sky:#f5e9cd;--ta-dusk:#a9cbe2;--ta-ground:#e9bf3e;--ta-a:#cb3226;--ta-b:#2a5ba8;--ta-c:#f0c02e;--ta-skin:#f5c9a4;--ta-glow:#fbf3df;--ta-pale:#fbf3df;--ta-line:#14100c;--ta-on:#14100c;
 --ta-paper:#f5e9cd;--ta-cart:#fbf3df;--ta-frame:#14100c;--ta-text:#14100c;--ta-sw:1.5;--ta-thin:1;--ta-frame-w:1.5;--ta-font:ui-serif,'New York','Iowan Old Style','Noto Serif','Times New Roman',serif;--ta-weight:700}
/* Line art on navy: surfaces stay dark, so gold is left for lines, faces and what shines. */
.deck-celestial{--ta-sky:#101a3c;--ta-dusk:#0b1330;--ta-ground:#17244f;--ta-a:#1d2c5f;--ta-b:#131f47;--ta-c:#d2ab55;--ta-mass:#16224c;--ta-pale:#16224c;--ta-dark:#0a1129;--ta-skin:#f3e2b3;--ta-glow:#f2d891;--ta-line:#e0bd6b;--ta-eye:#101a3c;--ta-on:#e0bd6b66;
 --ta-paper:#0d1633;--ta-cart:#0d1633;--ta-frame:#e0bd6b;--ta-text:#f2d891;--ta-sw:.75;--ta-thin:.5;--ta-frame-w:.7;--ta-font:ui-serif,'New York','Iowan Old Style','Noto Serif',Georgia,serif;--ta-weight:500}
.deck-egypt{--ta-sky:#ecdbb0;--ta-dusk:#d8bd83;--ta-ground:#c99848;--ta-a:#23508f;--ta-b:#2f9a92;--ta-c:#d9a13a;--ta-skin:#c67b47;--ta-glow:#f8ebc1;--ta-pale:#f8ebc1;--ta-line:#3b2413;--ta-on:#f8ebc166;
 --ta-paper:#e6d2a2;--ta-cart:#f3e5bf;--ta-frame:#3b2413;--ta-text:#3b2413;--ta-sw:.9;--ta-thin:.6;--ta-frame-w:.8;--ta-font:ui-serif,'New York','Iowan Old Style','Noto Serif',Georgia,serif;--ta-weight:600}

/* The site deck takes everything from the theme: tints of the accent over the theme's own surface,
   so it follows every theme and accent without a colour of its own. */
.deck-site{--ta-sky:var(--fill,#f1edf6);--ta-dusk:var(--muted,#81748f);--ta-ground:var(--fill,#f1edf6);--ta-a:var(--violet,#7654df);--ta-b:var(--muted,#81748f);--ta-c:var(--fill,#f1edf6);--ta-skin:var(--surface,#fff);--ta-glow:var(--surface,#fff);--ta-pale:var(--surface,#fff);--ta-line:var(--ink,#292332);--ta-on:var(--surface,#fff);
 --ta-paper:var(--surface,#fff);--ta-cart:var(--fill,#f1edf6);--ta-frame:var(--ink,#292332);--ta-text:var(--ink,#292332);--ta-sw:.85;--ta-thin:.55;--ta-frame-w:.75;--ta-font:var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif);--ta-weight:600}
@supports (color:color-mix(in srgb,red,blue)){
 .deck-site{--ta-sky:color-mix(in srgb,var(--violet,#7654df) 12%,var(--surface,#fff));--ta-dusk:color-mix(in srgb,var(--violet,#7654df) 34%,var(--surface,#fff));--ta-ground:color-mix(in srgb,var(--violet,#7654df) 7%,var(--fill,#f1edf6));--ta-b:color-mix(in srgb,var(--violet,#7654df) 42%,var(--surface,#fff));--ta-c:color-mix(in srgb,var(--violet,#7654df) 24%,var(--surface,#fff));--ta-on:color-mix(in srgb,var(--surface,#fff) 40%,transparent)}
}
/* On a dark theme the ink is light, so faces and light sources take it and their features go dark. */
.theme-midnight .deck-site{--ta-skin:var(--ink,#efe7dc);--ta-glow:var(--ink,#efe7dc);--ta-eye:var(--page,#24223a);--ta-dark:var(--page,#24223a);--ta-pale:var(--fill,#34314f)}