MYSPACE THEMED POP-UP AD BOT CARDS

<style>
/* =========================================
   BOT CARD SECTION POOKIE JINGLE JINGLE OVER HERE
  NEON MYSPACE/POPUP TRASH SKIN
   ========================================= */

/* outer shell */
.profile-character-card-stack-link-component-box,
.profile-character-card-wrapper,
.pp-cc-wrapper {
    position: relative !important;
    background: #d9d9d9 !important;
    border: 4px solid !important;
    border-color: #ffffff #7a7a7a #7a7a7a #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,0.38) !important;
    overflow: visible !important;
}

/* hard flat popup frame colors, no gradients */
.pp-cc-gradient-1,
.pp-cc-gradient-2,
.pp-cc-gradient-3 {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pp-cc-gradient-1 {
    background: #ff00a8 !important;
}

.pp-cc-gradient-2 {
    background: #00e5ff !important;
}

.pp-cc-gradient-3 {
    background: #f7f7f7 !important;
}

/* loud popup title bar */
.pp-cc-name.profile-character-card-name-box {
    position: relative !important;
    background: #ff00a8 !important;
    color: #ffffff !important;
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-shadow:
      1px 1px 0 rgba(0,0,0,0.45),
      0 0 4px rgba(255,255,255,0.25) !important;
    padding: 7px 25px 7px 8px !important;
    border-bottom: 2px solid #7a0053 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.35),
      inset 0 -1px 0 rgba(0,0,0,0.15) !important;
}

/* fake close button */
.pp-cc-name.profile-character-card-name-box::after {
    content: "X" !important;
    position: absolute !important;
    top: 5px !important;
    right: 6px !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 13px !important;
    text-align: center !important;
    background: #ff3b30 !important;
    color: #ffffff !important;
    border: 1px solid !important;
    border-color: #ffd1cf #8a1111 #8a1111 #ffd1cf !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    box-shadow: 0 0 4px rgba(255,59,48,0.65) !important;
}

/* avatar frame  */
.profile-character-card-avatar-aspect-ratio,
.chakra-aspect-ratio,
.css-1q7rmf0 {
    border-radius: 0 !important;
    overflow: visible !important;
    border-top: 2px solid #ffffff !important;
    border-bottom: 2px solid #8b8b8b !important;
    background: #000000 !important;
}

.pp-cc-avatar,
.profile-character-card-avatar-image,
.css-147i79y,
.css-1q7rmf0 img {
    border-radius: 0 !important;
    display: block !important;
    filter: saturate(1.08) contrast(1.05) !important;
}
/* yank the purple badge back inside the card */
.pp-cc-wrapper [class*="ribbon"],
.profile-character-card-wrapper [class*="ribbon"],
.profile-character-card-stack-link-component-box [class*="ribbon"],
.pp-cc-wrapper [class*="badge"],
.profile-character-card-wrapper [class*="badge"],
.profile-character-card-stack-link-component-box [class*="badge"] {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 40 !important;
    overflow: visible !important;
}

.pp-cc-wrapper [class*="ribbon"] *,
.profile-character-card-wrapper [class*="ribbon"] *,
.profile-character-card-stack-link-component-box [class*="ribbon"] *,
.pp-cc-wrapper [class*="badge"] *,
.profile-character-card-wrapper [class*="badge"] *,
.profile-character-card-stack-link-component-box [class*="badge"] * {
    transform: none !important;
}

/* remove star clutter */
.pp-cc-star-line,
.pp-cc-star,
.profile-character-card-star,
.pp-cc-star-line img,
.profile-character-card-star-line img {
    display: none !important;
}

/* description panel */
.pp-cc-description,
.profile-character-card-description-markdown-container {
    position: relative !important;
    background: #fff7cc !important;
    color: #1a1a1a !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    padding: 14px 8px 8px 8px !important;
    border-top: 1px solid #f0d767 !important;
    border-bottom: 1px dashed #b0a36a !important;
}

/* blinking live badge */
.pp-cc-description::before,
.profile-character-card-description-markdown-container::before {
    content: "● LIVE" !important;
    display: inline-block !important;
    margin-bottom: 7px !important;
    padding: 2px 6px !important;
    background: #19d819 !important;
    color: #ffffff !important;
    border: 1px solid #0b7d0b !important;
    font-family: Arial Black, Tahoma, Verdana, sans-serif !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.35) !important;
    box-shadow:
      0 0 6px rgba(75,255,75,0.7),
      inset 1px 1px 0 rgba(255,255,255,0.45) !important;
    animation: msLiveBlink 0.9s steps(2, end) infinite !important;
}

