<style>

/* ===== LAYOUT ===== */
.pp-cc-list-container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.pp-cc-wrapper{
    flex: 0 1 350px;
    width: 350px;
    height: 350px;
    transition: all 300ms ease;
    border: 2px solid #220000;
    box-sizing: border-box;
    position: relative;
}
.css-1s5evre{
    background: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto 1fr auto;
    gap: 0px;
}
.css-1s5evre a{ display: contents; }

/* ===== COLORS ===== */

/* main botcard color */
.pp-cc-wrapper,.pp-cc-gradient-1,.pp-cc-gradient-2,.pp-cc-gradient-3,.pp-cc-wrapper>*:not(.css-1s5evre){
    background: #410101 !important;
}

/* bot name */
.pp-cc-name {
    font-family: cinzel decorative, serif;
    color: white;
    text-shadow: 0px 0px 6px #730101, 0px 0px 12px #730101;
    text-align: center;
    font-size: 16px;
    transition: color 300ms ease, text-shadow 300ms ease;
}

/* description */
.pp-cc-description,.pp-cc-description p {
    font-family: cardo, serif;
    color: #ff6b6b;
    transition: color 300ms ease;
}

/* star line */
.pp-cc-star-line{
    display: flex;
    grid-area: 3 / 2 / 4 / 3;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 175px;
    position: relative;
    border-top: 2px solid black;
    margin-top: -24px;
    transition: border-color 300ms ease;
}
.pp-cc-star-line::before,.pp-cc-star-line::after {
    content: '✦';
    position: absolute;
    font-size: 20px;
    transform: translateY(-20%);
    color: black;
    text-shadow: 0px 0px 4px black;
    transition: color 300ms ease, text-shadow 300ms ease;
}
.pp-cc-star-line::before { left: 25%; }.pp-cc-star-line::after { 
  right: 25%; 
  }
  .pp-cc-star {
    right: 28%;
    filter: brightness(0);
    transition: filter 300ms ease;
}

/* tags */
.pp-cc-tags-item {
    border: none;
    font-family: cardo, serif;
    color: #ff6b6b;
}
.pp-cc-tags-item:hover {
    border: none;
    color: #730101;
}

/* footer bars */
.css-1c9wmts, .css-10cv7r2 {
    background: #2a0000;
    transition: background 300ms ease;
}
.pp-cc-tokens-count,
.pp-cc-chats-count,
.pp-cc-chats svg {
    color: #ff6b6b;
    fill: #ff6b6b;
    transition: color 300ms ease, fill 300ms ease;
}
.pp-cc-tokens-count {
    font-size: 0.7rem;
    text-align: center;
    font-family: cardo, serif;
    font-weight: bold;
}

/* ===== HOVER ===== */

/* main botcard color */
.pp-cc-wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 15px 5px #730101;
}
.pp-cc-wrapper:hover,.pp-cc-wrapper:hover .pp-cc-gradient-1,.pp-cc-wrapper:hover .pp-cc-gradient-2,.pp-cc-wrapper:hover .pp-cc-gradient-3,.pp-cc-wrapper:hover>*:not(.css-1s5evre){
    background: white !important;
}

/* free my spirit */
.pp-cc-wrapper::after {
    content: 'Free my spirit?';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    text-align: center;
    font-family: cinzel, serif;
    font-size: 11px;
    color: white;
    opacity: 0;
    transition: opacity 300ms ease;
}
.pp-cc-wrapper:hover::after { opacity: 1; }

/* bot name */
.pp-cc-wrapper:hover .pp-cc-name {
    color: #730101;
    text-shadow: none;
}

/* description */
.pp-cc-wrapper:hover .css-199gcrh,.pp-cc-wrapper:hover .pp-cc-description,.pp-cc-wrapper:hover .pp-cc-description p {
    color: #730101;
}

/* star line */
.pp-cc-wrapper:hover .pp-cc-star-line { 
  border-top-color: #730101; 
}
.pp-cc-wrapper:hover .pp-cc-star-line::before,.pp-cc-wrapper:hover .pp-cc-star-line::after {
    color: #730101;
    text-shadow: 0px 0px 4px #730101;
}
.pp-cc-wrapper:hover .pp-cc-star {
    filter: brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(1500%) hue-rotate(355deg) brightness(80%);
}

/* footer bars */
.pp-cc-wrapper:hover .css-1c9wmts,.pp-cc-wrapper:hover .css-10cv7r2 {
  background: #e0e0e0; 
}
.pp-cc-wrapper:hover .pp-cc-tokens-count,.pp-cc-wrapper:hover .pp-cc-chats-count,.pp-cc-wrapper:hover .pp-cc-chats svg {
    color: #730101;
    fill: #730101;
}

