/* === PLAN TEXT OVERRIDE === */
.free.plan-text:not(.after)::after      { content: "Free Plan"      !important; }
.basic.plan-text:not(.after)::after     { content: "Basic Plan"     !important; }
.standard.plan-text:not(.after)::after  { content: "Standard Plan"  !important; }
.premium.plan-text:not(.after)::after   { content: "Premium Plan"   !important; }
.ultimate.plan-text:not(.after)::after  { content: "Ultimate Plan"  !important; }

.checkmark { color: limegreen; font-size: 1.0rem;}
.checkmark::before { content: "✔"; }
.cross { color: crimson; opacity: 0.65; }
.cross::before { content: "✘"; }



/* === FAV ICON === */
.dark-theme .fav-icon::before {content: "🤍"; opacity: 1.0; font-size: calc(var(--user-font-size) * 1.2);; cursor: pointer; transition: transform 0.2s ease, filter 0.3s ease;}
.light-theme .fav-icon::before {content: "🖤"; opacity: 0.5; font-size: calc(var(--user-font-size) * 1.2);; cursor: pointer; transition: transform 0.2s ease, filter 0.3s ease;}
.fav-icon.favorited::before { content: "❤️"; opacity: 1.0; transform: scale(1.2);filter: drop-shadow(0 0 2px rgba(255, 0, 0, 0.5));}
.fav-icon:hover::before {transform: scale(1.1); filter: brightness(1.2);}
.fav-icon.color {color: #dc2a83;}
.favorited {content: "❤️"}

/* === Delete === */
.delete.icon::before { content: "🗑️"; font-size: calc(var(--user-font-size) * 1.1);; filter: brightness(0.5);  cursor: pointer; transition: transform 0.2s ease, filter 0.3s ease;}
.delete:hover::before {transform: scale(1.1); filter: brightness(1.2);}
.delete.bg { background-color: Coral  !important; }
.delete.color { color: Coral !important; }
.delete.glow:hover { box-shadow: 0 0 12px Coral, 0 0 24px Coral; }


/* === Theme Mode Toggle === */
.color-theme.icon::before { font-size: calc(var(--user-font-size) * 1.1); }
.color-theme.color { text-transform: capitalize; }

.dark.color-theme.icon::before { content: "🔆 "; }
.dark-theme .color-theme.color { color: #f2c94c; }
.dark-theme .color-theme.glow:hover { box-shadow: 0 0 8px #f2c94c, 0 0 16px #f2c94c; }

.light.color-theme.icon::before { content: "🌙 "; filter: brightness(0.7); }
.light-theme .color-theme.color { color: #9f7f21; }
.light-theme .color-theme.glow:hover { box-shadow: 0 0 8px #9f7f21, 0 0 16px #9f7f21; }


/* === Menu Action: Looking for Group === */
.lfg.icon:not(.after)::before { content: "🗺️ "; }
.lfg.icon.after::after { content: " 🗺️"; }
.lfg.text:not(.after)::after { content: "Find a Group"; }
.lfg.text.after::before { content: "Find a Group"; }
.lfg.bg { background-color: #00a18d; }
.lfg.border-color { border-color: #00a18d; }
.lfg.color { color: #00a18d; }
.lfg.glow:hover { box-shadow: 0 0 12px #00a18d, 0 0 24px #00a18d; }
.lfg.glow.static { box-shadow: 0 0 12px #00a18d, 0 0 24px #00a18d; }

.lfg.looking.color { color: #5e7891; }
.lfg.looking:not(.after)::after { content: "Solo Adventure"; }
.lfg.looking::before { content: "Solo Adventure"; }


/* 🚫🔒🔓🔞 🤍❤️ 🖤💞💖  */
/* Use Excel to copy/paste below this line (until I get around to SASS) */



/* === Group Chat: allow-trade === */
.block-trade {filter: brightness(1.7); }
.block-trade.icon:not(.after)::before { content: "👥 "; ; }
.block-trade.icon.after::after { content: " 👥"; }
.block-trade.text:not(.after)::after { content: "Block Trades"; }
.block-trade.text.after::before { content: "Block Trades"; }
.block-trade.bg { background-color: #610cac ; }
.block-trade.border-color { border-color: #610cac ; }
.block-trade.color { color: #610cac ; }
.block-trade.glow:hover { box-shadow: 0 0 12px #610cac , 0 0 24px #610cac ; }
.block-trade.glow.static { box-shadow: 0 0 12px #610cac , 0 0 24px #610cac ; }

/* === Group Chat: loot-master === */
.loot-master.icon:not(.after)::before { content: "🗳️ "; ; }
.loot-master.icon.after::after { content: " 🗳️";; }
.loot-master.text:not(.after)::after { content: "Master Looter"; }
.loot-master.text.after::before { content: "Master Looter"; }
.loot-master.bg { background-color: #9B59B6 ; }
.loot-master.border-color { border-color: #9B59B6 ; }
.loot-master.color { color: #9B59B6 ; }
.loot-master.glow:hover { box-shadow: 0 0 12px #9B59B6 , 0 0 24px #9B59B6 ; }
.loot-master.glow.static { box-shadow: 0 0 12px #9B59B6 , 0 0 24px #9B59B6 ; }


/* === Group Chat: loot-vote === */
.loot-vote.icon:not(.after)::before { content: "🎩 "; ; }
.loot-vote.icon.after::after { content: " 🎩";; }
.loot-vote.text:not(.after)::after { content: "Vote Loot"; }
.loot-vote.text.after::before { content: "Vote Loot"; }
.loot-vote.bg { background-color: #4B86B4; }
.loot-vote.border-color { border-color: #4B86B4; }
.loot-vote.color { color: #4B86B4; }
.loot-vote.glow:hover { box-shadow: 0 0 12px #4B86B4, 0 0 24px #4B86B4; }
.loot-vote.glow.static { box-shadow: 0 0 12px #4B86B4, 0 0 24px #4B86B4; }


/* === Group Chat: loot-group === */
.loot-group.icon:not(.after)::before { content: "👥 "; ; }
.loot-group.icon.after::after { content: " 👥";; }
.loot-group.text:not(.after)::after { content: "Group Loot"; }
.loot-group.text.after::before { content: "Group Loot"; }
.loot-group.bg { background-color: #27AE60 ; }
.loot-group.border-color { border-color: #27AE60 ; }
.loot-group.color { color: #27AE60 ; }
.loot-group.glow:hover { box-shadow: 0 0 12px #27AE60 , 0 0 24px #27AE60 ; }
.loot-group.glow.static { box-shadow: 0 0 12px #27AE60 , 0 0 24px #27AE60 ; }


/* === Group Chat: loot-round === */
.loot-round.icon:not(.after)::before { content: "🔄 "; ; }
.loot-round.icon.after::after { content: " 🔄";; }
.loot-round.text:not(.after)::after { content: "Round Robin"; }
.loot-round.text.after::before { content: "Round Robin"; }
.loot-round.bg { background-color: #F39C12 ; }
.loot-round.border-color { border-color: #F39C12 ; }
.loot-round.color { color: #F39C12 ; }
.loot-round.glow:hover { box-shadow: 0 0 12px #F39C12 , 0 0 24px #F39C12 ; }
.loot-round.glow.static { box-shadow: 0 0 12px #F39C12 , 0 0 24px #F39C12 ; }


/* === Group Chat: loot-need-greed === */
.loot-need-greed.icon:not(.after)::before { content: "🎲 "; ; }
.loot-need-greed.icon.after::after { content: " 🎲";; }
.loot-need-greed.text:not(.after)::after { content: "Need or Greed"; }
.loot-need-greed.text.after::before { content: "Need or Greed"; }
.loot-need-greed.bg { background-color: #E67E22 ; }
.loot-need-greed.border-color { border-color: #E67E22 ; }
.loot-need-greed.color { color: #E67E22 ; }
.loot-need-greed.glow:hover { box-shadow: 0 0 12px #E67E22 , 0 0 24px #E67E22 ; }
.loot-need-greed.glow.static { box-shadow: 0 0 12px #E67E22 , 0 0 24px #E67E22 ; }


/* === : loot-ffa === */
.loot-ffa.icon:not(.after)::before { content: "⚔️ "; ; }
.loot-ffa.icon.after::after { content: " ⚔️";; }
.loot-ffa.text:not(.after)::after { content: "Free-for-all"; }
.loot-ffa.text.after::before { content: "Free-for-all"; }
.loot-ffa.bg { background-color: #C0392B ; }
.loot-ffa.border-color { border-color: #C0392B ; }
.loot-ffa.color { color: #C0392B ; }
.loot-ffa.glow:hover { box-shadow: 0 0 12px #C0392B , 0 0 24px #C0392B ; }
.loot-ffa.glow.static { box-shadow: 0 0 12px #C0392B , 0 0 24px #C0392B ; }

/*🗳️ 🎩 👥 🔄 🎲 
Round Robin — 🔄
Group Loot — 👥
Master Loot — 🎩
Vote Loot — 🗳️
Need Before Greed — 🎲
Free For All — ⚔️
Threshold Loot — 🎯
Trade and Share — 🔁

*/


/* === Subscription Tier: Admin === */
.admin.icon:not(.after)::before { content: "🖥️ "; ; }
.admin.icon.after::after { content: " 🖥️";; }
.admin.text:not(.after)::after { content: "Admin"; }
.admin.text.after::before { content: "Admin"; }
.admin.bg { background-color: #ff66cc; }
.admin.border-color { border-color: #ff66cc; }
.admin.color { color: #ff66cc; }
.admin.glow:hover { box-shadow: 0 0 12px #ff66cc, 0 0 24px #ff66cc; }
.admin.glow.static { box-shadow: 0 0 12px #ff66cc, 0 0 24px #ff66cc; }


/* === Menu Action: All === */
.all.icon:not(.after)::before { content: "🧭 "; ; }
.all.icon.after::after { content: " 🧭";; }
.all.text:not(.after)::after { content: "All"; }
.all.text.after::before { content: "All"; }
.all.bg { background-color: #8e6a27; }
.all.border-color { border-color: #8e6a27; }
.all.color { color: #8e6a27; }
.all.glow:hover { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }
.all.glow.static { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }


/* === Subscription Tier: Basic === */
.basic.icon:not(.after)::before { content: "🌱 "; ; }
.basic.icon.after::after { content: " 🌱";; }
.basic.text:not(.after)::after { content: "Basic"; }
.basic.text.after::before { content: "Basic"; }
.basic.bg { background-color: #1eff00; }
.basic.border-color { border-color: #1eff00; }
.basic.color { color: #1eff00; }
.basic.glow { --card-border-color: #1eff00; }
.basic.glow:hover { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }
.basic.glow.static { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }


/* === Menu Action: Change-Persona === */
.change-persona.icon:not(.after)::before { content: "🎭 "; ; }
.change-persona.icon.after::after { content: " 🎭";; }
.change-persona.text:not(.after)::after { content: "Change Persona"; }
.change-persona.text.after::before { content: "Change Persona"; }
.change-persona.bg { background-color: #b86edb; }
.change-persona.border-color { border-color: #b86edb; }
.change-persona.color { color: #b86edb; }
.change-persona.glow:hover { box-shadow: 0 0 12px #b86edb, 0 0 24px #b86edb; }
.change-persona.glow.static { box-shadow: 0 0 12px #b86edb, 0 0 24px #b86edb; }


/* === Menu Action: Change-Title === */
.change-title.icon:not(.after)::before { content: "✏️ "; ; }
.change-title.icon.after::after { content: " ✏️";; }
.change-title.text:not(.after)::after { content: "Change Title"; }
.change-title.text.after::before { content: "Change Title"; }
.change-title.bg { background-color: #f2c94c; }
.change-title.border-color { border-color: #f2c94c; }
.change-title.color { color: #f2c94c; }
.change-title.glow:hover { box-shadow: 0 0 12px #f2c94c, 0 0 24px #f2c94c; }
.change-title.glow.static { box-shadow: 0 0 12px #f2c94c, 0 0 24px #f2c94c; }


/* === Chat Action: Clear-Message === */
.clear-message.icon:not(.after)::before { content: "🧹 "; ; }
.clear-message.icon.after::after { content: " 🧹";; }
.clear-message.text:not(.after)::after { content: "Clear Message"; }
.clear-message.text.after::before { content: "Clear Message"; }
.clear-message.bg { background-color: #f6a729; }
.clear-message.border-color { border-color: #f6a729; }
.clear-message.color { color: #f6a729; }
.clear-message.glow:hover { box-shadow: 0 0 12px #f6a729, 0 0 24px #f6a729; }
.clear-message.glow.static { box-shadow: 0 0 12px #f6a729, 0 0 24px #f6a729; }


/* === Character Status: Coming-Soon === */
.coming-soon.icon:not(.after)::before { content: "🕒 "; ; }
.coming-soon.icon.after::after { content: " 🕒";; }
.coming-soon.text:not(.after)::after { content: "Coming Soon"; }
.coming-soon.text.after::before { content: "Coming Soon"; }
.coming-soon.bg { background-color: #ffc107; }
.coming-soon.border-color { border-color: #ffc107; }
.coming-soon.color { color: #ffc107; }
.coming-soon.glow { --card-border-color: #ffc107; }
.coming-soon.glow:hover { box-shadow: 0 0 12px #ffc107, 0 0 24px #ffc107; }
.coming-soon.glow.static { box-shadow: 0 0 12px #ffc107, 0 0 24px #ffc107; }


/* === Subscription Tier: Developer === */
.developer.icon:not(.after)::before { content: "🧩 "; ; }
.developer.icon.after::after { content: " 🧩";; }
.developer.text:not(.after)::after { content: "Developer"; }
.developer.text.after::before { content: "Developer"; }
.developer.bg { background-color: #8cd3f4; }
.developer.border-color { border-color: #8cd3f4; }
.developer.color { color: #8cd3f4; }
.developer.glow:hover { box-shadow: 0 0 12px #8cd3f4, 0 0 24px #8cd3f4; }
.developer.glow.static { box-shadow: 0 0 12px #8cd3f4, 0 0 24px #8cd3f4; }


/* === Menu Action: Duplicate-Story === */
.duplicate-story.icon:not(.after)::before { content: "🧬 "; ; }
.duplicate-story.icon.after::after { content: " 🧬";; }
.duplicate-story.text:not(.after)::after { content: "Duplicate Story"; }
.duplicate-story.text.after::before { content: "Duplicate Story"; }
.duplicate-story.bg { background-color: #3fa9f5; }
.duplicate-story.border-color { border-color: #3fa9f5; }
.duplicate-story.color { color: #3fa9f5; }
.duplicate-story.glow:hover { box-shadow: 0 0 12px #3fa9f5, 0 0 24px #3fa9f5; }
.duplicate-story.glow.static { box-shadow: 0 0 12px #3fa9f5, 0 0 24px #3fa9f5; }


/* === Chat Action: Edit === */
.edit.icon:not(.after)::before { content: "✍🏻 "; ; }
.edit.icon.after::after { content: " ✍🏻";; }
.edit.text:not(.after)::after { content: "Edit"; }
.edit.text.after::before { content: "Edit"; }
.edit.bg { background-color: #d54242; }
.edit.border-color { border-color: #d54242; }
.edit.color { color: #d54242; }
.edit.glow:hover { box-shadow: 0 0 12px #d54242, 0 0 24px #d54242; }
.edit.glow.static { box-shadow: 0 0 12px #d54242, 0 0 24px #d54242; }


/* === Global: Error === */
.error.icon:not(.after)::before { content: "💥 "; ; }
.error.icon.after::after { content: " 💥";; }
.error.text:not(.after)::after { content: "Error"; }
.error.text.after::before { content: "Error"; }
.error.bg { background-color: orangered; }
.error.border-color { border-color: orangered; }
.error.color { color: orangered; }
.error.glow:hover { box-shadow: 0 0 12px orangered, 0 0 24px orangered; }
.error.glow.static { box-shadow: 0 0 12px orangered, 0 0 24px orangered; }


/* === Character Status: Expired === */
.expired.icon:not(.after)::before { content: "🪦 "; ; }
.expired.icon.after::after { content: " 🪦";; }
.expired.text:not(.after)::after { content: "Expired"; }
.expired.text.after::before { content: "Expired"; }
.expired.bg { background-color: #9e9e9e; }
.expired.border-color { border-color: #9e9e9e; }
.expired.color { color: #9e9e9e; }
.expired.glow:hover { box-shadow: 0 0 12px #9e9e9e, 0 0 24px #9e9e9e; }
.expired.glow.static { box-shadow: 0 0 12px #9e9e9e, 0 0 24px #9e9e9e; }


/* === Character Status: For-You === */
.for-you.icon:not(.after)::before { content: "🧠 "; ; }
.for-you.icon.after::after { content: " 🧠";; }
.for-you.text:not(.after)::after { content: "For You"; }
.for-you.text.after::before { content: "For You"; }
.for-you.bg { background-color: #8e44ad; }
.for-you.border-color { border-color: #8e44ad; }
.for-you.color { color: #8e44ad; }
.for-you.glow:hover { box-shadow: 0 0 12px #8e44ad, 0 0 24px #8e44ad; }
.for-you.glow.static { box-shadow: 0 0 12px #8e44ad, 0 0 24px #8e44ad; }


/* === Menu Action: My-Favorites === */
.my-favorites.icon:not(.after)::before { content: "❤️ "; }
.my-favorites.icon.after::after { content: " ❤️"; }
.my-favorites.text:not(.after)::after { content: "My Favorites"; }
.my-favorites.text.after::before { content: "My Favorites"; }
.my-favorites.bg { background-color: #dc2a83; }
.my-favorites.border-color { border-color: #dc2a83; }
.my-favorites.color { color: #dc2a83; }
.my-favorites.glow:hover { box-shadow: 0 0 12px #dc2a83, 0 0 24px #dc2a83; }
.my-favorites.glow.static { box-shadow: 0 0 12px #dc2a83, 0 0 24px #dc2a83; }



/* === Subscription Tier: Free === */
.free.icon:not(.after)::before { content: "⚪ "; ; }
.free.icon.after::after { content: " ⚪";; }
.free.text:not(.after)::after { content: "Free"; }
.free.text.after::before { content: "Free"; }
.free.bg { background-color: #9d9d9d; }
.free.border-color { border-color: #9d9d9d; }
.free.color { color: #9d9d9d; }
.free.glow { --card-border-color: #9d9d9d; }
.free.glow:hover { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }
.free.glow.static { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }


/* === Menu Action: Home === */
.home.icon:not(.after)::before { content: "🧝🏼‍♀️ "; ; }
.home.icon.after::after { content: " 🧝🏼‍♀️";; }
.home.text:not(.after)::after { content: "View Characters"; }
.home.text.after::before { content: "View Characters"; }
.home.bg { background-color: #ff8000; }
.home.border-color { border-color: #ff8000; }
.home.color { color: #ff8000; }
.home.glow:hover { box-shadow: 0 0 12px #ff8000, 0 0 24px #ff8000; }
.home.glow.static { box-shadow: 0 0 12px #ff8000, 0 0 24px #ff8000; }


/* === Character Status: Hot === */
.hot.icon:not(.after)::before { content: "🔥 "; ; }
.hot.icon.after::after { content: " 🔥";; }
.hot.text:not(.after)::after { content: "Trending"; }
.hot.text.after::before { content: "Trending"; }
.hot.bg { background-color: #ff5722; }
.hot.border-color { border-color: #ff5722; }
.hot.color { color: #ff5722; }
.hot.glow:hover { box-shadow: 0 0 12px #ff5722, 0 0 24px #ff5722; }
.hot.glow.static { box-shadow: 0 0 12px #ff5722, 0 0 24px #ff5722; }


/* === Character Status: Limited-Time === */
.limited-time.icon:not(.after)::before { content: "⏳ "; ; }
.limited-time.icon.after::after { content: " ⏳";; }
.limited-time.text:not(.after)::after { content: "Limited Time"; }
.limited-time.text.after::before { content: "Limited Time"; }
.limited-time.bg { background-color: #03a9f4; }
.limited-time.border-color { border-color: #03a9f4; }
.limited-time.color { color: #03a9f4; }
.limited-time.glow:hover { box-shadow: 0 0 12px #03a9f4, 0 0 24px #03a9f4; }
.limited-time.glow.static { box-shadow: 0 0 12px #03a9f4, 0 0 24px #03a9f4; }


/* === Depricated: Link-Only === */
.link-only.icon:not(.after)::before { content: "🔦 "; ; }
.link-only.icon.after::after { content: " 🔦";; }
.link-only.text:not(.after)::after { content: "Link Only"; }
.link-only.text.after::before { content: "Link Only"; }
.link-only.bg { background-color: #bac2c9; }
.link-only.border-color { border-color: #bac2c9; }
.link-only.color { color: #bac2c9; }
.link-only.glow:hover { box-shadow: 0 0 12px #bac2c9, 0 0 24px #bac2c9; }
.link-only.glow.static { box-shadow: 0 0 12px #bac2c9, 0 0 24px #bac2c9; }


/* === Character Status: Locked === */
.locked.icon:not(.after)::before { content: "🔒 "; ; }
.locked.icon.after::after { content: " 🔒";; }
.locked.text:not(.after)::after { content: "Locked"; }
.locked.text.after::before { content: "Locked"; }
.locked.bg { background-color: #607d8b; }
.locked.border-color { border-color: #607d8b; }
.locked.color { color: #607d8b; }
.locked.glow:hover { box-shadow: 0 0 12px #607d8b, 0 0 24px #607d8b; }
.locked.glow.static { box-shadow: 0 0 12px #607d8b, 0 0 24px #607d8b; }


/* === Menu Action: Logout === */
.logout.icon:not(.after)::before { content: "🧠 "; ; }
.logout.icon.after::after { content: " 🧠";; }
.logout.text:not(.after)::after { content: "Logout"; }
.logout.text.after::before { content: "Logout"; }
.logout.bg { background-color: #8e6a27; }
.logout.border-color { border-color: #8e6a27; }
.logout.color { color: #8e6a27; }
.logout.glow:hover { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }
.logout.glow.static { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }


/* === Menu Action: Manage-Memory === */
.manage-memory.icon:not(.after)::before { content: "📚 "; ; }
.manage-memory.icon.after::after { content: " 📚";; }
.manage-memory.text:not(.after)::after { content: "Manage Memory"; }
.manage-memory.text.after::before { content: "Manage Memory"; }
.manage-memory.bg { background-color: #7fd18f; }
.manage-memory.border-color { border-color: #7fd18f; }
.manage-memory.color { color: #7fd18f; }
.manage-memory.glow:hover { box-shadow: 0 0 12px #7fd18f, 0 0 24px #7fd18f; }
.manage-memory.glow.static { box-shadow: 0 0 12px #7fd18f, 0 0 24px #7fd18f; }


/* === Menu Action: Manage-Story === */
.manage-story.icon:not(.after)::before { content: "🧭 "; ; }
.manage-story.icon.after::after { content: " 🧭";; }
.manage-story.text:not(.after)::after { content: "Manage Story"; }
.manage-story.text.after::before { content: "Manage Story"; }
.manage-story.bg { background-color: #7c2ed5; }
.manage-story.border-color { border-color: #7c2ed5; }
.manage-story.color { color: #7c2ed5; }
.manage-story.glow:hover { box-shadow: 0 0 12px #7c2ed5, 0 0 24px #7c2ed5; }
.manage-story.glow.static { box-shadow: 0 0 12px #7c2ed5, 0 0 24px #7c2ed5; }


/* === Subscription Tier: Moderator === */
.moderator.icon:not(.after)::before { content: "✨ "; ; }
.moderator.icon.after::after { content: " ✨";; }
.moderator.text:not(.after)::after { content: "Moderator"; }
.moderator.text.after::before { content: "Moderator"; }
.moderator.bg { background-color: #e6cc80; }
.moderator.border-color { border-color: #e6cc80; }
.moderator.color { color: #e6cc80; }
.moderator.glow:hover { box-shadow: 0 0 12px #e6cc80, 0 0 24px #e6cc80; }
.moderator.glow.static { box-shadow: 0 0 12px #e6cc80, 0 0 24px #e6cc80; }


/* === Character Status: New-Arrival === */
.new-arrival.icon:not(.after)::before { content: "🪄 "; ; }
.new-arrival.icon.after::after { content: " 🪄";; }
.new-arrival.text:not(.after)::after { content: "New Arrival"; }
.new-arrival.text.after::before { content: "New Arrival"; }
.new-arrival.bg { background-color: #7642e8; }
.new-arrival.border-color { border-color: #7642e8; }
.new-arrival.color { color: #7642e8; }
.new-arrival.glow:hover { box-shadow: 0 0 12px #7642e8, 0 0 24px #7642e8; }
.new-arrival.glow.static { box-shadow: 0 0 12px #7642e8, 0 0 24px #7642e8; }


/* === Menu Action: New-Story === */
.new-story.icon:not(.after)::before { content: "🗺️ "; ; }
.new-story.icon.after::after { content: " 🗺️";; }
.new-story.text:not(.after)::after { content: "New Story"; }
.new-story.text.after::before { content: "New Story"; }
.new-story.bg { background-color: #55a6ba; }
.new-story.border-color { border-color: #55a6ba; }
.new-story.color { color: #55a6ba; }
.new-story.glow:hover { box-shadow: 0 0 12px #55a6ba, 0 0 24px #55a6ba; }
.new-story.glow.static { box-shadow: 0 0 12px #55a6ba, 0 0 24px #55a6ba; }


/* === Menu Action: No-Filter === */
/*
.no-filter.icon:not(.after)::before { content: " "; ; }
.no-filter.icon.after::after { content: " ";; }
.no-filter.text:not(.after)::after { content: "Show All"; }
.no-filter.text.after::before { content: "No Filter"; }
.no-filter.bg { background-color: #fffca4; }
.no-filter.border-color { border-color: #fffca4; }
.no-filter.color { color: #fffca4; }
.no-filter.glow:hover { box-shadow: 0 0 12px #fffca4, 0 0 24px #fffca4; }
.no-filter.glow.static { box-shadow: 0 0 12px #fffca4, 0 0 24px #fffca4; }
*/

/* === Chat Action: Nope === */
.nope.icon:not(.after)::before { content: "🔞 "; ; }
.nope.icon.after::after { content: " 🔞";; }
.nope.text:not(.after)::after { content: "Nope"; }
.nope.text.after::before { content: "Nope"; }
.nope.bg { background-color: #cc1717; }
.nope.border-color { border-color: #cc1717; }
.nope.color { color: #cc1717; }
.nope.glow:hover { box-shadow: 0 0 12px #cc1717, 0 0 24px #cc1717; }
.nope.glow.static { box-shadow: 0 0 12px #cc1717, 0 0 24px #cc1717; }


/* === Menu Action: Options === */
.options.icon:not(.after)::before { content: "🛠 "; ; }
.options.icon.after::after { content: " 🛠";; }
.options.text:not(.after)::after { content: "Options"; }
.options.text.after::before { content: "Options"; }
.options.bg { background-color: #8e6a27; }
.options.border-color { border-color: #8e6a27; }
.options.color { color: #8e6a27; }
.options.glow:hover { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }
.options.glow.static { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }


/* === Review Action: Content Review === */
.content-review.icon:not(.after)::before { content: "👨‍👩‍👧 "; }
.content-review.icon.after::after { content: " 👨‍👩‍👧"; }
.content-review.text:not(.after)::after { content: "Content Review"; color: #8a822d;}
.content-review.text.after::before { content: "Content Review"; color: #8a822d;}
.content-review.bg { background-color: #e9e064; }
.content-review.border-color { border-color: #e9e064; }
.content-review.color { color: #e9e064; }
.content-review.glow:hover { box-shadow: 0 0 12px #e9e064, 0 0 24px #e9e064; }
.content-review.glow.static { box-shadow: 0 0 12px #e9e064, 0 0 24px #e9e064; }

/* === Review Action: Lore Review === */
.lore-review.icon:not(.after)::before { content: "📄 "; }
.lore-review.icon.after::after { content: " 📄"; }
.lore-review.text:not(.after)::after { content: "Lore Review"; }
.lore-review.text.after::before { content: "Lore Review"; }
.lore-review.bg { background-color: #bbbbbb; }
.lore-review.border-color { border-color: #303030; }
.lore-review.color { color: #bbbbbb; }
.lore-review.glow:hover { box-shadow: 0 0 12px #bbbbbb, 0 0 24px #bbbbbb; }
.lore-review.glow.static { box-shadow: 0 0 12px #bbbbbb, 0 0 24px #bbbbbb; }

/* === Review Action: Copyright Review === */
.copyright-review.icon:not(.after)::before { content: "©️ "; }
.copyright-review.icon.after::after { content: " ©️"; }
.copyright-review.text:not(.after)::after { content: "Copyright Review"; }
.copyright-review.text.after::before { content: "Copyright Review"; }
.copyright-review.bg { background-color: #4f6f9f; }
.copyright-review.border-color { border-color: #4f6f9f; }
.copyright-review.color { color: #4f6f9f; }
.copyright-review.glow:hover { box-shadow: 0 0 12px #4f6f9f, 0 0 24px #4f6f9f; }
.copyright-review.glow.static { box-shadow: 0 0 12px #4f6f9f, 0 0 24px #4f6f9f; }

/* === Menu Action: No-Filter === */
.no-filter.icon:not(.after)::before { content: "🧭 "; ; }
.no-filter.icon.after::after { content: " 🧭";; }
.no-filter.text:not(.after)::after { content: "Show All"; }
.no-filter.text.after::before { content: "Show All"; }
.no-filter.bg { background-color: #8e6a27; }
.no-filter.border-color { border-color: #8e6a27; }
.no-filter.color { color: #8e6a27; }
.no-filter.glow:hover { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }
.no-filter.glow.static { box-shadow: 0 0 12px #8e6a27, 0 0 24px #8e6a27; }


/* === Character Status: Pre-Release === */
.pre-release.icon:not(.after)::before { content: "📣 "; ; }
.pre-release.icon.after::after { content: " 📣";; }
.pre-release.text:not(.after)::after { content: "Pre Release"; }
.pre-release.text.after::before { content: "Pre Release"; }
.pre-release.bg { background-color: #ff9800; }
.pre-release.border-color { border-color: #ff9800; }
.pre-release.color { color: #ff9800; }
.pre-release.glow:hover { box-shadow: 0 0 12px #ff9800, 0 0 24px #ff9800; }
.pre-release.glow.static { box-shadow: 0 0 12px #ff9800, 0 0 24px #ff9800; }


/* === Subscription Tier: Premium === */
.premium.icon:not(.after)::before { content: "🔮 "; ; }
.premium.icon.after::after { content: " 🔮";; }
.premium.text:not(.after)::after { content: "Premium"; }
.premium.text.after::before { content: "Premium"; }
.premium.bg { background-color: #a335ee; }
.premium.border-color { border-color: #a335ee; }
.premium.color { color: #a335ee; }
.premium.glow { --card-border-color: #a335ee; }
.premium.glow:hover { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }
.premium.glow.static { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }


/* === Chat Action: Report-Chat === */
.report-chat.icon:not(.after)::before { content: "🚩 "; ; }
.report-chat.icon.after::after { content: " 🚩";; }
.report-chat.text:not(.after)::after { content: "Report Chat"; }
.report-chat.text.after::before { content: "Report Chat"; }
.report-chat.bg { background-color: #d54242; }
.report-chat.border-color { border-color: #d54242; }
.report-chat.color { color: #d54242; }
.report-chat.glow:hover { box-shadow: 0 0 12px #d54242, 0 0 24px #d54242; }
.report-chat.glow.static { box-shadow: 0 0 12px #d54242, 0 0 24px #d54242; }


/* === Subscription Tier: Reserved === */
.reserved.icon:not(.after)::before { content: "🚧 "; ; }
.reserved.icon.after::after { content: " 🚧";; }
.reserved.text:not(.after)::after { content: "Reserved"; }
.reserved.text.after::before { content: "Reserved"; }
.reserved.bg { background-color: #00ffff; }
.reserved.border-color { border-color: #00ffff; }
.reserved.color { color: #00ffff; }
.reserved.glow:hover { box-shadow: 0 0 12px #00ffff, 0 0 24px #00ffff; }
.reserved.glow.static { box-shadow: 0 0 12px #00ffff, 0 0 24px #00ffff; }


/* === Subscription Tier: Restricted === */
.restricted.icon:not(.after)::before { content: "🚫 "; ; }
.restricted.icon.after::after { content: " 🚫";; }
.restricted.text:not(.after)::after { content: "Restricted"; }
.restricted.text.after::before { content: "Restricted"; }
.restricted.bg { background-color: maroon; }
.restricted.border-color { border-color: maroon; }
.restricted.color { color: maroon; }
.restricted.glow:hover { box-shadow: 0 0 12px maroon, 0 0 24px maroon; }
.restricted.glow.static { box-shadow: 0 0 12px maroon, 0 0 24px maroon; }


/* === Menu Action: Settings === */
.settings.icon:not(.after)::before { content: "⚙️ "; ; }
.settings.icon.after::after { content: " ⚙️";; }
.settings.text:not(.after)::after { content: "Settings"; }
.settings.text.after::before { content: "Settings"; }
.settings.bg { background-color: inherit; }
.settings.border-color { border-color: inherit; }
.settings.color { color: inherit; }
.settings.glow:hover { box-shadow: 0 0 12px inherit, 0 0 24px inherit; }
.settings.glow.static { box-shadow: 0 0 12px inherit, 0 0 24px inherit; }


/* === Menu Action: Sign-In === */
.sign-in.icon:not(.after)::before { content: "🔐 "; ; }
.sign-in.icon.after::after { content: " 🔐";; }
.sign-in.text:not(.after)::after { content: "Sign In"; }
.sign-in.text.after::before { content: "Sign In"; }
.sign-in.bg { background-color: #b9882c; }
.sign-in.border-color { border-color: #b9882c; }
.sign-in.color { color: #b9882c; }
.sign-in.glow:hover { box-shadow: 0 0 12px #b9882c, 0 0 24px #b9882c; }
.sign-in.glow.static { box-shadow: 0 0 12px #b9882c, 0 0 24px #b9882c; }


/* === Character Status: Spotlight === */
.spotlight.icon:not(.after)::before { content: "🔦 ";  transform:scaleX(-1); }
.spotlight.icon.after::after { content: " 🔦"; transform:scaleX(-1); }
.spotlight.text:not(.after)::after { content: "Spotlight"; }
.spotlight.text.after::before { content: "Spotlight"; }
.spotlight.bg { background-color: #bac2c9; }
.spotlight.border-color { border-color: #bac2c9; }
.spotlight.color { color: #bac2c9; }
.spotlight.glow:hover { box-shadow: 0 0 12px #bac2c9, 0 0 24px #bac2c9; }
.spotlight.glow.static { box-shadow: 0 0 12px #bac2c9, 0 0 24px #bac2c9; }


/* === Subscription Tier: Standard === */
.standard.icon:not(.after)::before { content: "💎 ";  font-size:1.0rem; }
.standard.icon.after::after { content: " 💎"; font-size:1.0rem; }
.standard.text:not(.after)::after { content: "Standard"; }
.standard.text.after::before { content: "Standard"; }
.standard.bg { background-color: #0070dd; }
.standard.border-color { border-color: #0070dd; }
.standard.color { color: #0070dd; }
.standard.glow { --card-border-color: #0070dd; }
.standard.glow:hover { box-shadow: 0 0 12px #0070dd, 0 0 24px #0070dd; }
.standard.glow.static { box-shadow: 0 0 12px #0070dd, 0 0 24px #0070dd; }



/* === Character Status: Story-Lock === */
.story-lock.icon:not(.after)::before { content: "🔒 "; ; }
.story-lock.icon.after::after { content: " 🔒";; }
.story-lock.text:not(.after)::after { content: "Story Lock"; }
.story-lock.text.after::before { content: "Story Lock"; }
.story-lock.bg { background-color: #607d8b; }
.story-lock.border-color { border-color: #607d8b; }
.story-lock.color { color: #607d8b; }
.story-lock.glow:hover { box-shadow: 0 0 12px #607d8b, 0 0 24px #607d8b; }
.story-lock.glow.static { box-shadow: 0 0 12px #607d8b, 0 0 24px #607d8b; }


/* === Menu Action: Subscription === */
.subscription.icon:not(.after)::before { content: "🔓 "; ; }
.subscription.icon.after::after { content: " 🔓";; }
.subscription.text:not(.after)::after { content: "My Subscription"; }
.subscription.text.after::before { content: "My Subscription"; }
.subscription.bg { background-color: #3fa9f5; }
.subscription.border-color { border-color: #3fa9f5; }
.subscription.color { color: #3fa9f5; }
.subscription.glow:hover { box-shadow: 0 0 12px #3fa9f5, 0 0 24px #3fa9f5; }
.subscription.glow.static { box-shadow: 0 0 12px #3fa9f5, 0 0 24px #3fa9f5; }


/* === Character Status: Top-Rated === */
.top-rated.icon:not(.after)::before { content: "💕 "; ; }
.top-rated.icon.after::after { content: " 💕";; }
.top-rated.text:not(.after)::after { content: "Top Rated"; }
.top-rated.text.after::before { content: "Top Rated"; }
.top-rated.bg { background-color: #ff69b4; }
.top-rated.border-color { border-color: #ff69b4; }
.top-rated.color { color: #ff69b4; }
.top-rated.glow:hover { box-shadow: 0 0 12px #ff69b4, 0 0 24px #ff69b4; }
.top-rated.glow.static { box-shadow: 0 0 12px #ff69b4, 0 0 24px #ff69b4; }


/* === Subscription Tier: Ultimate === */
.ultimate.icon:not(.after)::before { content: "👑 "; ; }
.ultimate.icon.after::after { content: " 👑";; }
.ultimate.text:not(.after)::after { content: "Ultimate"; }
.ultimate.text.after::before { content: "Ultimate"; }
.ultimate.bg { background-color: #ff8000; }
.ultimate.border-color { border-color: #ff8000; }
.ultimate.color { color: #ff8000; }
.ultimate.glow { --card-border-color: #ff8000; }
.ultimate.glow:hover { box-shadow: 0 0 12px #ff8000, 0 0 24px #ff8000; }
.ultimate.glow.static { box-shadow: 0 0 12px #ff8000, 0 0 24px #ff8000; }


/* === Character Status: Unlocked === */
.unlocked.icon:not(.after)::before { content: "🔓 "; ; }
.unlocked.icon.after::after { content: " 🔓";; }
.unlocked.text:not(.after)::after { content: "Unlocked"; }
.unlocked.text.after::before { content: "Unlocked"; }
.unlocked.bg { background-color: #fbe45d; }
.unlocked.border-color { border-color: #fbe45d; }
.unlocked.color { color: #fbe45d; }
.unlocked.glow:hover { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }
.unlocked.glow.static { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }


/* === Menu Action: View-Personas === */
.view-personas.icon:not(.after)::before { content: "🎭 "; ; }
.view-personas.icon.after::after { content: " 🎭";; }
.view-personas.text:not(.after)::after { content: "View Personas"; }
.view-personas.text.after::before { content: "View Personas"; }
.view-personas.bg { background-color: #445dea; }
.view-personas.border-color { border-color: #445dea; }
.view-personas.color { color: #445dea; }
.view-personas.glow:hover { box-shadow: 0 0 12px #445dea, 0 0 24px #445dea; }
.view-personas.glow.static { box-shadow: 0 0 12px #445dea, 0 0 24px #445dea; }


/* === Menu Action: Species === */
.species.icon:not(.after)::before { content: "👤 "; ; }
.species.icon.after::after { content: " 👤";; }
.species.text:not(.after)::after { content: "Species"; }
.species.text.after::before { content: "Species"; }
.species.bg { background-color: #b86edb; }
.species.border-color { border-color: #b86edb; }
.species.color { color: #b86edb; }
.species.glow:hover { box-shadow: 0 0 12px #b86edb, 0 0 24px #b86edb; }
.species.glow.static { box-shadow: 0 0 12px #b86edb, 0 0 24px #b86edb; }


/* === Menu Action: View-Story === */
.view-story.icon:not(.after)::before { content: "📜 "; ; }
.view-story.icon.after::after { content: " 📜";; }
.view-story.text:not(.after)::after { content: "View Story"; }
.view-story.text.after::before { content: "View Story"; }
.view-story.bg { background-color: #b0760a; }
.view-story.border-color { border-color: #b0760a; }
.view-story.color { color: #b0760a; }
.view-story.glow:hover { box-shadow: 0 0 12px #b0760a, 0 0 24px #b0760a; }
.view-story.glow.static { box-shadow: 0 0 12px #b0760a, 0 0 24px #b0760a; }

/* === Menu Action: curio-shop === */
.curio-shop.icon:not(.after)::before { content: "🛒 "; }
.curio-shop.icon.after::after { content: " 🛒"; }
.curio-shop.text:not(.after)::after { content: "Curio shop"; }
.curio-shop.text.after::before { content: "Curio Shop"; }
.curio-shop.bg { background-color: #466c8e ; }
.curio-shop.border-color { border-color: #466c8e ; }
.curio-shop.color { color: #466c8e ; }
.curio-shop.glow:hover { box-shadow: 0 0 12px #466c8e , 0 0 24px #466c8e ; }
.curio-shop.glow.static { box-shadow: 0 0 12px #466c8e , 0 0 24px #466c8e ; }



/* === : Broken === */
.broken.icon:not(.after)::before { content: " "; ; }
.broken.icon.after::after { content: " ";; }
.broken.text:not(.after)::after { content: "Broken"; }
.broken.text.after::before { content: "Broken"; }
.broken.bg { background-color: #9d9d9d; }
.broken.border-color { border-color: #9d9d9d; }
.broken.color { color: #9d9d9d; }
.broken.glow:hover { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }
.broken.glow.static { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }


/* === : Battered === */
.battered.icon:not(.after)::before { content: " "; ; }
.battered.icon.after::after { content: " ";; }
.battered.text:not(.after)::after { content: "Battered"; }
.battered.text.after::before { content: "Battered"; }
.battered.bg { background-color: #9d9d9d; }
.battered.border-color { border-color: #9d9d9d; }
.battered.color { color: #9d9d9d; }
.battered.glow:hover { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }
.battered.glow.static { box-shadow: 0 0 12px #9d9d9d, 0 0 24px #9d9d9d; }


/* === : Make-shift === */
.make-shift.icon:not(.after)::before { content: " "; ; }
.make-shift.icon.after::after { content: " ";; }
.make-shift.text:not(.after)::after { content: "Make shift"; }
.make-shift.text.after::before { content: "Make shift"; }
.make-shift.bg { background-color: #1eff00; }
.make-shift.border-color { border-color: #1eff00; }
.make-shift.color { color: #1eff00; }
.make-shift.glow:hover { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }
.make-shift.glow.static { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }


/* === : Crafted === */
.crafted.icon:not(.after)::before { content: " "; ; }
.crafted.icon.after::after { content: " ";; }
.crafted.text:not(.after)::after { content: "Crafted"; }
.crafted.text.after::before { content: "Crafted"; }
.crafted.bg { background-color: #1eff00; }
.crafted.border-color { border-color: #1eff00; }
.crafted.color { color: #1eff00; }
.crafted.glow:hover { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }
.crafted.glow.static { box-shadow: 0 0 12px #1eff00, 0 0 24px #1eff00; }


/* === : Well-Forged === */
.well-forged.icon:not(.after)::before { content: " "; ; }
.well-forged.icon.after::after { content: " ";; }
.well-forged.text:not(.after)::after { content: "Well Forged"; }
.well-forged.text.after::before { content: "Well Forged"; }
.well-forged.bg { background-color: #0070dd; }
.well-forged.border-color { border-color: #0070dd; }
.well-forged.color { color: #0070dd; }
.well-forged.glow:hover { box-shadow: 0 0 12px #0070dd, 0 0 24px #0070dd; }
.well-forged.glow.static { box-shadow: 0 0 12px #0070dd, 0 0 24px #0070dd; }


/* === : Masterwork === */
.masterwork.icon:not(.after)::before { content: " "; ; }
.masterwork.icon.after::after { content: " ";; }
.masterwork.text:not(.after)::after { content: "Masterwork"; }
.masterwork.text.after::before { content: "Masterwork"; }
.masterwork.bg { background-color: #a335ee; }
.masterwork.border-color { border-color: #a335ee; }
.masterwork.color { color: #a335ee; }
.masterwork.glow:hover { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }
.masterwork.glow.static { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }


/* === : Unique === */
.unique.icon:not(.after)::before { content: " "; ; }
.unique.icon.after::after { content: " ";; }
.unique.text:not(.after)::after { content: "Unique"; }
.unique.text.after::before { content: "Unique"; }
.unique.bg { background-color: #a335ee; }
.unique.border-color { border-color: #a335ee; }
.unique.color { color: #a335ee; }
.unique.glow:hover { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }
.unique.glow.static { box-shadow: 0 0 12px #a335ee, 0 0 24px #a335ee; }



/* === : Conjured === */
.conjured.icon:not(.after)::before { content: "✨ "; ; }
.conjured.icon.after::after { content: " ✨";; }
.conjured.text:not(.after)::after { content: "Conjured"; }
.conjured.text.after::before { content: "Conjured"; }
.conjured.bg { background-color: #fbe45d; }
.conjured.border-color { border-color: #fbe45d; }
.conjured.color { color: #fbe45d; }
.conjured.glow:hover { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }
.conjured.glow.static { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }


/* === : Consumable === */
.enchanted.icon:not(.after)::before { content: " "; ; }
.enchanted.icon.after::after { content: " ";; }
.enchanted.text:not(.after)::after { content: "Enchanted"; }
.enchanted.text.after::before { content: "Enchanted"; }
.enchanted.bg { background-color: #fbe45d; }
.enchanted.border-color { border-color: #fbe45d; }
.enchanted.color { color: #fbe45d; }
.enchanted.glow:hover { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }
.enchanted.glow.static { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }


/* === Highlight Badge: Trending === */
.trending.icon:not(.after)::before { content: "🔥 "; }
.trending.icon.after::after { content: " 🔥"; }
.trending.text:not(.after)::after { content: "Trending"; }
.trending.text.after::before { content: "Trending"; }
.trending.bg { background-color: #F97316; }
.trending.border-color { border-color: #F97316; }
.trending.color { color: #F97316; }
.trending.glow:hover { box-shadow: 0 0 12px #F97316, 0 0 24px #F97316; }
.trending.glow.static { box-shadow: 0 0 12px #F97316, 0 0 24px #F97316; }


/* === Highlight Badge: Leaving Soon === */
.leaving-soon.icon:not(.after)::before { content: "⏳ "; }
.leaving-soon.icon.after::after { content: " ⏳"; }
.leaving-soon.text:not(.after)::after { content: "Leaving Soon"; }
.leaving-soon.text.after::before { content: "Leaving Soon"; }
.leaving-soon.bg { background-color: #F59E0B; }
.leaving-soon.border-color { border-color: #F59E0B; }
.leaving-soon.color { color: #F59E0B; }
.leaving-soon.glow { --card-border-color: #F59E0B; }
.leaving-soon.glow:hover { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }
.leaving-soon.glow.static { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }


/* === Highlight Badge: Early Access === */
.early-access.icon:not(.after)::before { content: "📣 "; }
.early-access.icon.after::after { content: " 📣"; }
.early-access.text:not(.after)::after { content: "Early Access"; }
.early-access.text.after::before { content: "Early Access"; }
.early-access.bg { background-color: #3B82F6; }
.early-access.border-color { border-color: #3B82F6; }
.early-access.color { color: #3B82F6; }
.early-access.glow:hover { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }
.early-access.glow.static { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }


/* === Highlight Badge: Best Value === */
.best-value.icon:not(.after)::before { content: "💕 "; }
.best-value.icon.after::after { content: " 💕"; }
.best-value.text:not(.after)::after { content: "Best Value"; }
.best-value.text.after::before { content: "Best Value"; }
.best-value.bg { background-color: #22C55E; }
.best-value.border-color { border-color: #22C55E; }
.best-value.color { color: #22C55E; }
.best-value.glow:hover { box-shadow: 0 0 12px #22C55E, 0 0 24px #22C55E; }
.best-value.glow.static { box-shadow: 0 0 12px #22C55E, 0 0 24px #22C55E; }


/* === Highlight Badge: Smart Choice === */
.smart-choice.icon:not(.after)::before { content: "🧠 "; }
.smart-choice.icon.after::after { content: " 🧠"; }
.smart-choice.text:not(.after)::after { content: "Smart Choice"; }
.smart-choice.text.after::before { content: "Smart Choice"; }
.smart-choice.bg { background-color: #6366F1; }
.smart-choice.border-color { border-color: #6366F1; }
.smart-choice.color { color: #6366F1; }
.smart-choice.glow:hover { box-shadow: 0 0 12px #6366F1, 0 0 24px #6366F1; }
.smart-choice.glow.static { box-shadow: 0 0 12px #6366F1, 0 0 24px #6366F1; }


/* === Highlight Badge: Hidden === */
.hidden.icon:not(.after)::before { content: "🚫 "; }
.hidden.icon.after::after { content: " 🚫"; }
.hidden.text:not(.after)::after { content: "Hidden"; }
.hidden.text.after::before { content: "Hidden"; }
.hidden.bg { background-color: #6B7280; }
.hidden.border-color { border-color: #6B7280; }
.hidden.color { color: #6B7280; }
.hidden.glow:hover { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }
.hidden.glow.static { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }


/* === Highlight Badge: Disabled === */
.disabled.icon:not(.after)::before { content: "⛔ "; }
.disabled.icon.after::after { content: " ⛔"; }
.disabled.text:not(.after)::after { content: "Disabled"; }
.disabled.text.after::before { content: "Disabled"; }
.disabled.bg { background-color: #EF4444; }
.disabled.border-color { border-color: #EF4444; }
.disabled.color { color: #EF4444; }
.disabled.glow:hover { box-shadow: 0 0 12px #EF4444, 0 0 24px #EF4444; }
.disabled.glow.static { box-shadow: 0 0 12px #EF4444, 0 0 24px #EF4444; }




/* === Copyright Status: None === */
.none.icon:not(.after)::before    { content: "🌎 "; filter: grayscale(100%) saturate(0%); opacity: 0.85;}
.none.icon.after::after           { content: " 🌎"; filter: grayscale(100%) saturate(0%); opacity: 0.85;}
.none.text:not(.after)::after     { content: "No Copyright"; }
.none.text.after::before                { content: "No Copyright"; }
.none.bg                          { background-color: #606060; }
.none.border-color                { border-color: #606060; }
.none.color                       { color: #606060; }
.none.glow:hover                  { box-shadow: 0 0 12px #606060, 0 0 24px #606060; }
.none.glow.static                 { box-shadow: 0 0 12px #606060, 0 0 24px #606060; }

/* === Copyright Status: On Hold === */
.on-hold.icon:not(.after)::before { content: "🔴 "; filter: sepia(1) saturate(4) hue-rotate(320deg) brightness(1.1);}
.on-hold.icon.after::after { content: " 🔴"; filter: sepia(1) saturate(4) hue-rotate(320deg) brightness(1.1);}
.on-hold.text:not(.after)::after { content: "On Hold"; }
.on-hold.text.after::before { content: "On Hold"; }
.on-hold.bg { background-color: #F59E0B; }
.on-hold.border-color { border-color: #F59E0B; }
.on-hold.color { color: #F59E0B; }
.on-hold.glow { --card-border-color: #F59E0B; }
.on-hold.glow:hover { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }
.on-hold.glow.static { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }



/* === Copyright Status: Submitted === */
.submitted.icon:not(.after)::before { content: "📬 "; }
.submitted.icon.after::after { content: " 📬"; }
.submitted.text:not(.after)::after { content: "Submitted"; }
.submitted.text.after::before { content: "Submitted"; }
.submitted.bg { background-color: #3B82F6; }
.submitted.border-color { border-color: #3B82F6; }
.submitted.color { color: #3B82F6; }
.submitted.glow { --card-border-color: #3B82F6; }
.submitted.glow:hover { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }
.submitted.glow.static { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }


/* === Copyright Status: Confirmed === */
.confirmed.icon:not(.after)::before { content: "©️ "; }
.confirmed.icon.after::after { content: " ©️"; }
.confirmed.text:not(.after)::after { content: "Confirmed"; }
.confirmed.text.after::before { content: "Confirmed"; }
.confirmed.bg { background-color: #8B5CF6; }
.confirmed.border-color { border-color: #8B5CF6; }
.confirmed.color { color: #8B5CF6; }
.confirmed.glow:hover { box-shadow: 0 0 12px #8B5CF6, 0 0 24px #8B5CF6; }
.confirmed.glow.static { box-shadow: 0 0 12px #8B5CF6, 0 0 24px #8B5CF6; }


/* === Content Status: Draft === */
.draft.icon:not(.after)::before { content: "✏️ "; }
.draft.icon.after::after { content: " ✏️"; }
.draft.text:not(.after)::after { content: "Draft"; }
.draft.text.after::before { content: "Draft"; }
.draft.bg { background-color: #9B9B9B; }
.draft.border-color { border-color: #9B9B9B; }
.draft.color { color: #9B9B9B; }
.draft.glow { --card-border-color: #9B9B9B; }
.draft.glow:hover { box-shadow: 0 0 12px #9B9B9B, 0 0 24px #9B9B9B; }
.draft.glow.static { box-shadow: 0 0 12px #9B9B9B, 0 0 24px #9B9B9B; }


/* === Content Status: In Review === */
.in-review.icon:not(.after)::before { content: "🔍 "; }
.in-review.icon.after::after { content: " 🔍"; }
.in-review.text:not(.after)::after { content: "In Review"; }
.in-review.text.after::before { content: "In Review"; }
.in-review.bg { background-color: #3B82F6; }
.in-review.border-color { border-color: #3B82F6; }
.in-review.color { color: #3B82F6; }
.in-review.glow { --card-border-color: #3B82F6; }
.in-review.glow:hover { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }
.in-review.glow.static { box-shadow: 0 0 12px #3B82F6, 0 0 24px #3B82F6; }


/* === Content Status: Unregistered === */
.unregistered.icon:not(.after)::before { content: "📦 "; }
.unregistered.icon.after::after { content: " 📦"; }
.unregistered.text:not(.after)::after { content: "Unregistered"; }
.unregistered.text.after::before { content: "Unregistered"; }
.unregistered.bg { background-color: #92400E; }
.unregistered.border-color { border-color: #92400E; }
.unregistered.color { color: #92400E; }
.unregistered.glow { --card-border-color: #92400E; }
.unregistered.glow:hover { box-shadow: 0 0 12px #92400E, 0 0 24px #92400E; }
.unregistered.glow.static { box-shadow: 0 0 12px #92400E, 0 0 24px #92400E; }


/* === Content Status: Exported === */
.exported.icon:not(.after)::before { content: "📤 "; }
.exported.icon.after::after { content: " 📤"; }
.exported.text:not(.after)::after { content: "Exported"; }
.exported.text.after::before { content: "Exported"; }
.exported.bg { background-color: #7C3AED; }
.exported.border-color { border-color: #7C3AED; }
.exported.color { color: #7C3AED; }
.exported.glow { --card-border-color: #7C3AED; }
.exported.glow:hover { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }
.exported.glow.static { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }


/* === Content Status: Copyright Review === */
.copyright-review.icon:not(.after)::before { content: "©️ "; }
.copyright-review.icon.after::after { content: " ©️"; }
.copyright-review.text:not(.after)::after { content: "Copyright Review"; }
.copyright-review.text.after::before { content: "Copyright Review"; }
.copyright-review.bg { background-color: #D97706; }
.copyright-review.border-color { border-color: #D97706; }
.copyright-review.color { color: #D97706; }
.copyright-review.glow { --card-border-color: #D97706; }
.copyright-review.glow:hover { box-shadow: 0 0 12px #D97706, 0 0 24px #D97706; }
.copyright-review.glow.static { box-shadow: 0 0 12px #D97706, 0 0 24px #D97706; }


/* === Content Status: Rejected === */
.rejected.icon:not(.after)::before { content: "🚫 "; }
.rejected.icon.after::after { content: " 🚫"; }
.rejected.text:not(.after)::after { content: "Rejected"; }
.rejected.text.after::before { content: "Rejected"; }
.rejected.bg { background-color: #DC2626; }
.rejected.border-color { border-color: #DC2626; }
.rejected.color { color: #DC2626; }
.rejected.glow { --card-border-color: #DC2626; }
.rejected.glow:hover { box-shadow: 0 0 12px #DC2626, 0 0 24px #DC2626; }
.rejected.glow.static { box-shadow: 0 0 12px #DC2626, 0 0 24px #DC2626; }


/* === Content Status: Approved === */
.approved.icon:not(.after)::before { content: "✅ "; }
.approved.icon.after::after { content: " ✅"; }
.approved.text:not(.after)::after { content: "Approved"; }
.approved.text.after::before { content: "Approved"; }
.approved.bg { background-color: #16A34A; }
.approved.border-color { border-color: #16A34A; }
.approved.color { color: #16A34A; }
.approved.glow { --card-border-color: #16A34A; }
.approved.glow:hover { box-shadow: 0 0 12px #16A34A, 0 0 24px #16A34A; }
.approved.glow.static { box-shadow: 0 0 12px #16A34A, 0 0 24px #16A34A; }


/* === Content Status: In Progress === */
.in-progress.icon:not(.after)::before { content: "⚡ "; }
.in-progress.icon.after::after { content: " ⚡"; }
.in-progress.text:not(.after)::after { content: "In Progress"; }
.in-progress.text.after::before { content: "In Progress"; }
.in-progress.bg { background-color: #F59E0B; }
.in-progress.border-color { border-color: #F59E0B; }
.in-progress.color { color: #F59E0B; }
.in-progress.glow { --card-border-color: #F59E0B; }
.in-progress.glow:hover { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }
.in-progress.glow.static { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }


/* === Content Status: Complete === */
.complete.icon:not(.after)::before { content: "✔️ "; }
.complete.icon.after::after { content: " ✔️"; }
.complete.text:not(.after)::after { content: "Complete"; }
.complete.text.after::before { content: "Complete"; }
.complete.bg { background-color: #22C55E; }
.complete.border-color { border-color: #22C55E; }
.complete.color { color: #22C55E; }
.complete.glow { --card-border-color: #22C55E; }
.complete.glow:hover { box-shadow: 0 0 12px #22C55E, 0 0 24px #22C55E; }
.complete.glow.static { box-shadow: 0 0 12px #22C55E, 0 0 24px #22C55E; }


/* === Content Status: Updated === */
.updated.icon:not(.after)::before { content: "♻️ "; }
.updated.icon.after::after { content: " ♻️"; }
.updated.text:not(.after)::after { content: "Updated"; }
.updated.text.after::before { content: "Updated"; }
.updated.bg { background-color: #10B981; }
.updated.border-color { border-color: #10B981; }
.updated.color { color: #10B981; }
.updated.glow { --card-border-color: #10B981; }
.updated.glow:hover { box-shadow: 0 0 12px #10B981, 0 0 24px #10B981; }
.updated.glow.static { box-shadow: 0 0 12px #10B981, 0 0 24px #10B981; }


/* === Content Status: Maintenance === */
.maintenance.icon:not(.after)::before { content: "🔧 "; }
.maintenance.icon.after::after { content: " 🔧"; }
.maintenance.text:not(.after)::after { content: "Maintenance"; }
.maintenance.text.after::before { content: "Maintenance"; }
.maintenance.bg { background-color: #6B7280; }
.maintenance.border-color { border-color: #6B7280; }
.maintenance.color { color: #6B7280; }
.maintenance.glow { --card-border-color: #6B7280; }
.maintenance.glow:hover { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }
.maintenance.glow.static { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }


/* === Content Status: Published === */
.published.icon:not(.after)::before { content: "✅ "; }
.published.icon.after::after { content: " ✅"; }
.published.text:not(.after)::after { content: "Published"; }
.published.text.after::before { content: "Published"; }
.published.bg { background-color: #16A34A; }
.published.border-color { border-color: #16A34A; }
.published.color { color: #16A34A; }
.published.glow { --card-border-color: #16A34A; }
.published.glow:hover { box-shadow: 0 0 12px #16A34A, 0 0 24px #16A34A; }
.published.glow.static { box-shadow: 0 0 12px #16A34A, 0 0 24px #16A34A; }


/* === Content Status: Archived === */
.archived.icon:not(.after)::before { content: "📁 "; }
.archived.icon.after::after { content: " 📁"; }
.archived.text:not(.after)::after { content: "Archived"; }
.archived.text.after::before { content: "Archived"; }
.archived.bg { background-color: #7C3AED; }
.archived.border-color { border-color: #7C3AED; }
.archived.color { color: #7C3AED; }
.archived.glow { --card-border-color: #7C3AED; }
.archived.glow:hover { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }
.archived.glow.static { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }


/* === Species Type: Human === */
.human.icon:not(.after)::before { content: "🧑 "; }
.human.icon.after::after { content: " 🧑"; }
.human.text:not(.after)::after { content: "Human"; }
.human.text.after::before { content: "Human"; }
.human.bg { background-color: #C4956A; }
.human.border-color { border-color: #C4956A; }
.human.color { color: #C4956A; }
.human.glow:hover { box-shadow: 0 0 12px #C4956A, 0 0 24px #C4956A; }
.human.glow.static { box-shadow: 0 0 12px #C4956A, 0 0 24px #C4956A; }


/* === Species Type: Fey === */
.fey.icon:not(.after)::before { content: "🧚 "; }
.fey.icon.after::after { content: " 🧚"; }
.fey.text:not(.after)::after { content: "Fey"; }
.fey.text.after::before { content: "Fey"; }
.fey.bg { background-color: #A78BFA; }
.fey.border-color { border-color: #A78BFA; }
.fey.color { color: #A78BFA; }
.fey.glow:hover { box-shadow: 0 0 12px #A78BFA, 0 0 24px #A78BFA; }
.fey.glow.static { box-shadow: 0 0 12px #A78BFA, 0 0 24px #A78BFA; }


/* === Species Type: Beastkin === */
.beastkin.icon:not(.after)::before { content: "🐺 "; }
.beastkin.icon.after::after { content: " 🐺"; }
.beastkin.text:not(.after)::after { content: "Beastkin"; }
.beastkin.text.after::before { content: "Beastkin"; }
.beastkin.bg { background-color: #C08040; }
.beastkin.border-color { border-color: #C08040; }
.beastkin.color { color: #C08040; }
.beastkin.glow:hover { box-shadow: 0 0 12px #C08040, 0 0 24px #C08040; }
.beastkin.glow.static { box-shadow: 0 0 12px #C08040, 0 0 24px #C08040; }


/* === Species Type: Steelscourge === */
.steelscourge.icon:not(.after)::before { content: "⚙️ "; }
.steelscourge.icon.after::after { content: " ⚙️"; }
.steelscourge.text:not(.after)::after { content: "Steelscourge"; }
.steelscourge.text.after::before { content: "Steelscourge"; }
.steelscourge.bg { background-color: #78909C; }
.steelscourge.border-color { border-color: #78909C; }
.steelscourge.color { color: #78909C; }
.steelscourge.glow:hover { box-shadow: 0 0 12px #78909C, 0 0 24px #78909C; }
.steelscourge.glow.static { box-shadow: 0 0 12px #78909C, 0 0 24px #78909C; }


/* === Species Type: Enchanted === */
.enchanted.icon:not(.after)::before { content: "✨ "; }
.enchanted.icon.after::after { content: " ✨"; }
.enchanted.text:not(.after)::after { content: "Enchanted"; }
.enchanted.text.after::before { content: "Enchanted"; }
.enchanted.bg { background-color: #E879F9; }
.enchanted.border-color { border-color: #E879F9; }
.enchanted.color { color: #E879F9; }
.enchanted.glow:hover { box-shadow: 0 0 12px #E879F9, 0 0 24px #E879F9; }
.enchanted.glow.static { box-shadow: 0 0 12px #E879F9, 0 0 24px #E879F9; }


/* === Faction Prominence: Hidden === */
.hidden-prominence.icon:not(.after)::before { content: "🙈 "; }
.hidden-prominence.icon.after::after { content: " 🙈"; }
.hidden-prominence.text:not(.after)::after { content: "Hidden"; }
.hidden-prominence.text.after::before { content: "Hidden"; }
.hidden-prominence.bg { background-color: #6B7280; }
.hidden-prominence.border-color { border-color: #6B7280; }
.hidden-prominence.color { color: #6B7280; }
.hidden-prominence.glow:hover { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }
.hidden-prominence.glow.static { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }


/* === Faction Prominence: Minor === */
.minor.icon:not(.after)::before { content: "🌱 "; }
.minor.icon.after::after { content: " 🌱"; }
.minor.text:not(.after)::after { content: "Minor"; }
.minor.text.after::before { content: "Minor"; }
.minor.bg { background-color: #0369A1; }
.minor.border-color { border-color: #0369A1; }
.minor.color { color: #0369A1; }
.minor.glow:hover { box-shadow: 0 0 12px #0369A1, 0 0 24px #0369A1; }
.minor.glow.static { box-shadow: 0 0 12px #0369A1, 0 0 24px #0369A1; }


/* === Faction Prominence: Notable === */
.notable.icon:not(.after)::before { content: "⚜️ "; }
.notable.icon.after::after { content: " ⚜️"; }
.notable.text:not(.after)::after { content: "Notable"; }
.notable.text.after::before { content: "Notable"; }
.notable.bg { background-color: #15803D; }
.notable.border-color { border-color: #15803D; }
.notable.color { color: #15803D; }
.notable.glow:hover { box-shadow: 0 0 12px #15803D, 0 0 24px #15803D; }
.notable.glow.static { box-shadow: 0 0 12px #15803D, 0 0 24px #15803D; }


/* === Faction Prominence: Major === */
.major.icon:not(.after)::before { content: "💜 "; }
.major.icon.after::after { content: " 💜"; }
.major.text:not(.after)::after { content: "Major"; }
.major.text.after::before { content: "Major"; }
.major.bg { background-color: #7C3AED; }
.major.border-color { border-color: #7C3AED; }
.major.color { color: #7C3AED; }
.major.glow:hover { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }
.major.glow.static { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }


/* === Faction Prominence: Central === */
.central.icon:not(.after)::before { content: "🌐 "; }
.central.icon.after::after { content: " 🌐"; }
.central.text:not(.after)::after { content: "Central"; }
.central.text.after::before { content: "Central"; }
.central.bg { background-color: #B45309; }
.central.border-color { border-color: #B45309; }
.central.color { color: #B45309; }
.central.glow:hover { box-shadow: 0 0 12px #B45309, 0 0 24px #B45309; }
.central.glow.static { box-shadow: 0 0 12px #B45309, 0 0 24px #B45309; }


/* === Faction Reach: Local === */
.local.icon:not(.after)::before { content: "🏠 "; }
.local.icon.after::after { content: " 🏠"; }
.local.text:not(.after)::after { content: "Local"; }
.local.text.after::before { content: "Local"; }
.local.bg { background-color: #0369A1; }
.local.border-color { border-color: #0369A1; }
.local.color { color: #0369A1; }
.local.glow:hover { box-shadow: 0 0 12px #0369A1, 0 0 24px #0369A1; }
.local.glow.static { box-shadow: 0 0 12px #0369A1, 0 0 24px #0369A1; }


/* === Faction Reach: Regional === */
.regional.icon:not(.after)::before { content: "🗺️ "; }
.regional.icon.after::after { content: " 🗺️"; }
.regional.text:not(.after)::after { content: "Regional"; }
.regional.text.after::before { content: "Regional"; }
.regional.bg { background-color: #0891B2; }
.regional.border-color { border-color: #0891B2; }
.regional.color { color: #0891B2; }
.regional.glow:hover { box-shadow: 0 0 12px #0891B2, 0 0 24px #0891B2; }
.regional.glow.static { box-shadow: 0 0 12px #0891B2, 0 0 24px #0891B2; }


/* === Faction Reach: Continental === */
.continental.icon:not(.after)::before { content: "🌍 "; }
.continental.icon.after::after { content: " 🌍"; }
.continental.text:not(.after)::after { content: "Continental"; }
.continental.text.after::before { content: "Continental"; }
.continental.bg { background-color: #15803D; }
.continental.border-color { border-color: #15803D; }
.continental.color { color: #15803D; }
.continental.glow:hover { box-shadow: 0 0 12px #15803D, 0 0 24px #15803D; }
.continental.glow.static { box-shadow: 0 0 12px #15803D, 0 0 24px #15803D; }


/* === Faction Reach: Global === */
.global.icon:not(.after)::before { content: "🌐 "; }
.global.icon.after::after { content: " 🌐"; }
.global.text:not(.after)::after { content: "Global"; }
.global.text.after::before { content: "Global"; }
.global.bg { background-color: #7C3AED; }
.global.border-color { border-color: #7C3AED; }
.global.color { color: #7C3AED; }
.global.glow:hover { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }
.global.glow.static { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }


/* === Faction Reach: Unknown === */
.unknown.icon:not(.after)::before { content: "🤔 "; }
.unknown.icon.after::after { content: " 🤔"; }
.unknown.text:not(.after)::after { content: "Unknown"; }
.unknown.text.after::before { content: "Unknown"; }
.unknown.bg { background-color: #6B7280; }
.unknown.border-color { border-color: #6B7280; }
.unknown.color { color: #6B7280; }
.unknown.glow:hover { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }
.unknown.glow.static { box-shadow: 0 0 12px #6B7280, 0 0 24px #6B7280; }


/* === Faction Type: Coven === */
.coven.icon:not(.after)::before { content: "✨ "; }
.coven.icon.after::after { content: " ✨"; }
.coven.text:not(.after)::after { content: "Coven"; }
.coven.text.after::before { content: "Coven"; }
.coven.bg { background-color: #7C3AED; }
.coven.border-color { border-color: #7C3AED; }
.coven.color { color: #7C3AED; }
.coven.glow:hover { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }
.coven.glow.static { box-shadow: 0 0 12px #7C3AED, 0 0 24px #7C3AED; }


/* === Faction Type: Military Order === */
.military-order.icon:not(.after)::before { content: "⚔️ "; }
.military-order.icon.after::after { content: " ⚔️"; }
.military-order.text:not(.after)::after { content: "Military Order"; }
.military-order.text.after::before { content: "Military Order"; }
.military-order.bg { background-color: #DC2626; }
.military-order.border-color { border-color: #DC2626; }
.military-order.color { color: #DC2626; }
.military-order.glow:hover { box-shadow: 0 0 12px #DC2626, 0 0 24px #DC2626; }
.military-order.glow.static { box-shadow: 0 0 12px #DC2626, 0 0 24px #DC2626; }


/* === Faction Type: Criminal Syndicate === */
.criminal-syndicate.icon:not(.after)::before { content: "💰 "; }
.criminal-syndicate.icon.after::after { content: " 💰"; }
.criminal-syndicate.text:not(.after)::after { content: "Criminal Syndicate"; }
.criminal-syndicate.text.after::before { content: "Criminal Syndicate"; }
.criminal-syndicate.bg { background-color: #D97706; }
.criminal-syndicate.border-color { border-color: #D97706; }
.criminal-syndicate.color { color: #D97706; }
.criminal-syndicate.glow:hover { box-shadow: 0 0 12px #D97706, 0 0 24px #D97706; }
.criminal-syndicate.glow.static { box-shadow: 0 0 12px #D97706, 0 0 24px #D97706; }


/* === Faction Type: Noble House === */
.noble-house.icon:not(.after)::before { content: "👑 "; padding-bottom:3px; }
.noble-house.icon.after::after { content: " 👑";  padding-bottom:3px;}
.noble-house.text:not(.after)::after { content: "Noble House"; }
.noble-house.text.after::before { content: "Noble House"; }
.noble-house.bg { background-color: #B45309; }
.noble-house.border-color { border-color: #B45309; }
.noble-house.color { color: #B45309; }
.noble-house.glow:hover { box-shadow: 0 0 12px #B45309, 0 0 24px #B45309; }
.noble-house.glow.static { box-shadow: 0 0 12px #B45309, 0 0 24px #B45309; }


/* ====================== ASSOCIATION TYPES ====================== */

.character.icon:not(.after)::before { content: "🧙 "; ; }
.character.icon.after::after { content: " 🧙";; }
.character.text:not(.after)::after { content: "Character"; }
.character.text.after::before { content: "Character"; }
.character.bg { background-color: #C084FC; }
.character.border-color { border-color: #C084FC; }
.character.color { color: #C084FC; }
.character.glow { --card-border-color: #C084FC; }
.character.glow:hover { box-shadow: 0 0 12px #C084FC, 0 0 24px #C084FC; }
.character.glow.static { box-shadow: 0 0 12px #C084FC, 0 0 24px #C084FC; }

.location.icon:not(.after)::before { content: "🗺️ "; ; }
.location.icon.after::after { content: " 🗺️";; }
.location.text:not(.after)::after { content: "Location"; }
.location.text.after::before { content: "Location"; }
.location.bg { background-color: #38BDF8; }
.location.border-color { border-color: #38BDF8; }
.location.color { color: #38BDF8; }
.location.glow { --card-border-color: #38BDF8; }
.location.glow:hover { box-shadow: 0 0 12px #38BDF8, 0 0 24px #38BDF8; }
.location.glow.static { box-shadow: 0 0 12px #38BDF8, 0 0 24px #38BDF8; }

.story.icon:not(.after)::before { content: "📖 "; ; }
.story.icon.after::after { content: " 📖";; }
.story.text:not(.after)::after { content: "Story"; }
.story.text.after::before { content: "Story"; }
.story.bg { background-color: #F59E0B; }
.story.border-color { border-color: #F59E0B; }
.story.color { color: #F59E0B; }
.story.glow { --card-border-color: #F59E0B; }
.story.glow:hover { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }
.story.glow.static { box-shadow: 0 0 12px #F59E0B, 0 0 24px #F59E0B; }

.faction.icon:not(.after)::before { content: "🏛️ "; ; }
.faction.icon.after::after { content: " 🏛️";; }
.faction.text:not(.after)::after { content: "Faction"; }
.faction.text.after::before { content: "Faction"; }
.faction.bg { background-color: #EF4444; }
.faction.border-color { border-color: #EF4444; }
.faction.color { color: #EF4444; }
.faction.glow { --card-border-color: #EF4444; }
.faction.glow:hover { box-shadow: 0 0 12px #EF4444, 0 0 24px #EF4444; }
.faction.glow.static { box-shadow: 0 0 12px #EF4444, 0 0 24px #EF4444; }

.item.icon:not(.after)::before { content: "🗡️ "; ; }
.item.icon.after::after { content: " 🗡️";; }
.item.text:not(.after)::after { content: "Item"; }
.item.text.after::before { content: "Item"; }
.item.bg { background-color: #A3A3A3; }
.item.border-color { border-color: #A3A3A3; }
.item.color { color: #A3A3A3; }
.item.glow { --card-border-color: #A3A3A3; }
.item.glow:hover { box-shadow: 0 0 12px #A3A3A3, 0 0 24px #A3A3A3; }
.item.glow.static { box-shadow: 0 0 12px #A3A3A3, 0 0 24px #A3A3A3; }

.spell.icon:not(.after)::before { content: "🔮 "; ; }
.spell.icon.after::after { content: " 🔮";; }
.spell.text:not(.after)::after { content: "Spell"; }
.spell.text.after::before { content: "Spell"; }
.spell.bg { background-color: #A855F7; }
.spell.border-color { border-color: #A855F7; }
.spell.color { color: #A855F7; }
.spell.glow { --card-border-color: #A855F7; }
.spell.glow:hover { box-shadow: 0 0 12px #A855F7, 0 0 24px #A855F7; }
.spell.glow.static { box-shadow: 0 0 12px #A855F7, 0 0 24px #A855F7; }

.place.icon:not(.after)::before { content: "📍 "; ; }
.place.icon.after::after { content: " 📍";; }
.place.text:not(.after)::after { content: "Place"; }
.place.text.after::before { content: "Place"; }
.place.bg { background-color: #38BDF8; }
.place.border-color { border-color: #38BDF8; }
.place.color { color: #38BDF8; }
.place.glow { --card-border-color: #38BDF8; }
.place.glow:hover { box-shadow: 0 0 12px #38BDF8, 0 0 24px #38BDF8; }
.place.glow.static { box-shadow: 0 0 12px #38BDF8, 0 0 24px #38BDF8; }

.ability.icon:not(.after)::before { content: "⚡ "; ; }
.ability.icon.after::after { content: " ⚡";; }
.ability.text:not(.after)::after { content: "Ability"; }
.ability.text.after::before { content: "Ability"; }
.ability.bg { background-color: #10B981; }
.ability.border-color { border-color: #10B981; }
.ability.color { color: #10B981; }
.ability.glow { --card-border-color: #10B981; }
.ability.glow:hover { box-shadow: 0 0 12px #10B981, 0 0 24px #10B981; }
.ability.glow.static { box-shadow: 0 0 12px #10B981, 0 0 24px #10B981; }

/* ====================== SPELL EFFECTS ====================== */

/* === Magic Type: Shapeshift === */
.shapeshift.icon:not(.after)::before { content: "🐾 "; }
.shapeshift.icon.after::after { content: " 🐾"; }
.shapeshift.text:not(.after)::after { content: "Shapeshift"; }
.shapeshift.text.after::before { content: "Shapeshift"; }
.shapeshift.bg { background-color: #F6D76B; }
.shapeshift.border-color { border-color: #F6D76B; }
.shapeshift.color { color: #F6D76B; }
.shapeshift.glow { --card-border-color: #F6D76B; }
.shapeshift.glow:hover { box-shadow: 0 0 12px #F6D76B, 0 0 24px #F6D76B; }
.shapeshift.glow.static { box-shadow: 0 0 12px #F6D76B, 0 0 24px #F6D76B; }

/* === Magic Type: Fire === */
.fire.icon:not(.after)::before { content: "🔥 "; }
.fire.icon.after::after { content: " 🔥"; }
.fire.text:not(.after)::after { content: "Fire"; }
.fire.text.after::before { content: "Fire"; }
.fire.bg { background-color: #FF6B35; }
.fire.border-color { border-color: #FF6B35; }
.fire.color { color: #FF6B35; }
.fire.glow { --card-border-color: #FF6B35; }
.fire.glow:hover { box-shadow: 0 0 12px #FF6B35, 0 0 24px #FF6B35; }
.fire.glow.static { box-shadow: 0 0 12px #FF6B35, 0 0 24px #FF6B35; }

/* === Magic Type: Frost === */
.frost.icon:not(.after)::before { content: "❄️ "; }
.frost.icon.after::after { content: " ❄️"; }
.frost.text:not(.after)::after { content: "Frost"; }
.frost.text.after::before { content: "Frost"; }
.frost.bg { background-color: #7DD3FC; }
.frost.border-color { border-color: #7DD3FC; }
.frost.color { color: #7DD3FC; }
.frost.glow { --card-border-color: #7DD3FC; }
.frost.glow:hover { box-shadow: 0 0 12px #7DD3FC, 0 0 24px #7DD3FC; }
.frost.glow.static { box-shadow: 0 0 12px #7DD3FC, 0 0 24px #7DD3FC; }

/* === Magic Type: Nature === */
.nature.icon:not(.after)::before { content: "🌿 "; }
.nature.icon.after::after { content: " 🌿"; }
.nature.text:not(.after)::after { content: "Nature"; }
.nature.text.after::before { content: "Nature"; }
.nature.bg { background-color: #65C466; }
.nature.border-color { border-color: #65C466; }
.nature.color { color: #65C466; }
.nature.glow { --card-border-color: #65C466; }
.nature.glow:hover { box-shadow: 0 0 12px #65C466, 0 0 24px #65C466; }
.nature.glow.static { box-shadow: 0 0 12px #65C466, 0 0 24px #65C466; }

/* === Magic Type: Gilded === */
.gilded.icon:not(.after)::before { content: "✨ "; }
.gilded.icon.after::after { content: " ✨"; }
.gilded.text:not(.after)::after { content: "Gilded"; }
.gilded.text.after::before { content: "Gilded"; }
.gilded.bg { background-color: #F8E58C; }
.gilded.border-color { border-color: #F8E58C; }
.gilded.color { color: #F8E58C; }
.gilded.glow { --card-border-color: #F8E58C; }
.gilded.glow:hover { box-shadow: 0 0 12px #F8E58C, 0 0 24px #F8E58C; }
.gilded.glow.static { box-shadow: 0 0 12px #F8E58C, 0 0 24px #F8E58C; }

/* === Magic Type: Shadow === */
.shadow.icon:not(.after)::before { content: "🌑 "; }
.shadow.icon.after::after { content: " 🌑"; }
.shadow.text:not(.after)::after { content: "Shadow"; }
.shadow.text.after::before { content: "Shadow"; }
.shadow.bg { background-color: #1A1A1A; }
.shadow.border-color { border-color: #1A1A1A; }
.shadow.color { color: #1A1A1A; }
.shadow.glow { --card-border-color: #1A1A1A; }
.shadow.glow:hover { box-shadow: 0 0 12px #1A1A1A, 0 0 24px #000000; }
.shadow.glow.static { box-shadow: 0 0 12px #1A1A1A, 0 0 24px #000000; }

/* === Magic Type: Necromancy === */
.necromancy.icon:not(.after)::before { content: "☠️ "; filter: sepia(1) saturate(4) hue-rotate(245deg) brightness(0.9); }
.necromancy.icon.after::after { content: " ☠️"; filter: sepia(1) saturate(4) hue-rotate(245deg) brightness(0.9); }
.necromancy.text:not(.after)::after { content: "Necromancy"; }
.necromancy.text.after::before { content: "Necromancy"; }
.necromancy.bg { background-color: #6D287A; }
.necromancy.border-color { border-color: #6D287A; }
.necromancy.color { color: #6D287A; }
.necromancy.glow { --card-border-color: #6D287A; }
.necromancy.glow:hover { box-shadow: 0 0 12px #6D287A, 0 0 24px #000000; }
.necromancy.glow.static { box-shadow: 0 0 12px #6D287A, 0 0 24px #000000; }

/* === Magic Type: Storm === */
.storm.icon:not(.after)::before { content: "⚡ "; }
.storm.icon.after::after { content: " ⚡"; }
.storm.text:not(.after)::after { content: "Storm"; }
.storm.text.after::before { content: "Storm"; }
.storm.bg { background-color: #6FA8DC; }
.storm.border-color { border-color: #6FA8DC; }
.storm.color { color: #6FA8DC; }
.storm.glow { --card-border-color: #6FA8DC; }
.storm.glow:hover { box-shadow: 0 0 12px #6FA8DC, 0 0 24px #AAB7C4; }
.storm.glow.static { box-shadow: 0 0 12px #6FA8DC, 0 0 24px #AAB7C4; }

/* === Magic Type: Psionic === */
.psionic.icon:not(.after)::before { content: "🧠 "; filter: sepia(1) saturate(4) hue-rotate(250deg) brightness(1.15); }
.psionic.icon.after::after { content: " 🧠"; filter: sepia(1) saturate(4) hue-rotate(250deg) brightness(1.15); }
.psionic.text:not(.after)::after { content: "Psionic"; }
.psionic.text.after::before { content: "Psionic"; }
.psionic.bg { background-color: #D16BFF; }
.psionic.border-color { border-color: #D16BFF; }
.psionic.color { color: #D16BFF; }
.psionic.glow { --card-border-color: #D16BFF; }
.psionic.glow:hover { box-shadow: 0 0 12px #D16BFF, 0 0 24px #FF77E9; }
.psionic.glow.static { box-shadow: 0 0 12px #D16BFF, 0 0 24px #FF77E9; }

/* === Magic Type: Arcane === */
.arcane.icon:not(.after)::before { content: "🔮 "; }
.arcane.icon.after::after { content: " 🔮"; }
.arcane.text:not(.after)::after { content: "Arcane"; }
.arcane.text.after::before { content: "Arcane"; }
.arcane.bg { background-color: #B57CFF; }
.arcane.border-color { border-color: #B57CFF; }
.arcane.color { color: #B57CFF; }
.arcane.glow { --card-border-color: #B57CFF; }
.arcane.glow:hover { box-shadow: 0 0 12px #B57CFF, 0 0 24px #B57CFF; }
.arcane.glow.static { box-shadow: 0 0 12px #B57CFF, 0 0 24px #B57CFF; }

/* === Magic Type: Abyssal === */
.abyssal.icon:not(.after)::before { content: "🕳️ "; }
.abyssal.icon.after::after { content: " 🕳️"; }
.abyssal.text:not(.after)::after { content: "Abyssal"; }
.abyssal.text.after::before { content: "Abyssal"; }
.abyssal.bg { background-color: #5A3D91; }
.abyssal.border-color { border-color: #5A3D91; }
.abyssal.color { color: #5A3D91; }
.abyssal.glow { --card-border-color: #5A3D91; }
.abyssal.glow:hover { box-shadow: 0 0 12px #5A3D91, 0 0 24px #000000; }
.abyssal.glow.static { box-shadow: 0 0 12px #5A3D91, 0 0 24px #000000; }

/* === Magic Type: Curse === */
.curse.icon:not(.after)::before { content: "🧿 "; filter: sepia(1) saturate(5) hue-rotate(65deg) brightness(1); }
.curse.icon.after::after { content: " 🧿"; filter: sepia(1) saturate(5) hue-rotate(65deg) brightness(1); }
.curse.text:not(.after)::after { content: "Curse"; }
.curse.text.after::before { content: "Curse"; }
.curse.bg { background-color: #6D28D9; }
.curse.border-color { border-color: #6D28D9; }
.curse.color { color: #6D28D9; }
.curse.glow { --card-border-color: #6D28D9; }
.curse.glow:hover { box-shadow: 0 0 16px #D16BFF, 0 0 20px #6D287A, 0 0 24px #22C55E; }
.curse.glow.static { box-shadow: 0 0 16px #D16BFF, 0 0 20px #6D287A, 0 0 24px #22C55E;  }

/* === Magic Type: Blood === */
.blood.icon:not(.after)::before { content: "🩸 "; }
.blood.icon.after::after { content: " 🩸"; }
.blood.text:not(.after)::after { content: "Blood"; }
.blood.text.after::before { content: "Blood"; }
.blood.bg { background-color: #8A0303; }
.blood.border-color { border-color: #8A0303; }
.blood.color { color: #8A0303; }
.blood.glow { --card-border-color: #8A0303; }
.blood.glow:hover { box-shadow: 0 0 12px #8A0303, 0 0 24px #000000; }
.blood.glow.static { box-shadow: 0 0 12px #8A0303, 0 0 24px #000000; }

/* === Magic Type: Temporal === */
.temporal.icon:not(.after)::before { content: "⏳ "; filter: sepia(1) saturate(4) hue-rotate(285deg) brightness(1); }
.temporal.icon.after::after { content: " ⏳"; filter: sepia(1) saturate(4) hue-rotate(285deg) brightness(1); }
.temporal.text:not(.after)::after { content: "Temporal"; }
.temporal.text.after::before { content: "Temporal"; }
.temporal.bg { background-color: #D86DFF; }
.temporal.border-color { border-color: #D86DFF; }
.temporal.color { color: #D86DFF; }
.temporal.glow { --card-border-color: #D86DFF; }
.temporal.glow:hover { box-shadow: 0 0 12px #D86DFF, 0 0 24px #000000; }
.temporal.glow.static { box-shadow: 0 0 12px #D86DFF, 0 0 24px #000000; }

/* === Magic Type: Earth === */
.earth.icon:not(.after)::before { content: "🪨 "; }
.earth.icon.after::after { content: " 🪨"; }
.earth.text:not(.after)::after { content: "Earth"; }
.earth.text.after::before { content: "Earth"; }
.earth.bg { background-color: #7A7A7A; }
.earth.border-color { border-color: #7A7A7A; }
.earth.color { color: #7A7A7A; }
.earth.glow { --card-border-color: #7A7A7A; }
.earth.glow:hover { box-shadow: 0 0 12px #7A7A7A, 0 0 24px #4B4B4B; }
.earth.glow.static { box-shadow: 0 0 12px #7A7A7A, 0 0 24px #4B4B4B; }

/* === Magic Type: Water === */
.water.icon:not(.after)::before { content: "💧 "; }
.water.icon.after::after { content: " 💧"; }
.water.text:not(.after)::after { content: "Water"; }
.water.text.after::before { content: "Water"; }
.water.bg { background-color: #0096D6; }
.water.border-color { border-color: #0096D6; }
.water.color { color: #0096D6; }
.water.glow { --card-border-color: #0096D6; }
.water.glow:hover { box-shadow: 0 0 12px #0096D6, 0 0 24px #4DE3FF; }
.water.glow.static { box-shadow: 0 0 12px #0096D6, 0 0 24px #4DE3FF; }