/* ===== StarrKit — Boutique ===== */
.shop-section { margin-top: 32px; }
.shop-section h2 { margin-bottom: 4px; font-size: 1.4rem; }
.shop-note { color: var(--text-dim); font-size: .9rem; margin-top: 0; }

.shop-grid { display: grid; gap: 16px; margin-top: 14px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.theme-card, .joker-card { padding: 16px; border-radius: 18px; background: var(--surface); border: 2px solid var(--border); box-shadow: 0 5px 0 var(--border), 0 8px 16px rgba(0, 0, 0, .3); }
.theme-swatch { height: 70px; border-radius: 14px; margin-bottom: 12px; border: 2px solid var(--border); }
.theme-swatch--default     { background: linear-gradient(135deg, #8b5cf6, #4f7cff); }
.theme-swatch--neon        { background: linear-gradient(135deg, #10d488, #ff3d9a); }
.theme-swatch--retro       { background: linear-gradient(135deg, #ff9f1c, #ff6b35); }

/* 20 nouveaux thèmes (migration 033 — 2026-06-27) */
.theme-swatch--midnight    { background: linear-gradient(135deg, #0a0f1f, #3b82f6); }
.theme-swatch--dawn        { background: linear-gradient(135deg, #fde6cf, #ff7e5f); }
.theme-swatch--forest      { background: linear-gradient(135deg, #0f2516, #65a30d); }
.theme-swatch--desert      { background: linear-gradient(135deg, #3a2810, #f59e0b); }
.theme-swatch--ice         { background: linear-gradient(135deg, #0d2238, #38bdf8); }
.theme-swatch--volcano     { background: linear-gradient(135deg, #2e0a0a, #f97316); }
.theme-swatch--ocean       { background: linear-gradient(135deg, #062c3b, #06b6d4); }
.theme-swatch--cyberpunk   { background: linear-gradient(135deg, #13002a, #ff0080); }
.theme-swatch--vaporwave   { background: linear-gradient(135deg, #2a1644, #ff6bcb); }
.theme-swatch--ninja       { background: linear-gradient(135deg, #0c0c0c, #dc2626); }
.theme-swatch--pirate      { background: linear-gradient(135deg, #2d180a, #ca8a04); }
.theme-swatch--dragon      { background: linear-gradient(135deg, #1b0030, #a855f7); }
.theme-swatch--knight      { background: linear-gradient(135deg, #152238, #cbd5e1); }
.theme-swatch--robot       { background: linear-gradient(135deg, #161b22, #fb923c); }
.theme-swatch--ghost       { background: linear-gradient(135deg, #0f1f18, #22d3ee); }
.theme-swatch--space       { background: linear-gradient(135deg, #080028, #6366f1); }
.theme-swatch--xmas        { background: linear-gradient(135deg, #1a2614, #dc2626); }
.theme-swatch--halloween   { background: linear-gradient(135deg, #180024, #f97316); }
.theme-swatch--summer      { background: linear-gradient(135deg, #fed7aa, #fb923c); }
.theme-swatch--rainbow     { background: linear-gradient(135deg, #ec4899, #fde047 30%, #22c55e 60%, #06b6d4); }

.theme-card__name, .joker-card__name { margin: 0 0 10px; font-size: 1.1rem; }
.theme-card__action { margin-top: 4px; }
.joker-card__desc { color: var(--text-dim); font-size: .85rem; margin: 0 0 10px; }
.joker-card__count { display: block; font-size: .78rem; color: var(--text-dim); margin-bottom: 12px; }