/* === 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 === */
[data-theme="dark"] .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;}
[data-theme="light"] .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 {
    color: var(--chat-theme-icon-color);
    font-size: 0; /* hide static button text; label injected via ::after */
}
.color-theme.color::after  { font-size: calc(var(--user-font-size) * 0.9); }
.color-theme.glow:hover    { box-shadow: 0 0 8px var(--chat-theme-icon-color), 0 0 16px var(--chat-theme-icon-color); }

/* icon + label both reflect what clicking WILL do (opposite of active theme) */
[data-theme="dark"]  .color-theme.icon::before { content: "🔆 "; }
[data-theme="light"] .color-theme.icon::before { content: "🌙 "; filter: brightness(0.7); }
[data-theme="dark"]  .color-theme.color::after { content: "Light Mode"; }
[data-theme="light"] .color-theme.color::after { content: "Dark Mode"; }


/* === 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::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::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::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::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::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::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::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::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::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::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::before { content: "Basic"; }
.basic.bg { background-color: #1eff00; }
.basic.border-color { border-color: #1eff00; }
.basic.color { 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::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::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::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::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: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::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::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::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::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::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::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::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::before { content: "Free"; }
.free.bg { background-color: #9d9d9d; }
.free.border-color { border-color: #9d9d9d; }
.free.color { 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 === */
.characters.icon:not(.after)::before { content: "🧙 "; ; }
.characters.icon.after::after { content: " 🧙";; }
.characters.text:not(.after)::after { content: "View Characters"; }
.characters.text::before { content: "View Characters"; }
.characters.bg { background-color: #668be8; }
.characters.border-color { border-color: #668be8; }
.characters.color { color: #668be8; }
.characters.glow:hover { box-shadow: 0 0 12px #668be8, 0 0 24px #668be8; }
.characters.glow.static { box-shadow: 0 0 12px #668be8, 0 0 24px #668be8; }


/* === Character Status: Hot === */
.hot.icon:not(.after)::before { content: "🔥 "; ; }
.hot.icon.after::after { content: " 🔥";; }
.hot.text:not(.after)::after { content: "Trending"; }
.hot.text::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::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::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::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::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::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::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::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::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::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::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::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::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; }


/* === 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::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::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::before { content: "Premium"; }
.premium.bg { background-color: #a335ee; }
.premium.border-color { border-color: #a335ee; }
.premium.color { 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::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::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::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::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::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::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::before { content: "Standard"; }
.standard.bg { background-color: #0070dd; }
.standard.border-color { border-color: #0070dd; }
.standard.color { 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::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 { filter: brightness(1.25); }
.subscription.icon:not(.after)::before { content: "💳 "; }
.subscription.icon.after::after { content: " 💳"; }
.subscription.text:not(.after)::after { content: "Subscriptions"; }
.subscription.text::before { content: "Subscriptions"; }
.subscription.bg { background-color: #4f7fc4; }
.subscription.border-color { border-color: #4f7fc4; }
.subscription.color { color: #4f7fc4; }
.subscription.glow:hover { box-shadow: 0 0 12px #4f7fc4, 0 0 24px #4f7fc4; }
.subscription.glow.static { box-shadow: 0 0 12px #4f7fc4, 0 0 24px #4f7fc4; }

.login.icon:not(.after)::before { content: "🔓 "; ; }
.login.icon.after::after { content: " 🔓";; }
.login.text:not(.after)::after { content: "My Subscription"; }
.login.text::before { content: "My Subscription"; }
.login.bg { background-color: #3fa9f5; }
.login.border-color { border-color: #3fa9f5; }
.login.color { color: #3fa9f5; }
.login.glow:hover { box-shadow: 0 0 12px #3fa9f5, 0 0 24px #3fa9f5; }
.login.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::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::before { content: "Ultimate"; }
.ultimate.bg { background-color: #ff8000; }
.ultimate.border-color { border-color: #ff8000; }
.ultimate.color { 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::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::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::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::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::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::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::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::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::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::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::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::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::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 === */
.consumable.icon:not(.after)::before { content: " "; ; }
.consumable.icon.after::after { content: " ";; }
.consumable.text:not(.after)::after { content: "Consumable"; }
.consumable.text::before { content: "Consumable"; }
.consumable.bg { background-color: #fbe45d; }
.consumable.border-color { border-color: #fbe45d; }
.consumable.color { color: #fbe45d; }
.consumable.glow:hover { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }
.consumable.glow.static { box-shadow: 0 0 12px #fbe45d, 0 0 24px #fbe45d; }