@keyframes msLiveBlink {
    0%, 49% {
        opacity: 1;
        filter: brightness(1.15);
    }
    50%, 100% {
        opacity: 0.45;
        filter: brightness(0.9);
    }
}

/* hide creator line */
.pp-cc-creator-name,
.profile-character-card-creator-name-box,
.css-1m151rf {
    display: none !important;
}

/* tag row */
.pp-cc-tags,
.profile-character-card-tags,
.css-4ofde4,
.css-k1urot {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    padding: 7px !important;
    background: #ececec !important;
    border-top: 1px solid #ffffff !important;
}

/* generic tags, eye-straining asf (sorry not sorry) */
.pp-cc-tags-item,
.pp-cc-tags-regular,
.css-k1urot span,
.pp-cc-tags-custom span,
.pp-cc-tags-wrap-custom span {
    background: #00f6ff !important;
    border: 1px solid #008a91 !important;
    border-radius: 0 !important;
    padding: 3px 6px !important;
    color: #7a0060 !important;
    font-family: Arial Black, Tahoma, Verdana, sans-serif !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 3px rgba(255,255,255,0.45) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,0.65),
      0 0 5px rgba(0,246,255,0.5) !important;
}

/* limitless tag louder */
.pp-tag-limitless {
    background: #b6ff00 !important;
    border: 1px solid #6e9b00 !important;
    border-radius: 0 !important;
    padding: 3px 6px !important;
    color: #8a0067 !important;
    font-family: Arial Black, Tahoma, Verdana, sans-serif !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 3px rgba(255,255,255,0.35) !important;
    box-shadow:
      inset 1px 1px 0 rgba(255,255,255,0.55),
      0 0 5px rgba(182,255,0,0.45) !important;
}

/* bottom stat strip */
.pp-cc-tokens-count,
.profile-character-card-tokens-count,
.css-1fcg30q {
    background: #ff69d1 !important;
    border-top: 1px solid #b0006d !important;
    color: #5d0038 !important;
    font-family: Arial Black, Tahoma, Verdana, sans-serif !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 4px 6px !important;
    text-shadow: 0 0 3px rgba(255,255,255,0.3) !important;
}

/* chats count yuh yuh */
.pp-cc-chats-count,
.profile-character-cards-chat-count-tbmessages {
    color: #70fff3 !important;
    font-family: Arial Black, Tahoma, Verdana, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 1px 0 !important;
    vertical-align: top !important;
}

.profile-character-card-stack-link-component-box .pp-cc-chats-count,
.profile-character-card-stack-link-component-box .profile-character-cards-chat-count-tbmessages,
.profile-character-card-stack-link-component-box [class*="chatsCount"],
.pp-cc-wrapper .pp-cc-chats-count,
.pp-cc-wrapper .profile-character-cards-chat-count-tbmessages,
.pp-cc-wrapper [class*="chatsCount"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 16px !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

/* ribbon cleanup */
.pp-cc-ribbon-wrap {
    background: transparent !important;
    background-color: transparent !important;
}

/* hover gets brighter/wiggle/neon pulse */
.pp-cc-wrapper:hover,
.profile-character-card-wrapper:hover,
.profile-character-card-stack-link-component-box:hover {
    filter: brightness(1.08) saturate(1.12) !important;
    animation: msCardAnnoy 0.22s steps(2, end) 2 !important;
    box-shadow:
      0 0 0 2px #00f6ff,
      0 0 10px #00f6ff,
      0 0 18px #ff00a8,
      8px 8px 0 rgba(0,0,0,0.38) !important;
}

/* extra hover nonsense just for the header */
.pp-cc-wrapper:hover .pp-cc-name.profile-character-card-name-box,
.profile-character-card-wrapper:hover .pp-cc-name.profile-character-card-name-box,
.profile-character-card-stack-link-component-box:hover .pp-cc-name.profile-character-card-name-box {
    background: #ff36ba !important;
    text-shadow:
      1px 1px 0 rgba(0,0,0,0.45),
      0 0 6px #ffffff,
      0 0 10px #00f6ff !important;
}

/* tiny wiggle */
@keyframes msCardAnnoy {
    0%   { transform: rotate(0deg) translateX(0); }
    25%  { transform: rotate(-0.5deg) translateX(-1px); }
    50%  { transform: rotate(0.5deg) translateX(1px); }
    75%  { transform: rotate(-0.4deg) translateX(-1px); }
    100% { transform: rotate(0deg) translateX(0); }
}
</style>