/* Generated by scripts/build_webapp.py — card backs for the table, see BACK_SKINS. */
.app[data-back="classic"] { --back-bg: linear-gradient(160deg, #2A1F5C, #1B1640 60%, #120D2B); --back-edge: #C9972F; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23D8B45A' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='30' cy='50' r='15' fill='none' stroke='%23D8B45A' stroke-width='1.2'/%3E%3Cpath d='M34 39a11 11 0 1 0 0 22a13 13 0 1 1 0-22z' fill='%23D8B45A'/%3E%3Cpath d='M30 13L31.96 18.04L37 20L31.96 21.96L30 27L28.04 21.96L23 20L28.04 18.04Z' fill='%23F2D98A'/%3E%3Cpath d='M30 73L31.96 78.04L37 80L31.96 81.96L30 87L28.04 81.96L23 80L28.04 78.04Z' fill='%23F2D98A'/%3E%3C/svg%3E"); }
.app[data-back="moon"] { --back-bg: linear-gradient(160deg, #2B3A67, #16213E 60%, #0B1026); --back-edge: #AFC3E6; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23AFC3E6' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='30' cy='50' r='16' fill='%23DCE6F7'/%3E%3Ccircle cx='25' cy='45' r='3' fill='%23B9C8E3'/%3E%3Ccircle cx='35' cy='55' r='4' fill='%23B9C8E3'/%3E%3Ccircle cx='33' cy='42' r='2' fill='%23B9C8E3'/%3E%3Cpath d='M15 17L15.84 19.16L18 20L15.84 20.84L15 23L14.16 20.84L12 20L14.16 19.16Z' fill='%23DCE6F7'/%3E%3Cpath d='M46 77L46.84 79.16L49 80L46.84 80.84L46 83L45.16 80.84L43 80L45.16 79.16Z' fill='%23DCE6F7'/%3E%3Cpath d='M44 20L44.56 21.44L46 22L44.56 22.56L44 24L43.44 22.56L42 22L43.44 21.44Z' fill='%23DCE6F7'/%3E%3C/svg%3E"); }
.app[data-back="sun"] { --back-bg: linear-gradient(160deg, #6B3214, #3A1A0C 60%, #1E0E07); --back-edge: #F2B84B; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23F2B84B' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='30' cy='50' r='10' fill='%23F6C85F'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%280 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%2830 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%2860 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%2890 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28120 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28150 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28180 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28210 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28240 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28270 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28300 30 50%29'/%3E%3Crect x='29' y='27' width='2' height='9' rx='1' fill='%23F6C85F' transform='rotate%28330 30 50%29'/%3E%3C/svg%3E"); }
.app[data-back="stars"] { --back-bg: linear-gradient(160deg, #0B1535, #050A1C); --back-edge: #9FB6FF; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%239FB6FF' stroke-width='1.2' opacity='.6'/%3E%3Cpath d='M16 30L27 22L38 34L46 26M20 72L31 64L41 76' fill='none' stroke='%239FB6FF' stroke-width='.8' opacity='.8'/%3E%3Cpath d='M16 27L16.84 29.16L19 30L16.84 30.84L16 33L15.16 30.84L13 30L15.16 29.16Z' fill='%23E4ECFF'/%3E%3Cpath d='M27 19.5L27.7 21.3L29.5 22L27.7 22.7L27 24.5L26.3 22.7L24.5 22L26.3 21.3Z' fill='%23E4ECFF'/%3E%3Cpath d='M38 30.5L38.98 33.02L41.5 34L38.98 34.98L38 37.5L37.02 34.98L34.5 34L37.02 33.02Z' fill='%23E4ECFF'/%3E%3Cpath d='M46 24L46.56 25.44L48 26L46.56 26.56L46 28L45.44 26.56L44 26L45.44 25.44Z' fill='%23E4ECFF'/%3E%3Cpath d='M20 69.5L20.7 71.3L22.5 72L20.7 72.7L20 74.5L19.3 72.7L17.5 72L19.3 71.3Z' fill='%23E4ECFF'/%3E%3Cpath d='M31 61L31.84 63.16L34 64L31.84 64.84L31 67L30.16 64.84L28 64L30.16 63.16Z' fill='%23E4ECFF'/%3E%3Cpath d='M41 73.5L41.7 75.3L43.5 76L41.7 76.7L41 78.5L40.3 76.7L38.5 76L40.3 75.3Z' fill='%23E4ECFF'/%3E%3Cpath d='M30 45L31.4 48.6L35 50L31.4 51.4L30 55L28.6 51.4L25 50L28.6 48.6Z' fill='%23E4ECFF'/%3E%3C/svg%3E"); }
.app[data-back="aurora"] { --back-bg: linear-gradient(160deg, #0E3B43, #1C1B4A 55%, #2A0F3D); --back-edge: #7FFFD4; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%237FFFD4' stroke-width='1.2' opacity='.6'/%3E%3Cpath d='M8 38C18 26 28 50 38 38S52 30 54 34' fill='none' stroke='%237FFFD4' stroke-width='2.2' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M8 50C18 38 28 62 38 50S52 42 54 46' fill='none' stroke='%239B7BFF' stroke-width='2.2' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M8 62C18 50 28 74 38 62S52 54 54 58' fill='none' stroke='%23E68AB8' stroke-width='2.2' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E"); }
.app[data-back="arcana"] { --back-bg: linear-gradient(160deg, #1A1426, #0B0B0F); --back-edge: #D8B45A; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23D8B45A' stroke-width='1.2' opacity='.6'/%3E%3Cpath d='M30 28L50 66H10Z' fill='none' stroke='%23D8B45A' stroke-width='1.4'/%3E%3Cpath d='M19 54Q30 44 41 54Q30 64 19 54Z' fill='none' stroke='%23F2D98A' stroke-width='1.2'/%3E%3Ccircle cx='30' cy='54' r='3.2' fill='%23F2D98A'/%3E%3Cpath d='M30 14L31.12 16.88L34 18L31.12 19.12L30 22L28.88 19.12L26 18L28.88 16.88Z' fill='%23D8B45A'/%3E%3Cpath d='M30 78L31.12 80.88L34 82L31.12 83.12L30 86L28.88 83.12L26 82L28.88 80.88Z' fill='%23D8B45A'/%3E%3C/svg%3E"); }
.app[data-back="gold"] { --back-bg: linear-gradient(160deg, #F2D98A, #C9972F 60%, #8A6420); --back-edge: #FFF3C4; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%232A1F5C' stroke-width='1.2' opacity='.6'/%3E%3Cpath d='M34 39a11 11 0 1 0 0 22a13 13 0 1 1 0-22z' fill='%232A1F5C'/%3E%3Cpath d='M30 13L31.96 18.04L37 20L31.96 21.96L30 27L28.04 21.96L23 20L28.04 18.04Z' fill='%232A1F5C'/%3E%3Cpath d='M30 73L31.96 78.04L37 80L31.96 81.96L30 87L28.04 81.96L23 80L28.04 78.04Z' fill='%232A1F5C'/%3E%3C/svg%3E"); }
.app[data-back="fool"] { --back-bg: linear-gradient(160deg, #F5EBDD, #E0C9A6); --back-edge: #C9972F; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%238A5A2B' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='40' cy='26' r='8' fill='%23F2B84B'/%3E%3Cpath d='M8 78L22 60L30 70L40 56L52 78Z' fill='%238A5A2B' opacity='.8'/%3E%3Ccircle cx='22' cy='44' r='4' fill='%23fff' stroke='%23C94F6D' stroke-width='1'/%3E%3Cpath d='M22 48V58' stroke='%235E8C4A' stroke-width='1.2'/%3E%3C/svg%3E"); }
.app[data-back="pair"] { --back-bg: linear-gradient(160deg, #4A1F3D, #2A1030); --back-edge: #E68AB8; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23E68AB8' stroke-width='1.2' opacity='.6'/%3E%3Ccircle cx='24' cy='50' r='11' fill='none' stroke='%23F2D98A' stroke-width='1.8'/%3E%3Ccircle cx='36' cy='50' r='11' fill='none' stroke='%23E68AB8' stroke-width='1.8'/%3E%3Cpath d='M30 26c-3-4-9-2-8 3c1 4 8 8 8 8s7-4 8-8c1-5-5-7-8-3z' fill='%23E68AB8'/%3E%3C/svg%3E"); }
.app[data-back="samhain"] { --back-bg: linear-gradient(160deg, #3A1A06, #120904); --back-edge: #FF8C2A; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23FF8C2A' stroke-width='1.2' opacity='.6'/%3E%3Cellipse cx='30' cy='54' rx='14' ry='11' fill='%23FF8C2A'/%3E%3Cpath d='M30 43V38' stroke='%236B8E23' stroke-width='2'/%3E%3Cpath d='M23 52l3-3l3 3M31 52l3-3l3 3M24 59q6 4 12 0' fill='none' stroke='%233A1A06' stroke-width='1.5'/%3E%3Cpath d='M34 22a7 7 0 1 0 0 12a8 8 0 1 1 0-12z' fill='%23F2D98A'/%3E%3C/svg%3E"); }
.app[data-back="newyear"] { --back-bg: linear-gradient(160deg, #0E2A4A, #081629); --back-edge: #CFE8FF; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23CFE8FF' stroke-width='1.2' opacity='.6'/%3E%3Cg transform='rotate%280 30 50%29'%3E%3Cpath d='M30 34V66M30 40l-4-4M30 40l4-4M30 60l-4 4M30 60l4 4' stroke='%23E8F4FF' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3C/g%3E%3Cg transform='rotate%2860 30 50%29'%3E%3Cpath d='M30 34V66M30 40l-4-4M30 40l4-4M30 60l-4 4M30 60l4 4' stroke='%23E8F4FF' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3C/g%3E%3Cg transform='rotate%28120 30 50%29'%3E%3Cpath d='M30 34V66M30 40l-4-4M30 40l4-4M30 60l-4 4M30 60l4 4' stroke='%23E8F4FF' stroke-width='1.4' stroke-linecap='round' fill='none'/%3E%3C/g%3E%3Cpath d='M14 16L14.56 17.44L16 18L14.56 18.56L14 20L13.44 18.56L12 18L13.44 17.44Z' fill='%23E8F4FF'/%3E%3Cpath d='M47 82L47.56 83.44L49 84L47.56 84.56L47 86L46.44 84.56L45 84L46.44 83.44Z' fill='%23E8F4FF'/%3E%3C/svg%3E"); }
.app[data-back="birthday"] { --back-bg: linear-gradient(160deg, #3A1F4F, #1F1233); --back-edge: #FFC6E0; --back-art: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Crect x='5' y='5' width='50' height='90' rx='4' fill='none' stroke='%23FFC6E0' stroke-width='1.2' opacity='.6'/%3E%3Crect x='26' y='44' width='8' height='24' rx='2' fill='%23FFC6E0'/%3E%3Cpath d='M30 30c4 5 4 9 0 11c-4-2-4-6 0-11z' fill='%23F6C85F'/%3E%3Ccircle cx='14' cy='26' r='1.6' fill='%237FFFD4'/%3E%3Ccircle cx='46' cy='30' r='1.6' fill='%23F6C85F'/%3E%3Ccircle cx='16' cy='74' r='1.6' fill='%23E68AB8'/%3E%3Ccircle cx='44' cy='76' r='1.6' fill='%239B7BFF'/%3E%3Ccircle cx='12' cy='50' r='1.6' fill='%23F6C85F'/%3E%3Ccircle cx='48' cy='56' r='1.6' fill='%237FFFD4'/%3E%3C/svg%3E"); }