/* Element-specific colors */
.element-btn[data-element="Air"] { background: linear-gradient(145deg, #e0f2fe, #b3e5fc); color: #01579b; border-color: #0288d1; }
.element-btn[data-element="Plant"] { background: linear-gradient(145deg, #e8f5e8, #c8e6c9); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Earth"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Water"] { background: linear-gradient(145deg, #e3f2fd, #bbdefb); color: #0d47a1; border-color: #2196f3; }
.element-btn[data-element="Cold"] { background: linear-gradient(145deg, #ffffff, #f5f5f5); color: #424242; border-color: #9e9e9e; }
.element-btn[data-element="Fire"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Psychic"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Bone"] { background: linear-gradient(145deg, #fafafa, #f5f5f5); color: #212121; border-color: #9e9e9e; }
.element-btn[data-element="Light"] { background: linear-gradient(145deg, #fffde7, #fff9c4); color: #f57f17; border-color: #ffeb3b; }
.element-btn[data-element="Faerie"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Plasma"] { background: linear-gradient(145deg, #ede7f6, #d1c4e9); color: #4527a0; border-color: #673ab7; }
.element-btn[data-element="Shadow"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Mech"] { background: linear-gradient(145deg, #eceff1, #cfd8dc); color: #263238; border-color: #607d8b; }
.element-btn[data-element="Crystal"] { background: linear-gradient(145deg, #e0f7fa, #b2ebf2); color: #00695c; border-color: #26a69a; }
.element-btn[data-element="Poison"] { background: linear-gradient(145deg, #f1f8e9, #c5e1a5); color: #1b5e20; border-color: #8bc34a; }
.element-btn[data-element="Control"] { background: linear-gradient(145deg, #fff3e0, #ffe0b2); color: #e65100; border-color: #ff9800; }
.element-btn[data-element="Hoax"] { background: linear-gradient(145deg, #f9fbe7, #f0f4c3); color: #827717; border-color: #cddc39; }
.element-btn[data-element="Primordial Plant"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Primordial Air"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #9e9e9e; }
.element-btn[data-element="Electricity"] { background: linear-gradient(145deg, #e3f2fd, #bbdefb); color: #0d47a1; border-color: #2196f3; }
.element-btn[data-element="Legendary"] { background: linear-gradient(145deg, #fff9c4, #fff176); color: #f57c00; border-color: #ffb300; }
.element-btn[data-element="Gold"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ff8f00; }
.element-btn[data-element="Spooktacle"] { background: linear-gradient(145deg, #ffecb3, #ff8a65); color: #bf360c; border-color: #ff5722; }
.element-btn[data-element="Festival of Yay"] { background: linear-gradient(145deg, #e8f5e8, #a5d6a7); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Season of Love"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Eggs-Travaganza"] { background: linear-gradient(145deg, #fff3e0, #ffcc80); color: #e65100; border-color: #ff9800; }
.element-btn[data-element="Summersong"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ffc107; }
.element-btn[data-element="Feast-Ember"] { background: linear-gradient(145deg, #d7ccc8, #a1887f); color: #3e2723; border-color: #6d4c41; }
.element-btn[data-element="Beat Hereafter"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Echoes of Eco"] { background: linear-gradient(145deg, #e8f5e8, #a5d6a7); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Anniversary Month"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Crescendo Moon"] { background: linear-gradient(145deg, #ffebee, #ffab91); color: #d84315; border-color: #ff5722; }
.element-btn[data-element="SkyPainting"] { background: linear-gradient(145deg, #e1f5fe, #81d4fa); color: #01579b; border-color: #03a9f4; }
.element-btn[data-element="Life-Formula"] { background: linear-gradient(145deg, #e0f2f1, #80cbc4); color: #004d40; border-color: #009688; }
.element-btn[data-element="Cloverspell"] { background: linear-gradient(145deg, #e8f5e8, #a5d6a7); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="MindBoggle"] { background: linear-gradient(145deg, #e8eaf6, #c5cae9); color: #283593; border-color: #3f51b5; }
.element-btn[data-element="Perplexplore"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Dream"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Mythical"] { background: linear-gradient(145deg, #e8eaf6, #c5cae9); color: #283593; border-color: #3f51b5; }
.element-btn[data-element="Celestial"] { background: linear-gradient(145deg, #fff9c4, #fff176); color: #f57c00; border-color: #ffb300; }
.element-btn[data-element="Dipster"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Titansoul"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Candy"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Organ"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Knottshurr"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Undead"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Nightmare"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Gamma Water"] { background: linear-gradient(145deg, #e8f5e8, #a5d6a7); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Art"] { background: linear-gradient(145deg, #fff3e0, #ffcc80); color: #e65100; border-color: #ff9800; }
.element-btn[data-element="Explosive"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Aesthetic"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Aether"] { background: linear-gradient(145deg, #ede7f6, #d1c4e9); color: #4527a0; border-color: #673ab7; }
.element-btn[data-element="Dark"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Runic"] { background: linear-gradient(145deg, #004d40, #00695c); color: #e0f2f1; border-color: #00695c; }
.element-btn[data-element="Thief"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Mushroom"] { background: linear-gradient(145deg, #fff3e0, #ffcc80); color: #e65100; border-color: #ff9800; }
.element-btn[data-element="Plague"] { background: linear-gradient(145deg, #f1f8e9, #c5e1a5); color: #1b5e20; border-color: #8bc34a; }
.element-btn[data-element="Card"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Emotion"] { background: linear-gradient(145deg, #e8eaf6, #c5cae9); color: #283593; border-color: #3f51b5; }
.element-btn[data-element="Gaming"] { background: linear-gradient(145deg, #eceff1, #cfd8dc); color: #263238; border-color: #607d8b; }
.element-btn[data-element="Magic"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Paper"] { background: linear-gradient(145deg, #ffffff, #ffffff); color: #424242; border-color: #9e9e9e; }
.element-btn[data-element="Time"] { background: linear-gradient(145deg, #ffecb3, #ff8a65); color: #e65100; border-color: #ff8f00; }
.element-btn[data-element="Alchemy"] { background: linear-gradient(145deg, #e8f5e8, #c8e6c9); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Beast"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Fruit"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Honey"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ffc107; }
.element-btn[data-element="Ink"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Void"] { background: linear-gradient(145deg, #000000, #1a1a1a); color: #ffffff; border-color: #424242; }
.element-btn[data-element="Luminous"] { background: linear-gradient(145deg, #e0f7fa, #b2ebf2); color: #00695c; border-color: #26a69a; }
.element-btn[data-element="Sand"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ffc107; }
.element-btn[data-element="Stellar"] { background: linear-gradient(145deg, #ede7f6, #d1c4e9); color: #4527a0; border-color: #673ab7; }
.element-btn[data-element="Zodiac"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Coke"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Rubber"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ffc107; }
.element-btn[data-element="Hypno"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Chaos"] { background: linear-gradient(145deg, #f3e5f5, #5c005c); color: #4a148c; border-color: #6a1b9a; }
.element-btn[data-element="Vampire"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Error"] { background: linear-gradient(145deg, #000000, #424242); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Block"] { background: linear-gradient(145deg, #fafafa, #f5f5f5); color: #424242; border-color: #e0e0e0; }
.element-btn[data-element="Demon"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Depths"] { background: linear-gradient(145deg, #3f3f7e, #2d2d5f); color: #ffffff; border-color: #4c4f9d; }
.element-btn[data-element="Signal"] { background: linear-gradient(145deg, #d8f4d8, #a8f0a8); color: #1b5e20; border-color: #76ff03; }
.element-btn[data-element="Warp"] { background: linear-gradient(145deg, #4a148c, #6a1b9a); color: #f3e5f5; border-color: #9c27b0; }
.element-btn[data-element="Knight"] { background: linear-gradient(145deg, #eceff1, #cfd8dc); color: #263238; border-color: #607d8b; }
.element-btn[data-element="Salesman"] { background: linear-gradient(145deg, #1b5e20, #2e7d32); color: #e8f5e8; border-color: #4caf50; }
.element-btn[data-element="Gameshow Host"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Roaring Knight"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #212121; }
.element-btn[data-element="Star"] { background: linear-gradient(145deg, #fff8e1, #ffcc02); color: #e65100; border-color: #ffc107; }
.element-btn[data-element="Eclipse"] { background: linear-gradient(145deg, #ffecb3, #ff8a65); color: #bf360c; border-color: #ff5722; }
.element-btn[data-element="Coral"] { background: linear-gradient(145deg, #fff8e1, #ffce3d); color: #e65100; border-color: #ffce3d; }
.element-btn[data-element="Overgrown"] { background: linear-gradient(145deg, #e8f5e8, #c8e6c9); color: #1b5e20; border-color: #4caf50; }
.element-btn[data-element="Vehicle"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Balloon"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Chocolate"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Dairy"] { background: linear-gradient(145deg, #ffffff, #ffffff); color: #424242; border-color: #e0e0e0; }
.element-btn[data-element="Draconic"] { background: linear-gradient(145deg, #e0f7fa, #b2ebf2); color: #00695c; border-color: #26a69a; }
.element-btn[data-element="FNaF"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
.element-btn[data-element="Sus"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Raw Beef"] { background: linear-gradient(145deg, #ffb6c1, #ff91a4); color: #8b0000; border-color: #ff91a4; }
.element-btn[data-element="Rot"] { background: linear-gradient(145deg, #8d6e63, #a1887f); color: #3e2723; border-color: #6d4c41; }
.element-btn[data-element="Radio"] { background: linear-gradient(145deg, #efebe9, #d7ccc8); color: #3e2723; border-color: #8d6e63; }
body.dark-mode .element-btn[data-element="Radio"] { background: linear-gradient(145deg, #3e2723, #5d4037); color: #efebe9; border-color: #8d6e63; }
.element-btn[data-element="Rude"] { background: linear-gradient(145deg, #fce4ec, #f8bbd9); color: #880e4f; border-color: #e91e63; }
.element-btn[data-element="Ice Cream"] { background: linear-gradient(145deg, #ff71ab, #ff91c1); color: #8b0040; border-color: #ff71ab; }
.element-btn[data-element="Lantern"] { background: linear-gradient(145deg, #fffaf0, #ffe5cc); color: #cc6600; border-color: #ffb366; }
.element-btn[data-element="Magnet"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Shatter"] { background: linear-gradient(145deg, #f0f8ff, #e6f3ff); color: #1e3a8a; border-color: #60a5fa; }
.element-btn[data-element="Spiral"] { background: linear-gradient(145deg, #fdf2f8, #fce7f3); color: #be185d; border-color: #ec4899; }
.element-btn[data-element="Tale"] { background: linear-gradient(145deg, #fef2f2, #fee2e2); color: #7f1d1d; border-color: #ef4444; }
.element-btn[data-element="Thread"] { background: linear-gradient(145deg, #f3e8ff, #e9d5ff); color: #581c87; border-color: #a855f7; }
.element-btn[data-element="Wendy's"] { background: linear-gradient(145deg, #ffebee, #ffcdd2); color: #b71c1c; border-color: #f44336; }
.element-btn[data-element="Mirror"] { background: linear-gradient(145deg, #f3e5f5, #e1bee7); color: #4a148c; border-color: #9c27b0; }
.element-btn[data-element="Chalk"] { background: linear-gradient(145deg, #ffffff, #ffffff); color: #424242; border-color: #e0e0e0; }
.element-btn[data-element="Fog"] { background: linear-gradient(145deg, #424242, #616161); color: #ffffff; border-color: #9e9e9e; }
.element-btn[data-element="Marble"] { background: linear-gradient(145deg, #fafafa, #f5f5f5); color: #424242; border-color: #e0e0e0; }