/* Bubble text colors - ONLY changes text color, not background */
.bubcolor1 { color: #ff3333 !important; background: transparent !important; }
.bubcolor2 { color: #ff6633 !important; background: transparent !important; }
.bubcolor3 { color: #ff9933 !important; background: transparent !important; }
.bubcolor4 { color: #ffcc33 !important; background: transparent !important; }
.bubcolor5 { color: #cccc00 !important; background: transparent !important; }
.bubcolor6 { color: #99cc00 !important; background: transparent !important; }
.bubcolor7 { color: #59b300 !important; background: transparent !important; }
.bubcolor8 { color: #829356 !important; background: transparent !important; }
.bubcolor9 { color: #008000 !important; background: transparent !important; }
.bubcolor10 { color: #00e639 !important; background: transparent !important; }
.bubcolor11 { color: #00e673 !important; background: transparent !important; }
.bubcolor12 { color: #00e6ac !important; background: transparent !important; }
.bubcolor13 { color: #00cccc !important; background: transparent !important; }
.bubcolor14 { color: #03add8 !important; background: transparent !important; }
.bubcolor15 { color: #3366ff !important; background: transparent !important; }
.bubcolor16 { color: #107896 !important; background: transparent !important; }
.bubcolor17 { color: #004d99 !important; background: transparent !important; }
.bubcolor18 { color: #6633ff !important; background: transparent !important; }
.bubcolor19 { color: #9933ff !important; background: transparent !important; }
.bubcolor20 { color: #cc33ff !important; background: transparent !important; }
.bubcolor21 { color: #ff33ff !important; background: transparent !important; }
.bubcolor22 { color: #ff33cc !important; background: transparent !important; }
.bubcolor23 { color: #ff3399 !important; background: transparent !important; }
.bubcolor24 { color: #ff3366 !important; background: transparent !important; }
.bubcolor25 { color: #604439 !important; background: transparent !important; }
.bubcolor26 { color: #795548 !important; background: transparent !important; }
.bubcolor27 { color: #a97f70 !important; background: transparent !important; }
.bubcolor28 { color: #bc9b8f !important; background: transparent !important; }
.bubcolor29 { color: #9E9E9E !important; background: transparent !important; }
.bubcolor30 { color: #879fab !important; background: transparent !important; }
.bubcolor31 { color: #698796 !important; background: transparent !important; }
.bubcolor32 { color: #495f69 !important; background: transparent !important; }

/* Make sure all text inside inherits the color */
.bubcolor1 span, .bubcolor1 p, .bubcolor1 div,
.bubcolor2 span, .bubcolor2 p, .bubcolor2 div,
.bubcolor3 span, .bubcolor3 p, .bubcolor3 div,
.bubcolor4 span, .bubcolor4 p, .bubcolor4 div,
.bubcolor5 span, .bubcolor5 p, .bubcolor5 div,
.bubcolor6 span, .bubcolor6 p, .bubcolor6 div,
.bubcolor7 span, .bubcolor7 p, .bubcolor7 div,
.bubcolor8 span, .bubcolor8 p, .bubcolor8 div,
.bubcolor9 span, .bubcolor9 p, .bubcolor9 div,
.bubcolor10 span, .bubcolor10 p, .bubcolor10 div,
.bubcolor11 span, .bubcolor11 p, .bubcolor11 div,
.bubcolor12 span, .bubcolor12 p, .bubcolor12 div,
.bubcolor13 span, .bubcolor13 p, .bubcolor13 div,
.bubcolor14 span, .bubcolor14 p, .bubcolor14 div,
.bubcolor15 span, .bubcolor15 p, .bubcolor15 div,
.bubcolor16 span, .bubcolor16 p, .bubcolor16 div,
.bubcolor17 span, .bubcolor17 p, .bubcolor17 div,
.bubcolor18 span, .bubcolor18 p, .bubcolor18 div,
.bubcolor19 span, .bubcolor19 p, .bubcolor19 div,
.bubcolor20 span, .bubcolor20 p, .bubcolor20 div,
.bubcolor21 span, .bubcolor21 p, .bubcolor21 div,
.bubcolor22 span, .bubcolor22 p, .bubcolor22 div,
.bubcolor23 span, .bubcolor23 p, .bubcolor23 div,
.bubcolor24 span, .bubcolor24 p, .bubcolor24 div,
.bubcolor25 span, .bubcolor25 p, .bubcolor25 div,
.bubcolor26 span, .bubcolor26 p, .bubcolor26 div,
.bubcolor27 span, .bubcolor27 p, .bubcolor27 div,
.bubcolor28 span, .bubcolor28 p, .bubcolor28 div,
.bubcolor29 span, .bubcolor29 p, .bubcolor29 div,
.bubcolor30 span, .bubcolor30 p, .bubcolor30 div,
.bubcolor31 span, .bubcolor31 p, .bubcolor31 div,
.bubcolor32 span, .bubcolor32 p, .bubcolor32 div {
    color: inherit !important;
}

/* Gradient bubbles - these change background */
.bubgrad1 { background: linear-gradient(90deg, #667eea, #764ba2) !important; color: #fff !important; }
.bubgrad2 { background: linear-gradient(90deg, #f093fb, #f5576c) !important; color: #fff !important; }
.bubgrad3 { background: linear-gradient(90deg, #4facfe, #00f2fe) !important; color: #fff !important; }
.bubgrad4 { background: linear-gradient(90deg, #43e97b, #38f9d7) !important; color: #fff !important; }
.bubgrad5 { background: linear-gradient(90deg, #fa709a, #fee140) !important; color: #fff !important; }
.bubgrad6 { background: linear-gradient(90deg, #ff9a56, #ff6b9d) !important; color: #fff !important; }
.bubgrad7 { background: linear-gradient(90deg, #c471f5, #fa71cd) !important; color: #fff !important; }
.bubgrad8 { background: linear-gradient(90deg, #12c2e9, #c471ed) !important; color: #fff !important; }
.bubgrad9 { background: linear-gradient(90deg, #f64f59, #c471ed) !important; color: #fff !important; }
.bubgrad10 { background: linear-gradient(90deg, #24fe41, #fdbb2d) !important; color: #fff !important; }
.bubgrad11 { background: linear-gradient(45deg, #ff0844, #ffb199) !important; color: #fff !important; }
.bubgrad12 { background: linear-gradient(45deg, #00d2ff, #3a7bd5) !important; color: #fff !important; }
.bubgrad13 { background: linear-gradient(45deg, #f953c6, #b91d73) !important; color: #fff !important; }
.bubgrad14 { background: linear-gradient(45deg, #36d1dc, #5b86e5) !important; color: #fff !important; }
.bubgrad15 { background: linear-gradient(45deg, #ff9068, #fd746c) !important; color: #fff !important; }
.bubgrad16 { background: linear-gradient(45deg, #667eea, #764ba2) !important; color: #fff !important; }
.bubgrad17 { background: linear-gradient(45deg, #f093fb, #f5576c) !important; color: #fff !important; }
.bubgrad18 { background: linear-gradient(45deg, #4facfe, #00f2fe) !important; color: #fff !important; }
.bubgrad19 { background: linear-gradient(45deg, #43e97b, #38f9d7) !important; color: #fff !important; }
.bubgrad20 { background: linear-gradient(45deg, #fa709a, #fee140) !important; color: #fff !important; }
.bubgrad21 { background: linear-gradient(90deg, #ff5f6d, #ffc371) !important; color: #fff !important; }
.bubgrad22 { background: linear-gradient(90deg, #36d1dc, #ff6b6b) !important; color: #fff !important; }
.bubgrad23 { background: linear-gradient(90deg, #11998e, #38ef7d) !important; color: #fff !important; }
.bubgrad24 { background: linear-gradient(90deg, #ee0979, #ff6a00) !important; color: #fff !important; }
.bubgrad25 { background: linear-gradient(90deg, #fc5c7d, #6a82fb) !important; color: #fff !important; }
.bubgrad26 { background: linear-gradient(90deg, #8360c3, #2ebf91) !important; color: #fff !important; }
.bubgrad27 { background: linear-gradient(90deg, #ff9966, #ff5e62) !important; color: #fff !important; }
.bubgrad28 { background: linear-gradient(90deg, #56ccf2, #2f80ed) !important; color: #fff !important; }
.bubgrad29 { background: linear-gradient(90deg, #e96443, #904e95) !important; color: #fff !important; }
.bubgrad30 { background: linear-gradient(90deg, #f7971e, #ffd200) !important; color: #fff !important; }
.bubgrad31 { background: linear-gradient(45deg, #00c6ff, #0072ff) !important; color: #fff !important; }
.bubgrad32 { background: linear-gradient(45deg, #7f00ff, #e100ff) !important; color: #fff !important; }
.bubgrad33 { background: linear-gradient(45deg, #ff416c, #ff4b2b) !important; color: #fff !important; }
.bubgrad34 { background: linear-gradient(45deg, #00b09b, #96c93d) !important; color: #fff !important; }
.bubgrad35 { background: linear-gradient(45deg, #ff6a00, #ee0979) !important; color: #fff !important; }
.bubgrad36 { background: linear-gradient(45deg, #43cea2, #185a9d) !important; color: #fff !important; }
.bubgrad37 { background: linear-gradient(45deg, #c33764, #1d2671) !important; color: #fff !important; }
.bubgrad38 { background: linear-gradient(45deg, #da4453, #89216b) !important; color: #fff !important; }
.bubgrad39 { background: linear-gradient(45deg, #06beb6, #48b1bf) !important; color: #fff !important; }
.bubgrad40 { background: linear-gradient(45deg, #f12711, #f5af19) !important; color: #fff !important; }

/* Neon bubbles - these change background with glow */
.bubneon1 { background: linear-gradient(90deg, #667eea, #764ba2) !important; box-shadow: 0 0 8px #a18cff !important; color: #fff !important; }
.bubneon2 { background: linear-gradient(90deg, #f093fb, #f5576c) !important; box-shadow: 0 0 8px #ffb6ff !important; color: #fff !important; }
.bubneon3 { background: linear-gradient(90deg, #4facfe, #00f2fe) !important; box-shadow: 0 0 8px #7eefff !important; color: #fff !important; }
.bubneon4 { background: linear-gradient(90deg, #43e97b, #38f9d7) !important; box-shadow: 0 0 8px #8cffd9 !important; color: #fff !important; }
.bubneon5 { background: linear-gradient(90deg, #fa709a, #fee140) !important; box-shadow: 0 0 8px #ffd580 !important; color: #fff !important; }
.bubneon6 { background: linear-gradient(90deg, #ff9a56, #ff6b9d) !important; box-shadow: 0 0 8px #ffb38c !important; color: #fff !important; }
.bubneon7 { background: linear-gradient(90deg, #c471f5, #fa71cd) !important; box-shadow: 0 0 8px #e3b0ff !important; color: #fff !important; }
.bubneon8 { background: linear-gradient(90deg, #12c2e9, #c471ed) !important; box-shadow: 0 0 8px #9fe2ff !important; color: #fff !important; }
.bubneon9 { background: linear-gradient(90deg, #f64f59, #c471ed) !important; box-shadow: 0 0 8px #ff99d9 !important; color: #fff !important; }
.bubneon10 { background: linear-gradient(90deg, #24fe41, #fdbb2d) !important; box-shadow: 0 0 8px #d2ff9c !important; color: #fff !important; }
.bubneon11 { background: linear-gradient(45deg, #ff0844, #ffb199) !important; box-shadow: 0 0 8px #ff7ab3 !important; color: #fff !important; }
.bubneon12 { background: linear-gradient(45deg, #00d2ff, #3a7bd5) !important; box-shadow: 0 0 8px #66e0ff !important; color: #fff !important; }
.bubneon13 { background: linear-gradient(45deg, #f953c6, #b91d73) !important; box-shadow: 0 0 8px #ff88f5 !important; color: #fff !important; }
.bubneon14 { background: linear-gradient(45deg, #36d1dc, #5b86e5) !important; box-shadow: 0 0 8px #80e0ff !important; color: #fff !important; }
.bubneon15 { background: linear-gradient(45deg, #ff9068, #fd746c) !important; box-shadow: 0 0 8px #ffb199 !important; color: #fff !important; }
.bubneon16 { background: linear-gradient(45deg, #667eea, #764ba2) !important; box-shadow: 0 0 8px #a18cff !important; color: #fff !important; }
.bubneon17 { background: linear-gradient(45deg, #f093fb, #f5576c) !important; box-shadow: 0 0 8px #ffb6ff !important; color: #fff !important; }
.bubneon18 { background: linear-gradient(45deg, #4facfe, #00f2fe) !important; box-shadow: 0 0 8px #7eefff !important; color: #fff !important; }
.bubneon19 { background: linear-gradient(45deg, #43e97b, #38f9d7) !important; box-shadow: 0 0 8px #8cffd9 !important; color: #fff !important; }
.bubneon20 { background: linear-gradient(45deg, #fa709a, #fee140) !important; box-shadow: 0 0 8px #ffd580 !important; color: #fff !important; }
.bubneon21 { background: linear-gradient(90deg, #ff5f6d, #ffc371) !important; box-shadow: 0 0 8px #ffd1a3 !important; color: #fff !important; }
.bubneon22 { background: linear-gradient(90deg, #36d1dc, #ff6b6b) !important; box-shadow: 0 0 8px #9ff5f0 !important; color: #fff !important; }
.bubneon23 { background: linear-gradient(90deg, #11998e, #38ef7d) !important; box-shadow: 0 0 8px #77ffbf !important; color: #fff !important; }
.bubneon24 { background: linear-gradient(90deg, #ee0979, #ff6a00) !important; box-shadow: 0 0 8px #ff85b3 !important; color: #fff !important; }
.bubneon25 { background: linear-gradient(90deg, #fc5c7d, #6a82fb) !important; box-shadow: 0 0 8px #c9a9ff !important; color: #fff !important; }
.bubneon26 { background: linear-gradient(90deg, #8360c3, #2ebf91) !important; box-shadow: 0 0 8px #9bf6d5 !important; color: #fff !important; }
.bubneon27 { background: linear-gradient(90deg, #ff9966, #ff5e62) !important; box-shadow: 0 0 8px #ffb199 !important; color: #fff !important; }
.bubneon28 { background: linear-gradient(90deg, #56ccf2, #2f80ed) !important; box-shadow: 0 0 8px #9fd4ff !important; color: #fff !important; }
.bubneon29 { background: linear-gradient(90deg, #e96443, #904e95) !important; box-shadow: 0 0 8px #f7a0c2 !important; color: #fff !important; }
.bubneon30 { background: linear-gradient(90deg, #f7971e, #ffd200) !important; box-shadow: 0 0 8px #ffe680 !important; color: #fff !important; }
.bubneon31 { background: linear-gradient(45deg, #00c6ff, #0072ff) !important; box-shadow: 0 0 8px #66d6ff !important; color: #fff !important; }
.bubneon32 { background: linear-gradient(45deg, #7f00ff, #e100ff) !important; box-shadow: 0 0 8px #d780ff !important; color: #fff !important; }
.bubneon33 { background: linear-gradient(45deg, #ff416c, #ff4b2b) !important; box-shadow: 0 0 8px #ff9a80 !important; color: #fff !important; }
.bubneon34 { background: linear-gradient(45deg, #00b09b, #96c93d) !important; box-shadow: 0 0 8px #a8ff9f !important; color: #fff !important; }
.bubneon35 { background: linear-gradient(45deg, #ff6a00, #ee0979) !important; box-shadow: 0 0 8px #ff9abb !important; color: #fff !important; }
.bubneon36 { background: linear-gradient(45deg, #43cea2, #185a9d) !important; box-shadow: 0 0 8px #7be2ff !important; color: #fff !important; }
.bubneon37 { background: linear-gradient(45deg, #c33764, #1d2671) !important; box-shadow: 0 0 8px #e06699 !important; color: #fff !important; }
.bubneon38 { background: linear-gradient(45deg, #da4453, #89216b) !important; box-shadow: 0 0 8px #ff8ca6 !important; color: #fff !important; }
.bubneon39 { background: linear-gradient(45deg, #06beb6, #48b1bf) !important; box-shadow: 0 0 8px #7dfcff !important; color: #fff !important; }
.bubneon40 { background: linear-gradient(45deg, #f12711, #f5af19) !important; box-shadow: 0 0 8px #ffb866 !important; color: #fff !important; }