/* limitless tag */
.pp-cc-wrapper:hover .pp-tag-limitless::before,
.pp-cc-wrapper:hover .pp-tag-limitless::after {
    color: #730101;
    text-shadow: none;
}
.pp-cc-wrapper:hover .pp-tag-limitless::before { opacity: 0; }
.pp-cc-wrapper:hover .pp-tag-limitless::after { opacity: 1; }

/* image outline */
.pp-cc-wrapper:hover .css-1q7rmf0::before { background: #730101; }

/* image gradient */
.pp-cc-wrapper:hover .css-1q7rmf0::after {
    background: linear-gradient(to top, white, transparent);
}

/* ===== BOT IMAGE ===== */
.css-1q7rmf0 {
    grid-area: 1 / 1 / 6 / 2;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    position: relative;
    z-index: 1;
}
.pp-cc-avatar {
    border-radius: 0;
    clip-path: path('M 87.5 0 C 67 14 0 40 0 116 L 0 320 L 175 320 L 175 116 C 175 40 108 14 87.5 0 Z');
    width: 175px;
    height: 320px;
    object-fit: cover;
    position: relative;
    z-index: 2;
}
.css-1q7rmf0::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -3px;
    width: 179px;
    height: 326px;
    background: white;
    clip-path: path('M 89.5 0 Q -8 55 -2 118 L -2 326 L 179 326 L 179 118 Q 187 55 89.5 0 Z');
    z-index: 1;
    transition: background 300ms ease;
}
.css-1q7rmf0::after {
    content: '';
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 175px;
    height: 150px;
    background: linear-gradient(to top, #410101, transparent);
    z-index: 3;
    transition: background 300ms ease;
}

/* ===== BOT NAME ===== */
.css-nlxhw4 {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 175px;
    z-index: 2;
    padding: 4px 6px;
}

/* ===== DESCRIPTION ===== */
.css-199gcrh{
    grid-area: 2 / 2 / 3 / 3;
    margin: 0;
    max-height: 100px;
    height: 100%;
    overflow: hidden;
    padding-top: 6px;
}

/* ===== TAGS ===== */
.pp-cc-tags{
    grid-area: 4 / 2 / 5 / 3;
    margin-bottom: 0;
    padding-bottom: 0;
    max-height: 120px;
    height: 100%;
    overflow: hidden auto;
}
.css-k1urot{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 4px;
}
.pp-cc-tags-wrap{ 
  max-width: 100%; box-sizing: border-box; 
}
.css-k1urot span{
    display: block;
    width: 100%;
    max-width: 75px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
}
.pp-cc-tags-regular::first-letter { /* thank u tigerdropped */
  font-size: 0; 
}
.pp-tag-deaddove { 
  font-size: 0; 
}
.pp-tag-deaddove::after {
    content: "Dead Dove";
    font-size: 0.75rem;
}

/* ===== LIMITLESS TAG ===== */
.pp-cc-tags-wrap:has(.pp-tag-limitless) { 
  grid-column: 1 / 3; width: 100%; 
}

.pp-tag-limitless {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background: transparent;
    border: transparent;
    font-size: 0;
    position: relative;
}
.pp-cc-tags-wrap:has(.pp-tag-limitless) span {
    max-width: 100%;
    overflow: visible;
    white-space: normal;
}
.pp-tag-limitless::before {
    content: 'Haunted Soul';
    font-size: 16px;
    font-family: cinzel, serif;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 1;
    transition: opacity 400ms ease, color 300ms ease, text-shadow 300ms ease;
    color: white;
    text-shadow: 0px 0px 6px #730101, 0px 0px 12px #730101;
}
.pp-tag-limitless::after {
    content: '18+ Only';
    font-size: 16px;
    font-family: cinzel, serif;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 400ms ease, color 300ms ease, text-shadow 300ms ease;
    color: white;
    text-shadow: 0px 0px 6px #730101, 0px 0px 12px #730101;
}

/* ===== FOOTER BARS ===== */
.css-1c9wmts {
    grid-area: 5 / 2 / 6 / 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    left: unset;
    right: unset;
    padding: 4px 0;
    box-sizing: border-box;
}
.css-10cv7r2 {
    grid-area: 5 / 1 / 6 / 2;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    padding: 4px 0;
    box-sizing: border-box;
}
.pp-cc-ribbon {
    filter: none;
    position: relative;
    inset: auto;
}
.pp-cc-ribbon-wrap {
    clip-path: none;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

/* ===== HIDDEN ELEMENTS ===== */
.pp-cc-creator-name,.css-1wqmh16,.css-nip9dx img,.css-xrg4vd img,.css-1awld45,.css-1cui3us,.css-5v5qgx img,.css-itvw0n,.css-1henxb,.css-8828od svg {
    display: none;
}

</style>