/* Felt colours and card backs. Selected with body[data-felt] / body[data-back] (persisted in prefs). */
body[data-felt="blue"]{--felt1:#2a5f8f;--felt2:#163a5c}
body[data-felt="burgundy"]{--felt1:#7a2a3a;--felt2:#4a1520}
body[data-felt="slate"]{--felt1:#4a5563;--felt2:#2b323c}
body[data-back="blue"] .back{background:repeating-linear-gradient(45deg,#1e3f8b,#1e3f8b 3px,#2f57b0 3px,#2f57b0 6px)}
body[data-back="green"] .back{background:repeating-linear-gradient(45deg,#1d6b3a,#1d6b3a 3px,#2e8a4f 3px,#2e8a4f 6px)}
body[data-back="black"] .back{background:repeating-linear-gradient(135deg,#1b1f24,#1b1f24 3px,#3a4048 3px,#3a4048 6px)}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.swatch{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}
.swatch[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 2px #e8c35a66}
.swatch.felt-green{background:radial-gradient(circle,#1f6b48,#134a31)}.swatch.felt-blue{background:radial-gradient(circle,#2a5f8f,#163a5c)}
.swatch.felt-burgundy{background:radial-gradient(circle,#7a2a3a,#4a1520)}.swatch.felt-slate{background:radial-gradient(circle,#4a5563,#2b323c)}
.swatch.back-red{background:repeating-linear-gradient(45deg,#8b1e2b,#8b1e2b 3px,#a8323f 3px,#a8323f 6px)}
.swatch.back-blue{background:repeating-linear-gradient(45deg,#1e3f8b,#1e3f8b 3px,#2f57b0 3px,#2f57b0 6px)}
.swatch.back-green{background:repeating-linear-gradient(45deg,#1d6b3a,#1d6b3a 3px,#2e8a4f 3px,#2e8a4f 6px)}
.swatch.back-black{background:repeating-linear-gradient(135deg,#1b1f24,#1b1f24 3px,#3a4048 3px,#3a4048 6px)}