<!--
DEAD AIR BURGUNDY PROFILE TEMPLATE v1
signature: aceenvw
for: editable JanitorAI profiles
concept: a quiet, brooding pixel-minimalist profile showcase

START HERE
1. Edit the handle, status, biography, facts, and hashtags below.
2. Replace creator handles and links; duplicate or remove whole dair-friend anchors.
3. Name, avatar, followers, and follow controls come from JAI. Set your page background to the page color below.
4. Edit header text and popup styles in SITE HEADER.
5. Edit icon shapes in PIXEL TAGS; keep the 18px canvas.

FONTS
Silkscreen and Pixelify Sans are included in JAI's available font list.

COLORS
page #210709
surface #350E13
raised surface #45151C
line #7B303B
main text #FAE8E7
quiet text #DDB1B4

PREFIX: dair
-->

<!-- STATUS: replace the text inside dair-status-text. -->
<section class="dair-card dair-YWNlZW52dw">
<div class="dair-status">
<span class="dair-status-dot" aria-hidden="true"></span>
<span class="dair-status-text">your status or a short update</span>
</div>

<!-- HANDLE: replace YOUR_HANDLE; keep or remove the @. -->
<p class="dair-handle">@YOUR_HANDLE</p>

<!-- BIOGRAPHY: replace with a short introduction. -->
<p class="dair-bio">your bio goes here. add a short introduction, what you create, your interests, or anything visitors should know.</p>

<!-- FACTS: replace the answers; duplicate or remove whole dair-fact blocks. -->
<div class="dair-facts">
<div class="dair-fact"><span>timezone</span> <strong>YOUR TIMEZONE</strong></div>
<div class="dair-fact"><span>currently</span> <strong>YOUR CURRENT PROJECT</strong></div>
<div class="dair-fact"><span>mood</span> <strong>YOUR MOOD</strong></div>
</div>

<!-- TAGS: replace the hashtags; avoid spaces within each tag. -->
<div class="dair-tags" aria-label="Profile tags">
<span>#yourinterest</span>
<span>#yourcontent</span>
<span>#yourtag</span>
</div>

<section class="dair-friends">
<div class="dair-friends-list">
<span class="dair-friends-label">creators:</span>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_01</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_02</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_03</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_04</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_05</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_06</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_07</span>
</a>
<a class="dair-friend" href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">
<span class="dair-friend-handle">@FRIEND_08</span>
</a>
</div>
</section>
</section>

<!-- THEME CREDIT: keep this author link visible. -->
<div class="dair-credit">css by <a href="https://janitorai.com/profiles/895c6c07&#45;6a53&#45;4420&#45;bff5&#45;b874db870b32_profile-of-aceenvw" rel="noopener noreferrer" target="_blank">ace!</a></div>

<style>
/* 01 PAGE FOUNDATION
Customize the canvas and selection colors below. */
::selection {
background: #FAE8E7;
color: #210709;
}

html {
overflow-x: hidden;
background: #210709;
}

body {
min-height: 100dvh;
overflow: visible;
background: #210709 !important;
color: #FAE8E7 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 14px;
line-height: 1.7;
}

body::before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background: repeating-linear-gradient(0deg, rgba(255, 247, 243, 0.012) 0 1px, transparent 1px 4px);
}

a,
a:visited {
color: #F5DEDE;
text-decoration-color: #A15F69;
text-underline-offset: 4px;
transition: color 140ms ease, border-color 140ms ease, background-color 140ms ease;
}

a:hover,
a:active {
color: #FFF7F3 !important;
}

a:focus-visible {
outline: 2px solid #FFF7F3 !important;
outline-offset: 3px;
}

strong,
b {
color: #FFF7F3;
font-weight: 400;
}

/* 02 JAI PROFILE SHELL
Keep these resets for the full-width layout. */
.profile-page-flex {
position: relative;
z-index: 1;
flex-direction: column !important;
width: 100% !important;
min-height: 100dvh;
}

.profile-page-container,
.profile-page-container-flex-box,
.pp-uc-background,
.profile-uc-background,
.profile-uc-background-flex,
.profile-info-wrapper-box {
min-height: 0 !important;
width: 100% !important;
max-width: none !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
transform: none !important;
}

.profile-page-container,
.pp-uc-background,
.profile-uc-background,
.profile-uc-background-flex {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}

.pp-uc-background:hover,
.profile-uc-background-flex:hover,
.profile-info-wrapper-box:hover {
background: transparent !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
}

.profile-background-box-1,
.profile-background-box-2,
.profile-background-box-3 {
display: none !important;
}

.profile-info-wrapper-box {
position: relative;
z-index: 2 !important;
overflow: visible !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
}

.profile-info-hstack,
.profile-info-stack-inner,
.pp-uc-about-me,
.profile-about-me {
display: contents !important;
}

/* 03 FULL-BLEED IDENTITY GRID
Customize profile spacing, avatar size, and column widths below. */
.profile-info-stack {
display: grid !important;
grid-template-columns: 112px minmax(0, 1fr);
grid-template-areas:
"avatar title"
"avatar followers"
"avatar profile"
"avatar actions"
"credit credit";
gap: 8px 20px;
align-content: start;
align-items: start;
width: 100%;
max-width: none;
min-height: 0;
min-width: 0;
margin: 0;
padding: clamp(28px, 5vw, 64px) clamp(28px, 7vw, 92px) 24px;
box-sizing: border-box;
position: relative;
isolation: isolate;
z-index: 2 !important;
overflow: visible !important;
background: transparent;
border: 0;
border-bottom: 1px solid transparent;
border-radius: 0;
box-shadow: none;
}

/* 03a CONTENT BACKDROP
Adjust inset for space around the profile; grid bounds preserve text width. */
.profile-info-stack::before {
content: "";
position: absolute;
grid-area: 1 / 1 / -1 / -1;
inset: -12px;
z-index: -1;
pointer-events: none;
box-sizing: border-box;
background: #350E13;
border-bottom: 1px solid #7B303B;
}

.pp-uc-avatar-container,
.profile-avatar-container {
grid-area: avatar;
width: 112px !important;
height: 112px !important;
margin: 0 !important;
align-self: start;
}

.pp-uc-avatar,
.profile-avatar {
display: block !important;
width: 112px !important;
height: 112px !important;
object-fit: cover !important;
border: 0 !important;
border-radius: 7px !important;
background: #45151C !important;
box-shadow: none !important;
filter: grayscale(1) contrast(1.03);
}

/* NAME AND BADGES: adjust the row gap and native badge sizes here. */
.profile-info-stack-inner-flex {
grid-area: title;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 6px !important;
width: 100%;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}

.pp-uc-title,
.profile-title-heading {
grid-area: title;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
color: #FCEFEC !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: clamp(1.25rem, 3vw, 1.8rem) !important;
font-weight: 400 !important;
line-height: 1.25 !important;
letter-spacing: -0.03em;
text-align: left !important;
text-shadow: none !important;
overflow-wrap: anywhere;
}

.pp-uc-followers-count,
.profile-followers-count {
display: flex !important;
grid-area: followers;
align-items: baseline;
gap: 6px;
margin: 0 !important;
padding: 0 0 3px !important;
color: #D8AAAE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.68rem !important;
font-weight: 400 !important;
line-height: 1.5;
letter-spacing: 0.02em;
text-align: left !important;
text-transform: lowercase;
}

.pp-uc-followers-count > span:first-of-type,
.profile-followers-count > span:first-of-type {
color: #FAE8E7 !important;
font-size: 0.78rem !important;
font-weight: 400 !important;
}

.pp-uc-member-since,
.profile-member-since-box,
.profile-badges {
display: none !important;
}

/* Keep the name color above for every membership level. */
:is(.pp-uc-title, .profile-title-heading),
:is(.pp-uc-title, .profile-title-heading) :is(span, .plus-shiny-username) {
background: none !important;
background-clip: border-box !important;
-webkit-background-clip: border-box !important;
-webkit-text-fill-color: currentColor !important;
animation: none !important;
filter: none !important;
text-shadow: none !important;
}

:is(.pp-uc-title, .profile-title-heading) :is(span, .plus-shiny-username) {
color: inherit !important;
font: inherit !important;
letter-spacing: inherit !important;
text-align: inherit !important;
}

:is(.pp-uc-title, .profile-title-heading) .plus-shiny-username {
display: inline !important;
position: static !important;
inset: auto !important;
transform: none !important;
}

.profile-info-stack-inner-flex > :is(.profile-verified-box, .profile-janitor-plus-box) {
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
flex: 0 0 18px !important;
width: 18px !important;
height: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
inset: auto !important;
transform: none !important;
overflow: visible !important;
}

.profile-info-stack-inner-flex :is(.profile-verified-box, .profile-janitor-plus-box) > span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
inset: auto !important;
transform: none !important;
line-height: 1 !important;
overflow: visible !important;
}

.profile-info-stack-inner-flex .profile-janitor-plus-box [class*="_wrapperPaired_"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
padding: 0 !important;
margin: 0 !important;
line-height: 1 !important;
}

.profile-info-stack-inner-flex .profile-verified-box svg,
.profile-info-stack-inner-flex .profile-janitor-plus-box > span > svg,
.profile-info-stack-inner-flex .profile-janitor-plus-box [class*="_wrapperPaired_"] svg {
display: block !important;
flex-shrink: 0;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
position: static !important;
transform: none !important;
}

.dair-card.dair-YWNlZW52dw {
display: grid;
grid-area: profile;
grid-template-columns: minmax(0, 1fr) auto;
gap: 10px 16px;
min-width: 0;
padding: 13px 0 15px;
border-top: 1px solid #712B35;
border-bottom: 1px solid #712B35;
}

.dair-status {
display: inline-flex;
align-items: center;
gap: 7px;
min-width: 0;
color: #E9C7C9;
font-size: 0.68rem;
line-height: 1.5;
text-transform: lowercase;
}

.dair-status-dot {
display: inline-block;
flex: 0 0 8px;
width: 8px;
height: 8px;
border: 1px solid #D4A2A7;
border-radius: 50%;
background: #6D2933;
}

.dair-handle {
margin: 0;
color: #D4A2A7;
font-size: 0.65rem;
line-height: 1.5;
text-align: right;
overflow-wrap: anywhere;
}

.dair-bio {
grid-column: 1 / -1;
margin: 0;
max-width: 62ch;
color: #F2D9D9;
font-size: 0.76rem;
line-height: 1.75;
text-wrap: pretty;
}

.dair-facts {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
min-width: 0;
margin-top: 2px;
font-family: Silkscreen, "Pixelify Sans", monospace !important;
}

.dair-fact {
min-width: 0;
max-width: 100%;
font-size: 0.62rem;
line-height: 1.7;
overflow-wrap: anywhere;
}

.dair-fact:not(:last-child)::after {
content: "·";
margin-left: 12px;
color: #DDB1B4;
}

.dair-fact span {
color: #DDB1B4;
font-family: inherit !important;
text-transform: lowercase;
}

.dair-fact strong {
min-width: 0;
color: #ECCCCE;
font: inherit;
overflow-wrap: anywhere;
}

.dair-tags {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
min-width: 0;
font-family: Silkscreen, "Pixelify Sans", monospace !important;
}

.dair-tags span {
min-width: 0;
max-width: 100%;
color: #DDB1B4;
font-family: inherit !important;
font-size: 0.62rem;
line-height: 1.7;
text-transform: lowercase;
overflow-wrap: anywhere;
}

/* 03b CREATORS
Adjust handle spacing below; links wrap on smaller screens. */
.dair-friends {
grid-column: 1 / -1;
min-width: 0;
margin-top: 4px;
padding-top: 12px;
border-top: 1px solid #712B35;
}

.dair-friends-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 8px;
}

.dair-card .dair-friends-list,
.dair-card .dair-friends-list .dair-friends-label,
.dair-card .dair-friends-list .dair-friend,
.dair-card .dair-friends-list .dair-friend-handle {
font: 400 0.6rem/1.5 Silkscreen, "Pixelify Sans", monospace !important;
letter-spacing: normal !important;
text-transform: none !important;
}

.dair-friends-label {
display: flex;
align-items: center;
min-height: 24px;
color: #DDB1B4;
}

.dair-friends .dair-friend {
display: flex;
align-items: center;
min-height: 24px;
max-width: 100%;
min-width: 0;
border-radius: 3px;
color: #DDB1B4;
text-align: center;
text-decoration: none;
transition: color 140ms ease;
}

.dair-friend-handle {
max-width: 100%;
overflow-wrap: anywhere;
}

.dair-friends .dair-friend:is(:hover, :focus-visible) {
color: #FAE8E7;
}

.dair-friends .dair-friend:focus-visible {
outline: 2px solid #FAE8E7;
outline-offset: 4px;
}

.profile-info-stack > :is(.pp-uc-about-me, .profile-about-me) + div {
grid-area: actions;
width: 100%;
min-width: 0;
margin: 0 !important;
padding: 2px 0 0 !important;
position: relative !important;
inset: auto !important;
}

.profile-info-stack:has(.css-9qctsi),
.profile-info-stack:has([class*="_btnPrimary_"][class*="_btn_"]),
.profile-info-stack:has(.chakra-button.css-1dzzvy6) {
margin-top: 40px;
}

.profile-info-stack > .css-9qctsi,
.profile-info-stack > [class*="_btnPrimary_"][class*="_btn_"],
.profile-info-stack > .chakra-button.css-1dzzvy6 {
position: absolute !important;
top: -36px !important;
right: clamp(12px, 7vw, 92px) !important;
z-index: 7 !important;
}

.profile-info-stack-inner > [class*="_btnPrimary_"][class*="_btn_"] {
position: absolute !important;
top: -36px !important;
right: calc(clamp(12px, 7vw, 92px) + 112px) !important;
z-index: 7 !important;
}

.profile-info-stack :is([class*="_btnPrimary_"][class*="_btn_"], .chakra-button.css-1dzzvy6) {
width: auto !important;
min-width: 0 !important;
min-height: 32px !important;
padding: 4px 10px !important;
border: 1px solid #8C4650 !important;
border-radius: 3px !important;
background: #45151C !important;
background-image: none !important;
color: #EFD4D4 !important;
box-shadow: none !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.6rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
text-transform: lowercase;
white-space: nowrap !important;
transform: none !important;
}

.profile-info-stack > :is(.pp-uc-about-me, .profile-about-me) + div > div:has(> :is(.profile-uc-follow-flex, .pp-uc-options-menu, .profile-uc-options-menu)) {
display: flex !important;
flex-flow: row wrap !important;
align-items: stretch !important;
gap: 7px !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
position: relative !important;
inset: auto !important;
}

.profile-uc-follow-flex {
display: flex !important;
flex: 1 1 160px !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}

.pp-uc-follow-button,
.profile-uc-follow-button {
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 44px !important;
margin: 0 !important;
padding: 6px 12px !important;
border: 1px solid #F7E3E2 !important;
border-radius: 3px !important;
background: #F7E3E2 !important;
background-image: none !important;
color: #26090C !important;
box-shadow: none !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.67rem !important;
font-weight: 400 !important;
line-height: 1.4 !important;
text-shadow: none !important;
text-transform: lowercase;
white-space: normal !important;
transform: none !important;
transition: background-color 140ms ease, color 140ms ease !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button)::before,
:is(.pp-uc-follow-button, .profile-uc-follow-button)::after {
content: none !important;
display: none !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button) :is(.pp-uc-follow-text, .profile-uc-follow-text) {
color: inherit !important;
font-family: inherit !important;
font-size: 0 !important;
line-height: inherit !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button) :is(.pp-uc-follow-text, .profile-uc-follow-text)::after {
content: "follow";
font-size: 0.67rem;
letter-spacing: 0.04em;
line-height: 1.4;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button)[data-following="true"],
:is(.pp-uc-follow-button, .profile-uc-follow-button)[aria-pressed="true"] {
border-color: #A15F69 !important;
background: #45151C !important;
color: #F2D9D9 !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button)[data-following="true"] :is(.pp-uc-follow-text, .profile-uc-follow-text)::after,
:is(.pp-uc-follow-button, .profile-uc-follow-button)[aria-pressed="true"] :is(.pp-uc-follow-text, .profile-uc-follow-text)::after {
content: "following";
}

:is(.pp-uc-follow-button, .profile-uc-follow-button)[data-following="true"]:hover,
:is(.pp-uc-follow-button, .profile-uc-follow-button)[aria-pressed="true"]:hover {
border-color: #DAADB0 !important;
background: #63242D !important;
color: #FFF7F3 !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button)[data-following="true"]:hover :is(.pp-uc-follow-text, .profile-uc-follow-text)::after,
:is(.pp-uc-follow-button, .profile-uc-follow-button)[aria-pressed="true"]:hover :is(.pp-uc-follow-text, .profile-uc-follow-text)::after {
content: "unfollow";
}

.pp-uc-follow-button:hover,
.profile-uc-follow-button:hover {
background: #FFF7F3 !important;
color: #0D0203 !important;
transform: none !important;
}

.pp-uc-options-menu,
.profile-uc-options-menu,
.chakra-menu__menu-button.pp-uc-options-menu {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 160px !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 44px !important;
padding: 6px 12px !important;
border: 1px solid #8C4650 !important;
border-radius: 3px !important;
background: #45151C !important;
color: #EFD4D4 !important;
box-shadow: none !important;
font-size: 0 !important;
transform: none !important;
}

.pp-uc-options-menu span,
.profile-uc-options-menu span,
.pp-uc-options-menu svg,
.profile-uc-options-menu svg {
display: none !important;
}

.pp-uc-options-menu::after,
.profile-uc-options-menu::after {
content: "options";
display: inline;
position: static;
color: inherit;
font-family: Silkscreen, Pixelify Sans, monospace;
font-size: 0.67rem;
line-height: 1.4;
text-transform: lowercase;
pointer-events: none;
}

.pp-uc-options-menu:hover,
.profile-uc-options-menu:hover {
border-color: #D19FA4 !important;
background: #531C24 !important;
color: #FFF7F3 !important;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button):disabled {
opacity: 0.55;
cursor: not-allowed;
}

:is(.pp-uc-follow-button, .profile-uc-follow-button, .pp-uc-options-menu, .profile-uc-options-menu):focus-visible {
outline: 2px solid #FFF7F3 !important;
outline-offset: 3px;
}

.dair-credit {
grid-area: credit;
margin: 12px 0 -8px;
color: #CB969B;
font-size: 0.54rem;
line-height: 1.5;
letter-spacing: 0.05em;
text-align: right;
text-transform: lowercase;
}

.dair-credit a {
color: #DAADB0;
}

/* 04 SITE HEADER
Customize utility-control sizing and colors below. */
.pp-top-bar-outer,
.profile-top-bar-flex-outer {
box-sizing: border-box;
width: 100%;
max-width: none;
padding-left: 0;
padding-right: 0;
}

.pp-top-bar,
.profile-top-bar,
.pp-top-header {
background: rgba(33, 7, 9, 0.96) !important;
border-bottom: 1px solid #6D2933 !important;
box-shadow: none !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #ECCCCE !important;
}

.pp-top-bar,
.profile-top-bar {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
max-width: none;
min-width: 0;
padding: 8px;
position: relative;
}

.pp-top-bar:has(> .pp-top-bar-left),
.profile-top-bar:has(> .profile-top-box-flex-inner) {
min-height: 60px;
justify-content: space-between;
gap: 12px;
}

.pp-top-bar-left,
.profile-top-box-flex-inner {
display: flex;
align-items: center;
flex: 0 0 auto;
min-width: 0;
}

.pp-top-bar-search-spacer-top,
.profile-top-box-search-input-spacer-top,
.pp-top-bar-search-spacer-bottom,
.profile-top-box-search-input-spacer-bottom {
display: none !important;
}

.pp-top-bar-right {
flex: 0 0 auto;
margin-left: 0;
}

.pp-top-bar-right > div {
display: flex;
align-items: center;
min-width: 0;
gap: 8px;
}

.profile-top-bar-logo-box {
min-width: 0;
}

/* 04a HOME LABEL
Edit the text below; keep the native logo nodes hidden. */
.pp-top-bar-logo,
.profile-top-bar-logo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: auto;
height: auto;
min-width: 0;
min-height: 44px;
padding: 0 8px;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
text-decoration: none !important;
}

.pp-top-bar-logo img,
.profile-top-bar-logo img,
.pp-top-bar-logo-name,
.profile-top-bar-logo-name,
.pp-top-bar-logo-sub-name,
.profile-top-bar-logo-sub-name,
.pp-top-bar-tabs,
.profile-top-bar-tabs {
display: none !important;
}

.pp-top-bar-logo::before,
.profile-top-bar-logo::before {
content: "dead air";
color: #F2D8D8;
font-family: Silkscreen, Pixelify Sans, monospace;
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.08em;
text-transform: lowercase;
}

.pp-top-bar-logo::after,
.profile-top-bar-logo::after {
content: "offline";
color: #CB959B;
font-family: Silkscreen, Pixelify Sans, monospace;
font-size: 0.5rem;
letter-spacing: 0.08em;
}

.pp-top-bar-logo:is(:hover, :focus-visible)::before,
.profile-top-bar-logo:is(:hover, :focus-visible)::before {
color: #FFF7F3;
}

.pp-top-bar-create-char,
.profile-top-bar-create-char,
:is(.pp-top-bar, .profile-top-bar) .glow-on-hover {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-height: 44px !important;
padding: 6px 12px !important;
border: 1px solid #863E49 !important;
border-radius: 3px !important;
background: #3F1218 !important;
box-shadow: none !important;
color: transparent !important;
font-size: 0 !important;
transform: none !important;
}

.pp-top-bar-create-char > svg,
.profile-top-bar-create-char > svg,
.pp-top-bar-create-char > span,
.profile-top-bar-create-char > span {
display: none !important;
}

.pp-top-bar-create-char::before,
.profile-top-bar-create-char::before,
:is(.pp-top-bar, .profile-top-bar) .glow-on-hover::before {
content: none !important;
}

.pp-top-bar-create-char::after,
.profile-top-bar-create-char::after,
:is(.pp-top-bar, .profile-top-bar) .glow-on-hover::after {
content: "create" !important;
position: static !important;
display: inline !important;
background: none !important;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
font-weight: 400 !important;
text-transform: lowercase;
opacity: 1 !important;
}

.pp-top-bar-app-menu,
.profile-top-bar-app-menu,
.pp-top-bar-notifications-button,
.profile-top-bar-notifications-button,
[class*="notificationsButton_"] {
min-width: 44px !important;
min-height: 44px !important;
border: 1px solid #7F3540 !important;
border-radius: 3px !important;
background: #380F15 !important;
box-shadow: none !important;
color: #E7C4C5 !important;
}

.pp-top-bar-app-menu,
.profile-top-bar-app-menu {
transform: none !important;
animation: none !important;
transition: none !important;
}

.pp-top-bar-app-menu .chakra-avatar,
.profile-top-bar-app-menu .chakra-avatar {
display: none !important;
}

.pp-top-bar-app-menu > span,
.profile-top-bar-app-menu > span {
display: flex;
align-items: center;
justify-content: center;
}

.pp-top-bar-app-menu > span > div,
.profile-top-bar-app-menu > span > div {
width: 24px;
height: 24px;
background: #E7C4C5;
clip-path: polygon(16% 18%, 84% 18%, 84% 26%, 16% 26%, 16% 46%, 84% 46%, 84% 54%, 16% 54%, 16% 74%, 84% 74%, 84% 82%, 16% 82%);
}

.pp-top-bar-app-menu:is(:hover, :focus-visible) > span > div,
.profile-top-bar-app-menu:is(:hover, :focus-visible) > span > div {
background: #FFF7F3;
}

/* 04b HEADER SEARCH
Edit "search the archive..." and the input styles below. */
.profile-top-bar-search-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 1 1 280px;
width: auto !important;
min-width: 0;
max-width: 280px;
margin-left: auto;
padding: 0;
}

.pp-top-bar-search-box,
.profile-top-bar-search-box,
.pp-top-bar-search-form,
.pp-top-bar-search-form form {
width: 100%;
min-width: 0;
margin: 0;
}

.pp-top-bar-search-input-group,
.profile-top-bar-search-input-group {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
min-width: 0;
}

.pp-top-bar-search-input,
.profile-top-bar-search-input {
position: relative !important;
box-sizing: border-box;
flex: 1 1 0;
width: 100%;
min-width: 0;
background: #2E0B0F !important;
border: 1px solid #833A45 !important;
border-radius: 4px !important;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 12px !important;
box-shadow: inset 2px 2px 0 #210709 !important;
}

.pp-top-bar-search-input input,
.profile-top-bar-search-input input,
search-input {
box-sizing: border-box;
width: 100% !important;
min-width: 0;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 12px !important;
outline: none !important;
box-shadow: none !important;
}

search-input::placeholder,
.pp-top-bar-search-input input::placeholder,
.profile-top-bar-search-input input::placeholder {
color: transparent !important;
}

.pp-top-bar-search-input:after,
.profile-top-bar-search-input:after {
content: "search the archive...";
position: absolute;
left: 44px;
right: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
top: 50%;
transform: translateY(-50%);
color: #CF9BA0;
font-family: Silkscreen, Pixelify Sans, monospace;
font-size: 10px;
pointer-events: none;
transition: opacity 160ms ease, visibility 0s linear 160ms !important;
}

.pp-top-bar-search-input:focus-within:after,
.profile-top-bar-search-input:focus-within:after,
.pp-top-bar-search-input:has(input:not(:placeholder-shown)):after,
.profile-top-bar-search-input:has(input:not(:placeholder-shown)):after,
.pp-top-bar-search-input:has(search-input:not(:placeholder-shown)):after,
.profile-top-bar-search-input:has(search-input:not(:placeholder-shown)):after {
opacity: 0 !important;
visibility: hidden !important;
}

.pp-top-bar-search-input input:not(:placeholder-shown),
.profile-top-bar-search-input input:not(:placeholder-shown),
.pp-top-bar-search-input input:focus,
.profile-top-bar-search-input input:focus,
search-input:not(:placeholder-shown),
search-input:focus {
color: #EFD4D4 !important;
}

.pp-top-bar-search-input:focus-within,
.profile-top-bar-search-input:focus-within {
border-color: #D19FA4 !important;
outline: 2px solid #FAE8E7;
outline-offset: 2px;
}

.pp-top-bar-search-right,
.profile-top-bar-search-wrapper kbd {
display: none !important;
}

.pp-top-bar-search-history,
[class*="historyItem_"] {
border: 1px solid #7B303B !important;
border-radius: 6px !important;
background: #300C10 !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.48) !important;
color: #E7C4C5 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

:is(.pp-top-bar-app-menu, .profile-top-bar-app-menu, .pp-top-bar-notifications-button, .profile-top-bar-notifications-button, [class*="notificationsButton_"]):is(:hover, :focus-visible) {
border-color: #D19FA4 !important;
background: #511B23 !important;
color: #FFF7F3 !important;
}

:is(.pp-top-bar-notifications-button, .profile-top-bar-notifications-button, [class*="notificationsButton_"]) svg {
color: inherit !important;
}

.pp-top-bar-notifications-badge,
.profile-top-bar-notifications-badge,
[class*="notificationsBadge_"] {
border: 1px solid #210709 !important;
background: #FAE8E7 !important;
color: #210709 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

/* 04c NOTIFICATIONS
Adjust popup width, portraits, and menu-style row spacing here. */
.pp-top-bar-notifications-popover,
.profile-top-bar-notifications-popover,
[class*="notificationsPopover"] {
box-sizing: border-box;
display: flex !important;
flex-direction: column;
gap: 3px;
padding: 0 !important;
width: min(360px, calc(100vw - 24px)) !important;
min-width: 0 !important;
max-width: calc(100vw - 24px) !important;
max-height: min(480px, calc(100dvh - 96px)) !important;
min-height: 0;
border: 0 !important;
border-radius: 4px !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #ECCCCE !important;
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 1rem;
line-height: 1.5;
animation: none !important;
transition: none !important;
z-index: 10000 !important;
overflow: hidden !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"])::before {
content: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="emptyState"], [class*="loadingState"]) {
border-color: #7F3540 !important;
background: rgba(53, 14, 19, 0.88) !important;
color: #E7C4C5 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="popoverHeader"] {
display: flex;
flex-flow: row wrap;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 5px 8px !important;
background: rgba(53, 14, 19, 0.88) !important;
border: 1px solid #7F3540 !important;
border-radius: 4px;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="headerActions"] {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 4px;
min-width: 0;
}

/* VIEW ALL: adjust the link's solid surface and text here. */
:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover) > :is(.pp-top-bar-notifications-view-all, .profile-top-bar-notifications-view-all) {
box-sizing: border-box;
display: flex !important;
flex: 0 0 auto;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 32px;
margin: 0 !important;
padding: 6px 10px !important;
border: 1px solid #7F3540 !important;
border-radius: 3px !important;
background: #45151C !important;
color: #FAE8E7 !important;
-webkit-text-fill-color: currentColor !important;
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 0.875rem !important;
line-height: 1.4;
text-align: center;
text-decoration: none !important;
overflow-wrap: anywhere;
opacity: 1 !important;
filter: none !important;
box-shadow: none !important;
text-shadow: none !important;
transition: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover) > :is(.pp-top-bar-notifications-view-all, .profile-top-bar-notifications-view-all):is(:hover, :focus-visible) {
background: #5B2029 !important;
border-color: #D19FA4 !important;
color: #FFF7F3 !important;
}

/* LIST: keep scrolling here so header actions stay reachable. */
:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="notificationsList"] {
display: flex;
flex-direction: column;
gap: 3px;
flex: 1 1 auto;
min-height: 0;
min-width: 0;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
max-height: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="notificationItem"] {
position: relative;
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
align-items: flex-start;
gap: 8px;
padding: 8px !important;
margin: 0 !important;
min-width: 0;
border: 1px solid #7F3540 !important;
border-radius: 4px !important;
background: rgba(53, 14, 19, 0.88) !important;
box-shadow: none !important;
transition: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="popoverTitle"] {
color: #FCEDEB !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.6875rem !important;
line-height: 1.5;
margin: 0;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="contentWrapper"], [class*="subject"], [class*="body"], [class*="loadingMessage"], [class*="emptyStateMessage"], [class*="notificationTitle"], [class*="notificationMessage"]) {
background: transparent !important;
color: #ECCCCE !important;
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 0.9375rem !important;
line-height: 1.4 !important;
text-shadow: none !important;
-webkit-text-fill-color: currentColor !important;
overflow-wrap: anywhere;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="contentWrapper"] {
flex: 1 1 0;
min-width: 0;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
opacity: 1 !important;
filter: none !important;
box-shadow: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="notificationItem"]:has(:is([class*="contentWrapperUnread"], [class*="subjectUnread"])) {
background: rgba(75, 24, 31, 0.94) !important;
border-color: #A15F69 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="subjectUnread"], [class*="emptyStateTitle"]) {
color: #FCEDEB !important;
font-weight: 600;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="timestamp"], [class*="highlightUsername"]) {
color: #E3BCBE !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="timestamp"], [class*="notificationTime"]) {
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 0.8125rem !important;
color: #E3BCBE !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="emptyState"], [class*="loadingState"]):not([class*="Title"]):not([class*="Message"]):not([class*="Icon"]) {
padding: 24px 16px !important;
text-align: center;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="highlightCharacter"] {
color: #FCEDEB !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="notificationItem"]):is(:hover, :focus-within) {
background: rgba(81, 27, 35, 0.94) !important;
border-color: #D19FA4 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="unreadIndicator"], [class*="loadingSpinner"]) {
color: #FAE8E7 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="unreadIndicator"] {
background: #FAE8E7 !important;
box-shadow: none !important;
position: absolute;
top: 4px;
left: 4px;
bottom: auto;
width: 5px;
height: 5px;
border-radius: 0 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="loadingSpinner"] {
border-color: #7B303B !important;
border-top-color: #FAE8E7 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="avatarSection"] {
flex: 0 0 48px;
min-width: 0;
width: 48px;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="avatarContainer"] {
position: relative;
flex: 0 0 48px;
width: 48px;
min-width: 48px;
height: 48px;
opacity: 1 !important;
filter: none !important;
transform: none !important;
transition: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="characterAvatar"], [class*="userAvatar"]) {
box-sizing: border-box;
object-fit: cover;
border: 1px solid #96515B !important;
border-radius: 3px !important;
filter: grayscale(1) !important;
transform: none !important;
box-shadow: none !important;
transition: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="characterAvatar"] {
width: 48px !important;
height: 48px !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="userAvatar"] {
width: 20px !important;
min-width: 0 !important;
height: 20px !important;
}

/* ARCHIVE: keep visible for touch and keyboard access. */
:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="archiveSection"] {
position: static !important;
flex: 0 0 auto;
align-self: center;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="loadMoreWrapper"] {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) [class*="loadMoreButton"] {
width: 100%;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"], :where([class*="modalContent"]:has([class*="modalWarningText"]))) button {
min-width: 44px;
min-height: 44px;
padding: 6px 10px !important;
border: 1px solid #8C4650 !important;
border-radius: 3px !important;
background: #45151C !important;
box-shadow: none !important;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.6875rem !important;
transform: none !important;
transition: none !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) button {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 32px !important;
min-height: 32px !important;
padding: 5px !important;
border-color: transparent !important;
background: transparent !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) button svg {
display: block;
flex: 0 0 18px;
width: 18px !important;
height: 18px !important;
color: inherit !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) :is([class*="headerActions"] button, button[class*="archiveButton"]) {
width: 32px !important;
height: 32px !important;
flex: 0 0 32px;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) button[class*="loadMoreButton"] {
min-height: 36px !important;
padding: 7px 12px !important;
border-color: #7B303B !important;
background: rgba(53, 14, 19, 0.88) !important;
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 0.9375rem !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) button:disabled {
opacity: 0.55;
cursor: default;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"], [class*="modalContent"]:has([class*="modalWarningText"])) button:not(:disabled):hover {
border-color: #D19FA4 !important;
background: #5B2029 !important;
color: #FFF7F3 !important;
}

:is(.pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"], [class*="modalContent"]:has([class*="modalWarningText"])) :is(button, a):focus-visible {
outline: 2px solid #FFF7F3 !important;
outline-offset: -2px;
}

[class*="modalContent"]:has([class*="modalWarningText"]) {
box-sizing: border-box;
min-width: 0 !important;
max-width: calc(100vw - 24px) !important;
border: 1px solid #944E59 !important;
border-radius: 4px !important;
background: #350E13 !important;
box-shadow: 8px 8px 0 #1A0507 !important;
color: #ECCCCE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

[class*="modalContent"]:has([class*="modalWarningText"]) :is([class*="modalHeader"], [class*="modalBody"], [class*="modalFooter"], [class*="modalWarningText"], [class*="modalTitle"]) {
border-color: #7B303B !important;
background: transparent !important;
color: #ECCCCE !important;
font-family: inherit !important;
}

.chakra-portal:has(.pp-top-bar-app-menu-list, .profile-top-bar-app-menu-list, #menu-list-public-profile-block-menu, .pp-uc-options-menu-item, .profile-uc-options-menu-item, .pp-top-bar-notifications-popover, .profile-top-bar-notifications-popover, [class*="notificationsPopover"]) {
z-index: 10000 !important;
}

/* 04d APP MENU
Adjust row spacing and colors; keep dividers hidden. */
.pp-top-bar-app-menu-list-item[href*="/plus"],
.profile-top-bar-app-menu-list-item[href*="/plus"],
.pp-top-bar-app-menu-list hr,
.profile-top-bar-app-menu-list hr {
display: none !important;
}

.pp-top-bar-app-menu-list,
.profile-top-bar-app-menu-list {
box-sizing: border-box;
width: 190px;
min-width: 0;
max-width: calc(100vw - 24px);
height: auto;
max-height: calc(100dvh - 88px);
padding: 0 !important;
overflow-x: hidden;
overflow-y: auto;
border: 0 !important;
border-radius: 4px !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
transform: none !important;
animation: none !important;
transition: none !important;
}

/* POSITIONING: preserve the wrapper transform used by JAI. */
div:has(> .pp-top-bar-app-menu-list),
div:has(> .profile-top-bar-app-menu-list) {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
animation: none !important;
transition: none !important;
}

.pp-top-bar-app-menu-list > div,
.profile-top-bar-app-menu-list > div {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 3px;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
background: transparent !important;
box-shadow: none !important;
}

.pp-top-bar-app-menu-list-item,
.profile-top-bar-app-menu-list-item {
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
width: 100%;
min-width: 0;
min-height: 36px;
margin: 0;
padding: 7px 10px !important;
border: 1px solid #7F3540 !important;
border-radius: 4px;
background: rgba(53, 14, 19, 0.88) !important;
box-shadow: none !important;
color: #EAC9CB !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
line-height: 1.5;
white-space: normal;
overflow-wrap: anywhere;
text-decoration: none !important;
transform: none !important;
animation: none !important;
transition: none !important;
}

.pp-top-bar-app-menu-list-item svg,
.profile-top-bar-app-menu-list-item svg {
flex: 0 0 16px;
width: 16px;
height: 16px;
color: #DAADB0;
}

.pp-top-bar-app-menu-list-item:is(:hover, :focus, :active, [data-focus], [data-hover]),
.profile-top-bar-app-menu-list-item:is(:hover, :focus, :active, [data-focus], [data-hover]) {
border-color: #D19FA4 !important;
background: rgba(81, 27, 35, 0.94) !important;
color: #FFF7F3 !important;
}

.pp-top-bar-app-menu-list-item:focus-visible,
.profile-top-bar-app-menu-list-item:focus-visible {
outline: 1px solid #FFF7F3 !important;
outline-offset: -2px;
box-shadow: none !important;
}

/* PROFILE OPTIONS: keep the popup above surrounding content. */
.chakra-portal:has(.pp-uc-options-menu-list, .profile-uc-options-menu-list) {
position: relative;
z-index: 10000 !important;
}

div:has(> .pp-uc-options-menu-list),
div:has(> .profile-uc-options-menu-list) {
z-index: 10000 !important;
}

.pp-uc-options-menu-list,
.profile-uc-options-menu-list,
#menu-list-public-profile-block-menu,
.chakra-menu__menu-list:has(.pp-uc-options-menu-item, .profile-uc-options-menu-item) {
position: relative;
z-index: 10000 !important;
border: 1px solid #853D47 !important;
border-radius: 4px !important;
background: #350E13 !important;
box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.5) !important;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

.pp-uc-options-menu-item,
.profile-uc-options-menu-item,
#menu-list-public-profile-block-menu .chakra-menu__menuitem {
display: flex;
align-items: center;
min-height: 44px;
padding: 9px 11px !important;
background: #350E13 !important;
color: #EAC9CB !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
}

.pp-uc-options-menu-item:hover,
.profile-uc-options-menu-item:hover,
#menu-list-public-profile-block-menu .chakra-menu__menuitem:hover,
#menu-list-public-profile-block-menu .chakra-menu__menuitem:focus {
background: #511B23 !important;
color: #FFF7F3 !important;
}

.pp-uc-options-menu-item:focus-visible,
.profile-uc-options-menu-item:focus-visible,
#menu-list-public-profile-block-menu .chakra-menu__menuitem:focus-visible {
outline: 2px solid #FFF7F3 !important;
outline-offset: -2px;
}

/* 05 TABS, FILTERS, AND PAGINATION
Customize character-toolbar spacing, controls, and page buttons below. */
.chakra-tabs__tablist,
.pp-tabs-wrapper,
.profile-tabs-wrapper,
.css-vaypm2 {
display: none !important;
}

.pp-tabs-wrapper,
.profile-tabs-wrapper,
.profile-filters-flex-inner,
.profile-pagination-flex-outer {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: clamp(14px, 4vw, 48px) !important;
padding-right: clamp(14px, 4vw, 48px) !important;
box-sizing: border-box;
color: #E7C4C5 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

.pp-tabs-wrapper,
.profile-tabs-wrapper {
margin-top: 26px !important;
border-bottom: 1px solid #752D38 !important;
}

.pp-tabs-button,
.profile-tabs-button {
min-height: 44px !important;
padding: 8px 12px !important;
border: 0 !important;
border-bottom: 1px solid transparent !important;
border-radius: 0 !important;
background: transparent !important;
color: #CE9AA0 !important;
box-shadow: none !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.65rem !important;
font-weight: 400 !important;
}

.pp-tabs-button:hover,
.profile-tabs-button:hover,
.pp-tabs-button:focus-visible,
.profile-tabs-button:focus-visible {
background: #45151C !important;
color: #F7E3E2 !important;
}

:is(.pp-tabs-button, .profile-tabs-button):disabled {
opacity: 0.45;
cursor: not-allowed;
}

.profile-tabs-chakra-tabs,
.pp-tabs-panels,
.profile-tabs-panels,
.profile-tab-panel,
.characters-list-container-flex {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
background: transparent !important;
}

.pp-tabs-indicator,
.profile-tabs-indicator {
height: 1px !important;
background: #F7E3E2 !important;
box-shadow: none !important;
}

.pp-tabs-button[aria-selected="true"],
.profile-tabs-button[aria-selected="true"],
.pp-tabs-button[data-selected],
.profile-tabs-button[data-selected] {
border-bottom-color: #F5DEDE !important;
color: #F7E3E2 !important;
}

.pp-fl-search-input,
.profile-character-search-input,
.pp-fl-filter-button,
.profile-filter-button,
.transparent .react-select__control,
.pp-pg-page-button,
.profile-pagination-prev-hstack button {
min-height: 44px !important;
border: 1px solid #7F3540 !important;
border-radius: 3px !important;
background: #380F15 !important;
box-shadow: none !important;
color: #E7C4C5 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
}

.pp-fl-search-input,
.profile-character-search-input {
box-sizing: border-box;
width: 100% !important;
min-width: 0 !important;
padding: 0 12px !important;
caret-color: #FFF7F3;
}

.pp-fl-search-input::placeholder,
.profile-character-search-input::placeholder {
color: #D2A0A5 !important;
opacity: 1;
}

.pp-fl-filter-button,
.profile-filter-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 44px !important;
width: 44px !important;
padding: 0 !important;
}

.profile-pagination-prev-hstack button,
.pp-pg-page-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-width: 44px !important;
padding: 6px 10px !important;
}

.pp-fl-filter-button :is(.pp-fl-filter-button-icon, .profile-filter-button-vsc-filter, svg),
.profile-filter-button :is(.pp-fl-filter-button-icon, .profile-filter-button-vsc-filter, svg) {
color: inherit !important;
fill: currentColor !important;
stroke: currentColor !important;
}

:is(.pp-fl-search-input, .profile-character-search-input):is(:hover, :focus-visible) {
border-color: #D19FA4 !important;
background: #45151C !important;
outline: 2px solid #FAE8E7;
outline-offset: 2px;
}

.transparent .react-select__menu {
border: 1px solid #7F3540 !important;
border-radius: 3px !important;
background: #380F15 !important;
box-shadow: 5px 5px 0 #1A0507 !important;
overflow: hidden;
}

.transparent .react-select__option {
background: #380F15 !important;
color: #DCAFB3 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
}

.transparent .react-select__option:hover,
.transparent .react-select__option--is-selected {
background: #5B2029 !important;
color: #FFF7F3 !important;
}

.pp-pg-total,
.profile-badge-flex-outer,
.character-list-pagination-flex .Btn2-purple {
border: 1px solid #7B303B !important;
border-radius: 3px !important;
background: #350E13 !important;
box-shadow: none !important;
color: #D8AAAE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.6rem !important;
}

.pp-pg-total::before,
.profile-badge-flex-outer::before {
background: none !important;
box-shadow: none !important;
color: inherit !important;
}

.pp-pg-page-button-active,
.profile-pagination-page-button-active {
border-color: #ECCCCE !important;
background: #F7E3E2 !important;
color: #24080A !important;
}

.character-list-pagination-flex,
.character-list-pagination-box,
.profile-filters-flex-outer,
.profile-filters-flex-inner-hassearchfilter,
.profile-filters-flex-inner-onorderchanged,
.profile-pagination-flex-outer,
.profile-pagination-prev-hstack,
.profile-pagination-flex-inner {
min-width: 0;
box-sizing: border-box;
}

.character-list-pagination-flex {
position: relative;
z-index: 1 !important;
display: flex !important;
flex-flow: row wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 8px clamp(14px, 4vw, 48px) 10px !important;
padding: 12px !important;
border: 1px solid #7B303B !important;
border-radius: 7px !important;
background: #2E0B0F !important;
box-shadow: inset 0 1px 0 #531C24, 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.character-list-pagination-flex > * {
box-sizing: border-box;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}

.character-list-pagination-flex > :has(.profile-filters-flex-outer) {
flex: 1 1 480px !important;
width: auto !important;
padding: 0 !important;
}

.character-list-pagination-flex :is(.profile-filters-flex-outer, .profile-filters-flex-inner) {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}

.character-list-pagination-flex .profile-filters-flex-inner-hassearchfilter {
display: flex !important;
align-items: center !important;
flex: 1 1 240px !important;
width: auto !important;
padding: 0 !important;
gap: 8px !important;
}

.profile-filters-flex-inner-hassearchfilter .profile-character-search-input-group {
box-sizing: border-box;
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
}

.character-list-pagination-flex .profile-filters-flex-inner-onorderchanged {
flex: 0 1 168px !important;
width: 168px !important;
padding: 0 !important;
}

.character-list-pagination-flex .profile-filters-flex-inner-onorderchanged .transparent {
box-sizing: border-box;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}

.character-list-pagination-box {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 1 auto;
width: auto;
padding: 4px !important;
border: 1px solid #6D2933 !important;
border-radius: 5px !important;
background: #24080A !important;
}

.character-list-pagination-box .profile-pagination-flex-outer {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}

.profile-filters-flex-inner,
.profile-pagination-flex-outer,
.profile-pagination-prev-hstack,
.profile-pagination-flex-inner {
display: flex !important;
flex-flow: row wrap !important;
align-items: center !important;
gap: 8px !important;
}

.profile-pagination-flex-outer:has(.profile-pagination-prev-hstack),
.character-list-pagination-box:has(.profile-pagination-prev-hstack) {
justify-content: center !important;
width: 100% !important;
}

.profile-pagination-flex-outer:has(.profile-pagination-prev-hstack) .profile-pagination-prev-hstack,
.character-list-pagination-box .profile-pagination-prev-hstack,
.profile-pagination-prev-hstack .profile-pagination-flex-inner {
justify-content: center !important;
margin-left: auto !important;
margin-right: auto !important;
}

.profile-character-search-input-group {
flex: 1 1 220px;
min-width: min(100%, 180px);
}

.transparent .react-select__value-container,
.transparent .react-select__single-value,
.transparent .react-select__placeholder,
.transparent .react-select__indicators,
.transparent .react-select__dropdown-indicator {
color: #E7C4C5 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

.transparent .react-select__indicator-separator {
background: #7F3540 !important;
}

.transparent .react-select__menu-list {
padding: 4px !important;
background: #380F15 !important;
}

.transparent .react-select__control--is-focused {
border-color: #DAADB0 !important;
outline: 2px solid #FAE8E7;
outline-offset: 2px;
}

.transparent .react-select__option--is-focused {
background: #511B23 !important;
color: #FFF7F3 !important;
}

:is(.pp-fl-filter-button, .profile-filter-button, .pp-pg-page-button, .profile-pagination-prev-hstack button):is(:hover, :focus-visible) {
border-color: #D19FA4 !important;
background: #511B23 !important;
color: #FFF7F3 !important;
}

:is(.pp-pg-page-button, .profile-pagination-prev-hstack button):disabled {
opacity: 0.42;
cursor: not-allowed;
}

.profile-filter-modal-modal-overlay,
[class*="modalOverlay"]:has(.profile-filter-modal-body-flex, [class*="modalWarningText"]) {
background: rgba(0, 0, 0, 0.78) !important;
backdrop-filter: blur(4px);
}

.chakra-portal:has(.pp-fl-modal, .profile-filter-modal-content) {
z-index: 10000 !important;
}

/* 05a FILTER DIALOG: adjust panel spacing and tag colors here. */
.pp-fl-modal,
.profile-filter-modal-content {
box-sizing: border-box;
display: flex !important;
flex-direction: column !important;
width: min(640px, calc(100vw - 24px)) !important;
min-width: 0 !important;
max-width: calc(100vw - 24px) !important;
max-height: calc(100dvh - 24px) !important;
margin: 12px auto !important;
padding: 0 !important;
gap: 0 !important;
border: 1px solid #944E59 !important;
border-radius: 4px !important;
background: #350E13 !important;
box-shadow: none !important;
color: #ECCCCE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
overflow: hidden;
}

.pp-fl-modal-header,
.profile-filter-modal-header {
flex: 0 0 auto;
min-width: 0;
padding: 16px 64px 16px 14px !important;
border-bottom: 1px solid #7B303B !important;
background: #45151C !important;
color: #F7E3E2 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.78rem !important;
line-height: 1.5;
}

.pp-fl-modal-body,
.profile-filter-modal-body {
box-sizing: border-box;
flex: 1 1 auto !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 12px 14px 14px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) button {
box-sizing: border-box;
min-width: 44px;
min-height: 44px;
padding: 7px 10px !important;
border: 1px solid #8C4650 !important;
border-radius: 3px !important;
background: #45151C !important;
box-shadow: none !important;
color: #EFD4D4 !important;
font-family: Pixelify Sans, Silkscreen, monospace !important;
font-size: 0.9375rem !important;
line-height: 1.4;
transition: none !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) button:not(:disabled):hover {
border-color: #D19FA4 !important;
background: #5B2029 !important;
color: #FFF7F3 !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) button:focus-visible {
outline: 2px solid #FFF7F3 !important;
outline-offset: -2px;
}

:is(.pp-fl-modal, .profile-filter-modal-content) :is(.pp-fl-modal-close, .profile-filter-modal-close) {
position: absolute;
top: 4px;
right: 6px;
width: 44px;
height: 44px;
padding: 0 !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) button:disabled {
opacity: 0.45;
cursor: default;
}

:is(.pp-fl-modal, .profile-filter-modal-content) svg {
color: inherit !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) svg path[stroke] {
stroke: currentColor !important;
}

.chakra-modal__content:has([class*="modalWarningText"]) {
max-width: calc(100vw - 24px) !important;
border: 1px solid #944E59 !important;
border-radius: 4px !important;
background: #350E13 !important;
box-shadow: 8px 8px 0 #1A0507 !important;
color: #ECCCCE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

.pp-fl-panel,
.profile-filter-modal-body-flex {
box-sizing: border-box;
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #ECCCCE !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
flex-direction: column !important;
gap: 12px !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) :is(.pp-fl-tags, .profile-filter-modal-body-tags-flex-box, .pp-fl-tags-filter, .profile-filter-tags-filter, .pp-fl-tags-list, .profile-filter-tags-list, .pp-fl-tags-container, .pp-fl-tags-list-container, .profile-filter-tags-container, .pp-fl-tags-scroll-wrapper, .profile-filter-tags-scroll-wrapper, .pp-fl-tags-scroll, .pp-fl-tags-list-scroll, .profile-filter-tags-scroll) {
box-sizing: border-box;
min-width: 0 !important;
max-width: 100% !important;
}

.pp-fl-tags,
.profile-filter-modal-body-tags-flex-box {
width: 100%;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) :is(.pp-fl-tags-list, .profile-filter-tags-list) {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 !important;
padding: 0 !important;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) :is(.pp-fl-tags-container, .pp-fl-tags-list-container, .profile-filter-tags-container) {
flex: 1 1 180px;
}

/* Keep native collapsed scrolling and expanded wrapping. */
:is(.pp-fl-panel, .profile-filter-modal-body-flex) :is(.pp-fl-tags-scroll, .pp-fl-tags-list-scroll, .profile-filter-tags-scroll) {
gap: 6px !important;
padding: 0 !important;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) :is(.pp-fl-tags-scroll, .pp-fl-tags-list-scroll, .profile-filter-tags-scroll) > div {
flex-shrink: 0;
}

:is(.pp-fl-modal, .profile-filter-modal-content) :is(.pp-fl-tags-expand, .pp-fl-tags-list-expand, .profile-filter-tags-expand, .pp-fl-tags-scroll-left, .profile-filter-tags-scroll-left, .pp-fl-tags-scroll-right, .profile-filter-tags-scroll-right) {
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}

.pp-fl-tags-heading,
.profile-filter-modal-body-tags-flex-box-heading {
margin: 0 0 10px !important;
color: #F7E3E2 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.72rem !important;
}

:is(.pp-fl-modal, .profile-filter-modal-content) :is(.pp-fl-tag-button, .profile-filter-tag-button)[data-selected="true"],
:is(.pp-fl-modal, .profile-filter-modal-content) button[class*="_tagSelected_"] {
border-color: #F5DEDE !important;
background: #F7E3E2 !important;
color: #24080A !important;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) [class*="_gradientLeft_"] {
background: linear-gradient(to left, transparent, #350E13 80%) !important;
pointer-events: none;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) [class*="_gradientRight_"] {
background: linear-gradient(to right, transparent, #350E13 80%) !important;
pointer-events: none;
}

:is(.pp-fl-panel, .profile-filter-modal-body-flex) [class*="_divider_"] {
border-color: #7B303B !important;
}

/* 06 CHARACTER CARDS
Customize the equal portrait and information columns below. */
:is(.pp-cc-wrapper, .profile-character-card-wrapper),
:is(.pp-cc-wrapper, .profile-character-card-wrapper)::before,
:is(.pp-cc-wrapper, .profile-character-card-wrapper)::after,
:is(.pp-cc-wrapper, .profile-character-card-wrapper) *,
:is(.pp-cc-wrapper, .profile-character-card-wrapper) *::before,
:is(.pp-cc-wrapper, .profile-character-card-wrapper) *::after {
animation: none !important;
transition: none !important;
}

.pp-cc-list-container,
.profile-character-card-list {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
gap: 12px !important;
width: 100% !important;
max-width: none !important;
min-width: 0;
margin: 0 !important;
padding: 14px clamp(14px, 4vw, 48px) 24px !important;
box-sizing: border-box;
overflow: visible !important;
}

.pp-cc-wrapper,
.profile-character-card-wrapper {
box-sizing: border-box;
position: relative;
flex: none !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-width: 0;
padding: 0 !important;
border: 1px solid #792F3A !important;
border-radius: 5px !important;
background: #350E13 !important;
box-shadow: 3px 3px 0 #1A0507 !important;
overflow: visible !important;
transform: none !important;
}

.pp-cc-wrapper:hover,
.profile-character-card-wrapper:hover {
transform: none !important;
}

/* 06a EVENT DECORATIONS
Keep these rules to hide seasonal artwork without hiding card content. */
:is(.pp-cc-wrapper, .profile-character-card-wrapper) > :is(.pp-cc-gradient-1, .pp-cc-gradient-2, .pp-cc-gradient-3),
:is(.pp-cc-wrapper, .profile-character-card-wrapper) > div:not(.profile-character-card-stack):has(~ .profile-character-card-stack),
:is(.pp-cc-wrapper, .profile-character-card-wrapper) > .profile-character-card-stack > :is(.profile-character-card-box, div:has(> :is(.pp-cc-tokens-count, .profile-character-card-tokens-count))) ~ * {
display: none !important;
}

.profile-character-card-stack {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas:
"portrait title"
"portrait description"
"portrait tags";
grid-template-rows: auto 1fr auto;
gap: 8px 14px !important;
width: 100%;
height: 100% !important;
min-height: 210px;
min-width: 0;
padding: 12px !important;
box-sizing: border-box;
background: transparent !important;
color: #ECCCCE;
font-family: Silkscreen, Pixelify Sans, monospace !important;
overflow: visible !important;
}

.profile-character-card-stack-link-component,
.profile-character-card-stack > a:first-of-type {
display: contents !important;
}

.profile-character-card-stack-link-component:is(:hover, :focus-visible) .pp-cc-name,
.profile-character-card-stack-link-component:is(:hover, :focus-visible) .profile-character-card-name-box {
color: #FFF7F3 !important;
text-decoration: underline;
text-underline-offset: 4px;
}

.profile-character-card-stack-link-component:focus-visible :is(.profile-character-card-stack-link-component-box, .profile-character-card-avatar-aspect-ratio) {
outline: 2px solid #FAE8E7 !important;
outline-offset: 2px;
}

.profile-character-card-stack > *,
.profile-character-card-stack-link-component > * {
min-width: 0;
margin: 0 !important;
}

.profile-character-card-stack-link-component-box {
grid-area: title;
min-width: 0;
padding: 7px 0 0 !important;
}

.pp-cc-creator-name,
.profile-character-card-creator-name-box,
.profile-character-card-creator-name-link {
display: none !important;
}

.pp-cc-name,
.profile-character-card-name-box {
color: #F9E6E5 !important;
text-shadow: none !important;
filter: none !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.8rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
text-align: left !important;
white-space: normal !important;
overflow-wrap: anywhere;
}

.profile-character-card-avatar-aspect-ratio {
grid-area: portrait;
position: relative !important;
inset: auto !important;
align-self: stretch;
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
min-height: 186px;
padding: 0 !important;
border: 1px solid #7B303B !important;
border-radius: 3px 0 0 3px !important;
background: #49171E !important;
overflow: hidden !important;
}

.pp-cc-avatar,
.profile-character-card-avatar-image {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 2px 0 0 2px !important;
filter: grayscale(1) contrast(1.04) !important;
}

:is(.pp-cc-wrapper, .profile-character-card-wrapper) :is(.pp-cc-avatar, .profile-character-card-avatar-image) {
transition: filter 140ms ease !important;
}

:is(.pp-cc-wrapper, .profile-character-card-wrapper):is(:hover, :focus-within) :is(.pp-cc-avatar, .profile-character-card-avatar-image) {
filter: grayscale(0) contrast(1.04) !important;
}

/* DESCRIPTION PREVIEW
Edit -webkit-line-clamp for line count and text-align for alignment. */
.profile-character-card-description-box {
grid-area: description;
min-width: 0;
height: auto !important;
max-height: none !important;
padding: 0 !important;
background: transparent !important;
align-self: center;
}

.pp-cc-description,
.profile-character-card-description-markdown-container {
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
max-height: none !important;
overflow: hidden;
color: #DBAEB2 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.61rem !important;
line-height: 1.65 !important;
text-align: center !important;
overflow-wrap: anywhere;
}

.pp-cc-description p,
.profile-character-card-description-markdown-container p {
margin: 0 !important;
color: inherit !important;
}

.pp-cc-description img,
.profile-character-card-description-markdown-container img {
max-width: 100%;
height: auto;
}

.pp-cc-tags,
.profile-character-card-tags {
grid-area: tags;
min-width: 0;
height: auto !important;
max-height: none !important;
padding: 7px 0 0 !important;
border-top: 1px solid #6B2832;
overflow: visible !important;
}

.pp-cc-tags ul,
.profile-character-card-tags ul {
display: flex !important;
flex-flow: row wrap !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none;
}

.pp-cc-tags li,
.profile-character-card-tags li,
:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-wrap, .pp-cc-tags-wrap-regular, .pp-cc-tags-wrap-custom, .profile-character-card-tags-wrap, .profile-character-card-tags-wrap-regular) {
display: flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
}

:is(.pp-cc-tags, .profile-character-card-tags) a {
display: flex;
align-items: center;
min-width: 0;
max-width: 100%;
padding: 0 !important;
text-decoration: none;
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom, .pp-tag-limitless, .profile-character-card-tag-limitless) {
display: inline-block;
max-width: 100%;
padding: 2px 5px !important;
border: 1px solid #7F3540 !important;
border-radius: 2px !important;
background: #47161D !important;
color: #D8AAAE !important;
box-shadow: none !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.53rem !important;
line-height: 1.4;
white-space: normal !important;
overflow-wrap: anywhere;
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular:not(.pp-cc-tags-custom, .pp-tag-limitless, .profile-character-card-tag-limitless)::first-letter {
font-size: 0 !important;
}

:is(.pp-cc-tags, .profile-character-card-tags) a:is(:hover, :focus-visible) > span {
border-color: #D19FA4 !important;
background: #5B2029 !important;
color: #FAE8E7 !important;
}

/* 06b PIXEL TAGS
New icons need both selector lists and a path rule; use an 18px canvas.
Keep custom-tag exclusions, named event exceptions, and separate rating selectors. */
:is(.pp-cc-tags, .profile-character-card-tags) a:focus-visible {
outline: 2px solid #FAE8E7 !important;
outline-offset: 1px;
border-radius: 2px;
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular:not(.pp-cc-tags-custom):is(.pp-tag-male, .pp-tag-female, .pp-tag-oc, .pp-tag-anypov, .pp-tag-angst, .pp-tag-deaddove, .pp-tag-dominant, .pp-tag-fluff, .pp-tag-switch, .pp-tag-horror, .pp-tag-comedy, .pp-tag-submissive, .pp-tag-vampire, .pp-tag-demihuman, .pp-tag-assistant, .pp-tag-enemiestolovers, .pp-tag-smut, .pp-tag-multiplepeople, .pp-tag-rpg, .pp-tag-fempov, .pp-tag-malepov, .pp-tag-mlm, .pp-tag-wlw, .pp-tag-anime, .pp-tag-books, .pp-tag-detective, .pp-tag-magical, .pp-tag-nonhuman, .pp-tag-robot, .pp-tag-royalty, .pp-tag-scifi, .pp-tag-fictional, .pp-tag-historical, .pp-tag-villain, .pp-tag-hero, .pp-tag-game, .pp-tag-scenario, .pp-tag-monstergirl, .pp-tag-monster, .pp-tag-furry, .pp-tag-pokemon, .pp-tag-giant, .pp-tag-alien, .pp-tag-elf, .pp-tag-nonenglish, .pp-tag-politics, .pp-tag-religion, .pp-tag-philosophy),
:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom):is(.pp-tag-halloween, .pp-tag-2025, .pp-tag-thevalentine, .pp-tag-passporttopages, .pp-tag-holidays2025, .pp-tag-springfever, .pp-tag-christmas, .pp-tag-musicmania2),
:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-tag-limited, .pp-tag-limitless, .profile-character-card-tag-limitless):not(.pp-cc-tags-custom) {
position: relative;
box-sizing: border-box;
display: inline-block !important;
width: 24px !important;
min-width: 24px;
min-height: 24px;
padding: 3px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #ECCCCE !important;
font-size: 0 !important;
line-height: 18px;
letter-spacing: normal;
vertical-align: middle;
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular:not(.pp-cc-tags-custom):is(.pp-tag-male, .pp-tag-female, .pp-tag-oc, .pp-tag-anypov, .pp-tag-angst, .pp-tag-deaddove, .pp-tag-dominant, .pp-tag-fluff, .pp-tag-switch, .pp-tag-horror, .pp-tag-comedy, .pp-tag-submissive, .pp-tag-vampire, .pp-tag-demihuman, .pp-tag-assistant, .pp-tag-enemiestolovers, .pp-tag-smut, .pp-tag-multiplepeople, .pp-tag-rpg, .pp-tag-fempov, .pp-tag-malepov, .pp-tag-mlm, .pp-tag-wlw, .pp-tag-anime, .pp-tag-books, .pp-tag-detective, .pp-tag-magical, .pp-tag-nonhuman, .pp-tag-robot, .pp-tag-royalty, .pp-tag-scifi, .pp-tag-fictional, .pp-tag-historical, .pp-tag-villain, .pp-tag-hero, .pp-tag-game, .pp-tag-scenario, .pp-tag-monstergirl, .pp-tag-monster, .pp-tag-furry, .pp-tag-pokemon, .pp-tag-giant, .pp-tag-alien, .pp-tag-elf, .pp-tag-nonenglish, .pp-tag-politics, .pp-tag-religion, .pp-tag-philosophy)::before,
:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom):is(.pp-tag-halloween, .pp-tag-2025, .pp-tag-thevalentine, .pp-tag-passporttopages, .pp-tag-holidays2025, .pp-tag-springfever, .pp-tag-christmas, .pp-tag-musicmania2)::before,
:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-tag-limited, .pp-tag-limitless, .profile-character-card-tag-limitless):not(.pp-cc-tags-custom)::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
display: block;
width: 18px;
height: 18px;
background: currentColor;
pointer-events: none;
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-male:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 9 H 2 V 7 H 4 V 9 H 3 V 13 H 4 V 15 H 2 V 13 H 1 Z M 4 5 H 8 V 7 H 4 Z M 4 15 H 8 V 17 H 4 Z M 8 7 H 10 V 6 H 11 V 5 H 12 V 4 H 13 V 3 H 9 V 1 H 17 V 7 H 15 V 4 H 14 V 5 H 13 V 6 H 12 V 7 H 11 V 8 H 10 V 9 H 11 V 13 H 10 V 15 H 8 V 13 H 9 V 9 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-female:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 4 3 H 6 V 9 H 4 Z M 5 13 H 8 V 11 H 6 V 9 H 12 V 11 H 10 V 13 H 13 V 15 H 10 V 17 H 8 V 15 H 5 Z M 6 1 H 12 V 3 H 6 Z M 12 3 H 14 V 9 H 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-oc:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 1 H 11 V 2 H 12 V 3 H 13 V 4 H 15 V 17 H 3 Z M 5 3 H 10 V 6 H 13 V 15 H 5 Z M 7 7 H 11 V 10 H 7 Z M 6 11 H 12 V 13 H 6 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-anypov:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 8 H 2 V 7 H 3 V 6 H 4 V 5 H 6 V 4 H 12 V 5 H 14 V 6 H 15 V 7 H 16 V 8 H 17 V 10 H 16 V 11 H 15 V 12 H 14 V 13 H 12 V 14 H 6 V 13 H 4 V 12 H 3 V 11 H 2 V 10 H 1 Z M 3 8 V 10 H 4 V 11 H 5 V 12 H 7 V 13 H 11 V 12 H 13 V 11 H 14 V 10 H 15 V 8 H 14 V 7 H 13 V 6 H 11 V 5 H 7 V 6 H 5 V 7 H 4 V 8 Z M 7 7 H 11 V 11 H 7 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-angst:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 4 H 2 V 3 H 3 V 2 H 7 V 3 H 8 V 5 H 7 V 6 H 6 V 7 H 7 V 8 H 8 V 9 H 9 V 10 H 8 V 11 H 7 V 12 H 8 V 13 H 9 V 15 H 8 V 14 H 7 V 13 H 6 V 12 H 5 V 11 H 4 V 10 H 3 V 9 H 2 V 8 H 1 Z M 8 6 H 9 V 5 H 10 V 3 H 11 V 2 H 15 V 3 H 16 V 4 H 17 V 8 H 16 V 9 H 15 V 10 H 14 V 11 H 13 V 12 H 12 V 14 H 11 V 13 H 10 V 12 H 9 V 11 H 10 V 10 H 11 V 9 H 10 V 8 H 9 V 7 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-deaddove:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 15 H 3 V 14 H 4 V 13 H 5 V 12 H 6 V 11 H 7 V 10 H 8 V 9 H 9 V 8 H 10 V 7 H 11 V 6 H 12 V 5 H 13 V 4 H 14 V 3 H 16 V 7 H 15 V 8 H 14 V 9 H 12 V 10 H 13 V 11 H 12 V 12 H 10 V 13 H 9 V 14 H 6 V 15 H 5 V 16 H 4 V 17 H 2 Z M 4 7 H 5 V 6 H 6 V 5 H 7 V 4 H 9 V 3 H 10 V 2 H 11 V 1 H 14 V 3 H 13 V 4 H 12 V 5 H 11 V 6 H 10 V 7 H 9 V 8 H 8 V 9 H 7 V 10 H 6 V 11 H 5 V 12 H 4 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-dominant:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 8 H 3 V 7 H 4 V 6 H 5 V 5 H 6 V 4 H 7 V 3 H 8 V 2 H 10 V 3 H 11 V 4 H 12 V 5 H 13 V 6 H 14 V 7 H 15 V 8 H 16 V 9 H 15 V 10 H 14 V 9 H 13 V 8 H 12 V 7 H 11 V 6 H 10 V 5 H 8 V 6 H 7 V 7 H 6 V 8 H 5 V 9 H 4 V 10 H 3 V 9 H 2 Z M 3 13 H 15 V 15 H 3 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-fluff:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 9 H 2 V 7 H 4 V 10 H 3 V 13 H 15 V 9 H 14 V 7 H 13 V 5 H 15 V 7 H 16 V 9 H 17 V 13 H 16 V 15 H 2 V 13 H 1 Z M 4 5 H 8 V 7 H 4 Z M 8 3 H 13 V 5 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-switch:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 4 H 13 V 3 H 12 V 2 H 11 V 1 H 13 V 2 H 14 V 3 H 15 V 4 H 16 V 6 H 15 V 7 H 14 V 8 H 13 V 9 H 11 V 8 H 12 V 7 H 13 V 6 H 2 Z M 2 12 H 3 V 11 H 4 V 10 H 5 V 9 H 7 V 10 H 6 V 11 H 5 V 12 H 16 V 14 H 5 V 15 H 6 V 16 H 7 V 17 H 5 V 16 H 4 V 15 H 3 V 14 H 2 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-horror:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 5 H 2 V 3 H 3 V 2 H 5 V 1 H 13 V 2 H 15 V 3 H 16 V 5 H 17 V 9 H 16 V 11 H 15 V 12 H 13 V 16 H 11 V 13 H 10 V 16 H 8 V 13 H 7 V 16 H 5 V 12 H 3 V 11 H 2 V 9 H 1 Z M 4 6 V 8 H 5 V 9 H 7 V 8 H 8 V 6 H 7 V 5 H 5 V 6 Z M 7 10 V 11 H 11 V 10 H 10 V 9 H 8 V 10 Z M 10 6 V 8 H 11 V 9 H 13 V 8 H 14 V 6 H 13 V 5 H 11 V 6 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-comedy:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 6 H 2 V 4 H 3 V 3 H 4 V 2 H 6 V 1 H 12 V 2 H 14 V 3 H 15 V 4 H 16 V 6 H 17 V 12 H 16 V 14 H 15 V 15 H 14 V 16 H 12 V 17 H 6 V 16 H 4 V 15 H 3 V 14 H 2 V 12 H 1 Z M 3 6 V 12 H 4 V 14 H 6 V 15 H 12 V 14 H 14 V 12 H 15 V 6 H 14 V 4 H 12 V 3 H 6 V 4 H 4 V 6 Z M 5 6 H 7 V 8 H 5 Z M 5 10 H 7 V 11 H 11 V 10 H 13 V 11 H 12 V 12 H 11 V 13 H 7 V 12 H 6 V 11 H 5 Z M 11 6 H 13 V 8 H 11 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-submissive:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 9 H 3 V 8 H 4 V 9 H 5 V 10 H 6 V 11 H 7 V 12 H 8 V 13 H 10 V 12 H 11 V 11 H 12 V 10 H 13 V 9 H 14 V 8 H 15 V 9 H 16 V 10 H 15 V 11 H 14 V 12 H 13 V 13 H 12 V 14 H 11 V 15 H 10 V 16 H 8 V 15 H 7 V 14 H 6 V 13 H 5 V 12 H 4 V 11 H 3 V 10 H 2 Z M 3 3 H 15 V 5 H 3 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-vampire:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 3 H 16 V 5 H 15 V 9 H 14 V 12 H 13 V 14 H 12 V 9 H 11 V 5 H 7 V 9 H 6 V 14 H 5 V 12 H 4 V 9 H 3 V 5 H 2 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-demihuman:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 5 H 3 V 4 H 5 V 5 H 6 V 7 H 5 V 8 H 3 V 7 H 2 Z M 3 13 H 4 V 12 H 5 V 11 H 6 V 10 H 7 V 9 H 8 V 8 H 10 V 9 H 11 V 10 H 12 V 11 H 13 V 12 H 14 V 13 H 15 V 15 H 14 V 16 H 11 V 15 H 7 V 16 H 4 V 15 H 3 Z M 7 2 H 8 V 1 H 10 V 2 H 11 V 4 H 10 V 5 H 8 V 4 H 7 Z M 12 5 H 13 V 4 H 15 V 5 H 16 V 7 H 15 V 8 H 13 V 7 H 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-assistant:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 5 2 H 6 V 1 H 12 V 2 H 13 V 12 H 12 V 13 H 9 V 12 H 8 V 6 H 10 V 11 H 11 V 3 H 7 V 15 H 14 V 5 H 16 V 15 H 15 V 16 H 14 V 17 H 7 V 16 H 6 V 15 H 5 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-enemiestolovers:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 4 H 2 V 3 H 3 V 2 H 7 V 3 H 8 V 4 H 9 V 5 H 10 V 6 H 9 V 7 H 8 V 8 H 7 V 9 H 6 V 10 H 5 V 11 H 4 V 10 H 3 V 9 H 2 V 8 H 1 Z M 2 14 H 3 V 13 H 4 V 12 H 5 V 11 H 6 V 10 H 7 V 9 H 8 V 8 H 9 V 7 H 10 V 6 H 11 V 5 H 12 V 4 H 13 V 3 H 14 V 2 H 15 V 1 H 17 V 3 H 16 V 4 H 15 V 5 H 14 V 6 H 13 V 7 H 12 V 8 H 11 V 9 H 10 V 10 H 9 V 11 H 8 V 12 H 7 V 13 H 6 V 14 H 5 V 15 H 4 V 16 H 2 Z M 8 12 H 9 V 11 H 10 V 10 H 11 V 9 H 12 V 8 H 13 V 7 H 14 V 6 H 15 V 5 H 16 V 6 H 17 V 8 H 16 V 9 H 15 V 10 H 14 V 11 H 13 V 12 H 12 V 13 H 11 V 14 H 10 V 15 H 9 V 14 H 8 Z M 9 3 H 10 V 2 H 11 V 3 H 12 V 4 H 11 V 5 H 10 V 4 H 9 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-smut:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 10 H 2 V 8 H 3 V 6 H 4 V 7 H 5 V 8 H 6 V 7 H 7 V 4 H 8 V 2 H 9 V 1 H 11 V 4 H 12 V 5 H 13 V 6 H 14 V 8 H 15 V 10 H 16 V 13 H 15 V 15 H 14 V 16 H 12 V 17 H 5 V 16 H 3 V 15 H 2 V 13 H 1 Z M 6 11 V 14 H 7 V 15 H 10 V 14 H 11 V 12 H 10 V 9 H 8 V 10 H 7 V 11 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-multiplepeople:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 10 H 2 V 9 H 3 V 8 H 9 V 9 H 10 V 10 H 11 V 15 H 1 Z M 3 3 H 4 V 2 H 8 V 3 H 9 V 6 H 8 V 7 H 4 V 6 H 3 Z M 10 2 H 11 V 1 H 15 V 2 H 16 V 4 H 15 V 5 H 11 V 4 H 10 Z M 10 7 H 11 V 6 H 15 V 7 H 16 V 8 H 17 V 13 H 13 V 10 H 12 V 9 H 11 V 8 H 10 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-rpg:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 3 H 3 V 2 H 15 V 3 H 16 V 15 H 15 V 16 H 3 V 15 H 2 Z M 5 4 V 6 H 7 V 4 Z M 8 8 V 10 H 10 V 8 Z M 11 12 V 14 H 13 V 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-fempov:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 1 H 5 V 3 H 3 V 6 H 1 Z M 13 1 H 17 V 6 H 15 V 3 H 13 Z M 1 12 H 3 V 15 H 5 V 17 H 1 Z M 15 12 H 17 V 17 H 13 V 15 H 15 Z M 6 3 H 12 V 9 H 10 V 11 H 12 V 13 H 10 V 15 H 8 V 13 H 6 V 11 H 8 V 9 H 6 Z M 8 5 H 10 V 7 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-malepov:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 1 H 5 V 3 H 3 V 6 H 1 Z M 13 1 H 17 V 6 H 15 V 3 H 13 Z M 1 12 H 3 V 15 H 5 V 17 H 1 Z M 15 12 H 17 V 17 H 13 V 15 H 15 Z M 4 8 H 9 V 7 H 10 V 6 H 11 V 5 H 10 V 3 H 15 V 8 H 13 V 7 H 12 V 8 H 11 V 9 H 10 V 14 H 4 Z M 6 10 H 8 V 12 H 6 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-mlm:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 8 H 4 V 7 H 5 V 6 H 4 V 4 H 8 V 8 H 6 V 9 H 7 V 14 H 1 Z M 3 10 H 5 V 12 H 3 Z M 10 8 H 13 V 7 H 14 V 6 H 13 V 4 H 17 V 8 H 15 V 9 H 16 V 14 H 10 Z M 12 10 H 14 V 12 H 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-wlw:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 3 H 7 V 9 H 5 V 12 H 7 V 14 H 5 V 16 H 3 V 14 H 1 V 12 H 3 V 9 H 1 Z M 3 5 H 5 V 7 H 3 Z M 10 3 H 16 V 9 H 14 V 12 H 16 V 14 H 14 V 16 H 12 V 14 H 10 V 12 H 12 V 9 H 10 Z M 12 5 H 14 V 7 H 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-anime:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 7 H 3 V 5 H 5 V 4 H 13 V 5 H 15 V 7 H 17 V 9 H 15 V 8 H 13 V 6 H 5 V 8 H 3 V 9 H 1 Z M 3 11 H 5 V 12 H 13 V 11 H 15 V 13 H 13 V 14 H 5 V 13 H 3 Z M 6 7 H 12 V 11 H 6 Z M 8 8 H 9 V 9 H 8 Z M 3 2 H 5 V 4 H 3 Z M 13 2 H 15 V 4 H 13 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-books:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 3 H 7 V 4 H 8 V 5 H 10 V 4 H 11 V 3 H 17 V 15 H 11 V 16 H 7 V 15 H 1 Z M 3 5 H 6 V 6 H 7 V 13 H 6 V 12 H 3 Z M 11 6 H 12 V 5 H 15 V 12 H 12 V 13 H 11 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-detective:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 4 H 2 V 2 H 4 V 1 H 10 V 2 H 12 V 4 H 13 V 10 H 12 V 12 H 10 V 13 H 4 V 12 H 2 V 10 H 1 Z M 3 4 H 4 V 3 H 10 V 4 H 11 V 10 H 10 V 11 H 4 V 10 H 3 Z M 12 12 H 14 V 13 H 15 V 14 H 16 V 15 H 17 V 17 H 15 V 16 H 14 V 15 H 13 V 14 H 12 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-magical:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 11 1 H 13 V 3 H 14 V 4 H 17 V 6 H 14 V 7 H 13 V 10 H 11 V 7 H 10 V 6 H 7 V 4 H 10 V 3 H 11 Z M 1 15 H 2 V 14 H 3 V 13 H 4 V 12 H 5 V 11 H 6 V 10 H 7 V 9 H 8 V 8 H 10 V 10 H 9 V 11 H 8 V 12 H 7 V 13 H 6 V 14 H 5 V 15 H 4 V 16 H 3 V 17 H 1 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-nonhuman:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 4 1 H 14 V 2 H 16 V 4 H 17 V 9 H 16 V 11 H 14 V 13 H 12 V 15 H 10 V 17 H 8 V 15 H 6 V 13 H 4 V 11 H 2 V 9 H 1 V 4 H 2 V 2 H 4 Z M 3 5 H 6 V 6 H 7 V 8 H 8 V 10 H 5 V 9 H 4 V 7 H 3 Z M 15 5 H 12 V 6 H 11 V 8 H 10 V 10 H 13 V 9 H 14 V 7 H 15 Z M 8 12 H 10 V 14 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-robot:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 4 H 8 V 3 H 7 V 1 H 11 V 3 H 10 V 4 H 15 V 6 H 17 V 12 H 15 V 16 H 3 V 12 H 1 V 6 H 3 Z M 5 7 H 7 V 9 H 5 Z M 11 7 H 13 V 9 H 11 Z M 5 12 H 13 V 14 H 5 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-royalty:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 4 H 3 V 6 H 5 V 8 H 6 V 5 H 8 V 2 H 10 V 5 H 12 V 8 H 13 V 6 H 15 V 4 H 17 V 7 H 16 V 12 H 15 V 14 H 3 V 12 H 2 V 7 H 1 Z M 5 10 H 7 V 12 H 5 Z M 8 8 H 10 V 10 H 8 Z M 11 10 H 13 V 12 H 11 Z M 3 15 H 15 V 17 H 3 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-scifi:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 9 H 3 V 7 H 5 V 4 H 7 V 3 H 11 V 4 H 13 V 7 H 15 V 9 H 17 V 11 H 15 V 12 H 3 V 11 H 1 Z M 7 5 H 11 V 7 H 7 Z M 4 9 H 6 V 10 H 4 Z M 8 9 H 10 V 10 H 8 Z M 12 9 H 14 V 10 H 12 Z M 3 14 H 5 V 16 H 3 Z M 8 14 H 10 V 17 H 8 Z M 13 14 H 15 V 16 H 13 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-tag-limited:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 8 H 5 V 3 H 6 V 1 H 12 V 3 H 13 V 8 H 15 V 17 H 3 Z M 7 3 H 11 V 8 H 7 Z M 7 10 H 11 V 13 H 10 V 15 H 8 V 13 H 7 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-tag-limitless, .profile-character-card-tag-limitless):not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 8 H 9 V 3 H 10 V 1 H 16 V 3 H 17 V 6 H 15 V 3 H 11 V 8 H 15 V 17 H 3 Z M 7 10 H 11 V 13 H 10 V 15 H 8 V 13 H 7 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-fictional:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 5 H 4 V 3 H 6 V 1 H 12 V 3 H 14 V 5 H 15 V 17 H 3 Z M 5 6 H 6 V 4 H 8 V 3 H 10 V 4 H 12 V 6 H 13 V 15 H 5 Z M 8 6 H 10 V 8 H 12 V 10 H 10 V 12 H 8 V 10 H 6 V 8 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-halloween::before {
clip-path: path(evenodd, "M 3 5 H 7 V 4 H 11 V 5 H 15 V 6 H 16 V 8 H 17 V 13 H 16 V 15 H 14 V 16 H 4 V 15 H 2 V 13 H 1 V 8 H 2 V 6 H 3 Z M 4 8 H 6 V 10 H 4 Z M 12 8 H 14 V 10 H 12 Z M 5 12 H 7 V 13 H 11 V 12 H 13 V 14 H 5 Z M 8 1 H 12 V 3 H 10 V 4 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-2025::before {
clip-path: path(evenodd, "M 2 4 H 8 V 10 H 4 V 12 H 8 V 14 H 2 V 8 H 6 V 6 H 2 Z M 10 4 H 16 V 6 H 12 V 8 H 16 V 14 H 10 V 12 H 14 V 10 H 10 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-thevalentine::before {
clip-path: path(evenodd, "M 1 4 H 2 V 3 H 3 V 2 H 7 V 3 H 8 V 4 H 10 V 3 H 11 V 2 H 15 V 3 H 16 V 4 H 17 V 8 H 16 V 9 H 15 V 10 H 14 V 11 H 13 V 12 H 12 V 13 H 11 V 14 H 10 V 15 H 8 V 14 H 7 V 13 H 6 V 12 H 5 V 11 H 4 V 10 H 3 V 9 H 2 V 8 H 1 Z M 3 5 H 4 V 4 H 6 V 5 H 7 V 6 H 11 V 5 H 12 V 4 H 14 V 5 H 15 V 7 H 14 V 8 H 13 V 9 H 12 V 10 H 11 V 11 H 10 V 12 H 8 V 11 H 7 V 10 H 6 V 9 H 5 V 8 H 4 V 7 H 3 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-passporttopages::before {
clip-path: path(evenodd, "M 3 1 H 15 V 17 H 3 Z M 5 3 H 13 V 15 H 5 Z M 7 5 H 11 V 6 H 12 V 10 H 11 V 11 H 7 V 10 H 6 V 6 H 7 Z M 8 7 H 10 V 9 H 8 Z M 6 13 H 12 V 14 H 6 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-holidays2025::before {
clip-path: path(evenodd, "M 8 1 H 10 V 6 H 12 V 8 H 17 V 10 H 12 V 12 H 10 V 17 H 8 V 12 H 6 V 10 H 1 V 8 H 6 V 6 H 8 Z M 8 8 H 10 V 10 H 8 Z M 3 3 H 5 V 5 H 3 Z M 13 3 H 15 V 5 H 13 Z M 3 13 H 5 V 15 H 3 Z M 13 13 H 15 V 15 H 13 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-springfever::before {
clip-path: path(evenodd, "M 8 8 H 10 V 15 H 14 V 17 H 4 V 15 H 8 Z M 1 3 H 5 V 4 H 7 V 6 H 8 V 9 H 5 V 8 H 3 V 6 H 1 Z M 10 6 H 11 V 4 H 13 V 3 H 17 V 6 H 15 V 8 H 12 V 9 H 10 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-christmas::before {
clip-path: path(evenodd, "M 8 1 H 10 V 3 H 11 V 4 H 12 V 6 H 14 V 8 H 12 V 9 H 14 V 11 H 16 V 13 H 17 V 15 H 10 V 17 H 8 V 15 H 1 V 13 H 2 V 11 H 4 V 9 H 6 V 8 H 4 V 6 H 6 V 4 H 7 V 3 H 8 Z M 8 5 H 10 V 7 H 8 Z M 5 11 H 7 V 13 H 5 Z M 11 11 H 13 V 13 H 11 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-historical:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 1 H 15 V 3 H 13 V 6 H 12 V 7 H 11 V 8 H 10 V 10 H 11 V 11 H 12 V 12 H 13 V 15 H 15 V 17 H 3 V 15 H 5 V 12 H 6 V 11 H 7 V 10 H 8 V 8 H 7 V 7 H 6 V 6 H 5 V 3 H 3 Z M 7 3 H 11 V 5 H 10 V 6 H 8 V 5 H 7 Z M 8 12 H 10 V 13 H 11 V 15 H 7 V 13 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-villain:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 2 H 3 V 3 H 6 V 4 H 12 V 3 H 15 V 2 H 17 V 10 H 16 V 12 H 14 V 14 H 12 V 16 H 6 V 14 H 4 V 12 H 2 V 10 H 1 Z M 3 6 H 5 V 7 H 7 V 9 H 5 V 8 H 3 Z M 11 7 H 13 V 6 H 15 V 8 H 13 V 9 H 11 Z M 5 11 H 7 V 12 H 11 V 11 H 13 V 13 H 11 V 14 H 7 V 13 H 5 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-hero:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 8 1 H 10 V 2 H 12 V 3 H 16 V 9 H 15 V 11 H 14 V 13 H 12 V 15 H 10 V 16 H 8 V 15 H 6 V 13 H 4 V 11 H 3 V 9 H 2 V 3 H 6 V 2 H 8 Z M 8 4 H 10 V 5 H 14 V 9 H 13 V 11 H 12 V 12 H 10 V 14 H 8 V 12 H 6 V 11 H 5 V 9 H 4 V 5 H 8 Z M 8 6 H 10 V 8 H 12 V 10 H 10 V 12 H 8 V 10 H 6 V 8 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-game:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 4 4 H 14 V 5 H 16 V 7 H 17 V 14 H 16 V 15 H 13 V 14 H 12 V 12 H 6 V 14 H 5 V 15 H 2 V 14 H 1 V 7 H 2 V 5 H 4 Z M 4 6 H 6 V 8 H 8 V 10 H 6 V 12 H 4 V 10 H 2 V 8 H 4 Z M 11 7 H 13 V 9 H 11 Z M 14 10 H 16 V 12 H 14 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-scenario:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 2 H 17 V 16 H 1 Z M 3 4 H 15 V 14 H 3 Z M 3 4 H 8 V 6 H 7 V 8 H 6 V 10 H 5 V 13 H 3 Z M 10 4 H 15 V 13 H 13 V 10 H 12 V 8 H 11 V 6 H 10 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-monstergirl:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 1 H 5 V 3 H 6 V 4 H 10 V 3 H 11 V 1 H 13 V 5 H 14 V 7 H 15 V 13 H 17 V 15 H 16 V 17 H 12 V 16 H 10 V 17 H 6 V 16 H 4 V 14 H 3 V 7 H 2 V 5 H 3 Z M 5 7 H 7 V 6 H 9 V 7 H 12 V 12 H 11 V 14 H 9 V 15 H 7 V 14 H 5 Z M 6 9 H 7 V 11 H 6 Z M 10 9 H 11 V 11 H 10 Z M 7 12 H 10 V 13 H 7 Z M 13 12 H 14 V 14 H 15 V 15 H 13 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-monster:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 1 H 4 V 3 H 6 V 4 H 12 V 3 H 14 V 1 H 16 V 5 H 15 V 6 H 17 V 12 H 16 V 14 H 14 V 16 H 4 V 14 H 2 V 12 H 1 V 6 H 3 V 5 H 2 Z M 4 7 H 7 V 9 H 4 Z M 11 7 H 14 V 9 H 11 Z M 4 11 H 6 V 13 H 8 V 11 H 10 V 13 H 12 V 11 H 14 V 14 H 4 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-furry:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 1 2 H 3 V 3 H 5 V 4 H 6 V 5 H 12 V 4 H 13 V 3 H 15 V 2 H 17 V 9 H 16 V 11 H 14 V 13 H 12 V 15 H 10 V 16 H 8 V 15 H 6 V 13 H 4 V 11 H 2 V 9 H 1 Z M 3 4 H 4 V 5 H 5 V 6 H 3 Z M 14 4 H 15 V 6 H 13 V 5 H 14 Z M 4 8 H 7 V 10 H 4 Z M 11 8 H 14 V 10 H 11 Z M 7 11 H 11 V 13 H 10 V 14 H 8 V 13 H 7 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-pokemon:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 6 1 H 12 V 2 H 14 V 4 H 16 V 6 H 17 V 12 H 16 V 14 H 14 V 16 H 12 V 17 H 6 V 16 H 4 V 14 H 2 V 12 H 1 V 6 H 2 V 4 H 4 V 2 H 6 Z M 6 3 H 12 V 4 H 14 V 6 H 15 V 12 H 14 V 14 H 12 V 15 H 6 V 14 H 4 V 12 H 3 V 6 H 4 V 4 H 6 Z M 3 8 H 6 V 10 H 3 Z M 12 8 H 15 V 10 H 12 Z M 7 6 H 11 V 7 H 12 V 11 H 11 V 12 H 7 V 11 H 6 V 7 H 7 Z M 8 8 H 10 V 10 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-giant:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 1 H 6 V 6 H 2 Z M 7 1 H 10 V 5 H 7 Z M 11 2 H 13 V 5 H 11 Z M 14 4 H 16 V 6 H 14 Z M 15 7 H 17 V 9 H 15 Z M 4 7 H 12 V 8 H 14 V 11 H 12 V 12 H 11 V 14 H 12 V 16 H 10 V 17 H 6 V 16 H 4 V 13 H 3 V 9 H 4 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-alien:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 3 1 H 6 V 4 H 5 V 5 H 7 V 6 H 11 V 5 H 13 V 4 H 12 V 1 H 15 V 4 H 14 V 6 H 15 V 7 H 16 V 12 H 15 V 14 H 13 V 16 H 11 V 17 H 7 V 16 H 5 V 14 H 3 V 12 H 2 V 7 H 3 V 6 H 4 V 4 H 3 Z M 4 8 H 7 V 9 H 8 V 12 H 6 V 11 H 4 Z M 11 8 H 14 V 11 H 12 V 12 H 10 V 9 H 11 Z M 7 14 H 11 V 15 H 7 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-elf:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 15 1 H 17 V 5 H 16 V 8 H 15 V 10 H 14 V 12 H 12 V 15 H 10 V 17 H 5 V 16 H 3 V 14 H 2 V 10 H 3 V 8 H 5 V 6 H 8 V 5 H 10 V 4 H 12 V 3 H 15 Z M 14 4 H 15 V 7 H 14 V 9 H 12 V 11 H 11 V 14 H 9 V 15 H 6 V 14 H 4 V 12 H 5 V 9 H 7 V 8 H 10 V 7 H 12 V 6 H 14 Z M 6 9 H 10 V 10 H 8 V 11 H 7 V 13 H 6 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-nonenglish:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 2 1 H 11 V 2 H 12 V 7 H 11 V 8 H 5 V 9 H 4 V 10 H 2 V 8 H 1 V 2 H 2 Z M 3 3 H 10 V 6 H 3 Z M 8 9 H 16 V 10 H 17 V 14 H 16 V 17 H 14 V 16 H 13 V 15 H 8 V 14 H 7 V 10 H 8 Z M 9 11 H 15 V 13 H 9 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-politics:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 8 1 H 10 V 2 H 12 V 3 H 14 V 4 H 16 V 5 H 17 V 7 H 1 V 5 H 2 V 4 H 4 V 3 H 6 V 2 H 8 Z M 8 3 H 10 V 4 H 12 V 5 H 6 V 4 H 8 Z M 3 8 H 5 V 13 H 3 Z M 8 8 H 10 V 13 H 8 Z M 13 8 H 15 V 13 H 13 Z M 2 14 H 16 V 15 H 17 V 17 H 1 V 15 H 2 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-religion:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 9 1 H 11 V 3 H 12 V 5 H 11 V 6 H 8 V 5 H 7 V 3 H 8 V 2 H 9 Z M 6 7 H 12 V 14 H 14 V 15 H 16 V 17 H 2 V 15 H 4 V 14 H 6 Z M 8 9 H 10 V 14 H 8 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) .pp-cc-tags-regular.pp-tag-philosophy:not(.pp-cc-tags-custom)::before {
clip-path: path(evenodd, "M 5 1 H 14 V 2 H 16 V 4 H 17 V 12 H 16 V 14 H 13 V 15 H 9 V 14 H 7 V 12 H 6 V 7 H 7 V 5 H 12 V 6 H 14 V 10 H 10 V 8 H 12 V 7 H 8 V 11 H 9 V 12 H 13 V 11 H 15 V 5 H 14 V 4 H 12 V 3 H 6 V 4 H 4 V 6 H 3 V 11 H 4 V 13 H 6 V 14 H 7 V 16 H 4 V 15 H 2 V 12 H 1 V 6 H 2 V 4 H 3 V 2 H 5 Z");
}

:is(.pp-cc-tags, .profile-character-card-tags) :is(.pp-cc-tags-item, .pp-cc-tags-regular, .pp-cc-tags-custom).pp-tag-musicmania2::before {
clip-path: path(evenodd, "M 5 1 H 13 V 2 H 15 V 4 H 16 V 7 H 17 V 14 H 16 V 16 H 12 V 8 H 14 V 6 H 13 V 4 H 11 V 3 H 7 V 4 H 5 V 6 H 4 V 8 H 6 V 16 H 2 V 14 H 1 V 7 H 2 V 4 H 3 V 2 H 5 Z M 3 10 H 4 V 14 H 3 Z M 14 10 H 15 V 14 H 14 Z");
}

.profile-character-card-stats-box,
.profile-character-card-stack > .profile-character-card-stats-box {
position: absolute !important;
top: -10px !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
z-index: 4 !important;
width: auto !important;
max-width: calc(100% - 28px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
transform: translateX(-50%) !important;
}

.profile-character-card-stats-box > span,
.pp-cc-ribbon,
.profile-character-card-ribbon,
.pp-cc-ribbon-wrap,
.profile-character-card-ribbon-wrap {
position: static !important;
inset: auto !important;
display: block !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
clip-path: none !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
overflow: visible !important;
}

.pp-cc-chats,
.profile-character-card-chats-hstack {
display: flex !important;
align-items: center;
gap: 5px;
max-width: 100%;
padding: 3px 8px !important;
border: 1px solid #97525D;
border-radius: 2px;
background: #49171E;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.55rem !important;
line-height: 1.4;
white-space: nowrap;
overflow: visible !important;
}

.pp-cc-chats-count,
.profile-character-card-chats-count {
display: inline-block !important;
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: nowrap !important;
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}

.pp-cc-chats svg,
.profile-character-card-chats-hstack svg {
width: 13px !important;
height: 13px !important;
flex: 0 0 13px;
color: inherit !important;
}

.pp-cc-tokens-count,
.profile-character-card-tokens-count,
.profile-character-card-star-line,
.pp-cc-star-line {
display: none !important;
}

/* 07 OPTIONAL PUBLIC SCRIPTS
Customize optional script-card surfaces and states below. */
.profile-public-scripts {
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
padding: 14px clamp(14px, 4vw, 48px) 24px;
box-sizing: border-box;
color: #E7C4C5;
font-family: Silkscreen, Pixelify Sans, monospace !important;
}

.profile-public-scripts [class*="_grid_"] {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: 12px;
}

.profile-public-scripts [class*="_card_"] {
min-width: 0;
padding: 14px;
border: 1px solid #7B303B;
border-radius: 4px;
background: #350E13;
box-shadow: none;
color: #E7C4C5;
font-family: Silkscreen, Pixelify Sans, monospace !important;
text-decoration: none;
overflow-wrap: anywhere;
}

.profile-public-scripts [class*="_card_"]:hover,
.profile-public-scripts [class*="_card_"]:focus-within {
border-color: #A15F69;
background: #3F1218;
}

.profile-public-scripts [class*="_title_"] {
color: #F7E3E2 !important;
font: inherit !important;
font-size: 0.72rem !important;
}

.profile-public-scripts [class*="_description_"],
.profile-public-scripts [class*="_meta_"],
.profile-public-scripts [class*="_statusText_"] {
color: #D8AAAE !important;
font: inherit !important;
font-size: 0.58rem !important;
line-height: 1.7 !important;
}

.profile-public-scripts [class*="_typeBadge_"] {
border: 1px solid #7F3540;
border-radius: 2px;
background: #47161D;
color: #DCAFB3;
font: inherit;
font-size: 0.52rem;
}

.profile-public-scripts :is([class*="_gridLoading_"], [class*="_emptyState_"], [class*="_errorState_"]) {
min-height: 140px;
padding: 24px;
border: 1px solid #7B303B;
border-radius: 4px;
background: #350E13;
color: #DCAFB3;
font-family: Silkscreen, Pixelify Sans, monospace !important;
text-align: center;
}

.profile-public-scripts [class*="_retryButton_"] {
min-width: 44px;
min-height: 44px;
padding: 7px 12px !important;
border: 1px solid #8C4650 !important;
border-radius: 3px !important;
background: #45151C !important;
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
}

.profile-public-scripts [class*="_retryButton_"]:is(:hover, :focus-visible) {
border-color: #D19FA4 !important;
background: #5B2029 !important;
color: #FFF7F3 !important;
}

.profile-public-scripts [class*="_retryButton_"]:disabled {
opacity: 0.45;
cursor: not-allowed;
}

.profile-public-scripts :is([class*="_cardHeader_"], [class*="_cardFooter_"], [class*="_avatarStack_"]) {
display: flex !important;
flex-flow: row wrap !important;
align-items: center !important;
gap: 7px !important;
min-width: 0;
}

.profile-public-scripts :is([class*="_avatar_"], [class*="_avatarFallback_"], [class*="_avatarMore_"]) {
border: 1px solid #853D47 !important;
background: #4B181F !important;
color: #E7C4C5 !important;
filter: grayscale(1);
}

/* 08 TABLET AND MOBILE
Customize tablet and mobile spacing below. */
@media (max-width: 892px) {
/* NOTIFICATIONS: keep equal side insets for centered placement. */
.pp-top-bar-notifications-popover,
.profile-top-bar-notifications-popover,
[class*="notificationsPopover"] {
position: fixed !important;
left: 12px !important;
right: 12px !important;
margin-left: auto !important;
margin-right: auto !important;
transform: none !important;
max-width: calc(100vw - 24px) !important;
max-height: min(480px, 70dvh, calc(100dvh - 96px)) !important;
}

.pp-cc-list-container,
.profile-character-card-list {
grid-template-columns: 1fr;
}

.pp-tabs-wrapper,
.profile-tabs-wrapper,
.profile-filters-flex-inner,
.profile-pagination-flex-outer,
.profile-public-scripts {
width: 100% !important;
max-width: none !important;
}
}

@media (max-width: 640px) {
body {
font-size: 13px;
}

.pp-top-bar:has(> .pp-top-bar-left),
.profile-top-bar:has(> .profile-top-box-flex-inner) {
flex-wrap: wrap;
gap: 8px;
}

.pp-top-bar:has(> .pp-top-bar-left) .pp-top-bar-right,
.profile-top-bar:has(> .profile-top-box-flex-inner) .pp-top-bar-right {
margin-left: auto;
}

.pp-top-bar:has(> .pp-top-bar-left) .profile-top-bar-search-wrapper,
.profile-top-bar:has(> .profile-top-box-flex-inner) .profile-top-bar-search-wrapper {
order: 3;
flex-basis: 100%;
max-width: none;
}

.character-list-pagination-flex {
gap: 10px !important;
margin: 8px 12px 12px !important;
padding: 10px !important;
}

.character-list-pagination-flex > :has(.profile-filters-flex-outer),
.character-list-pagination-flex .character-list-pagination-box {
flex: 1 1 100% !important;
width: 100% !important;
}

.character-list-pagination-flex .profile-filters-flex-inner {
flex-flow: row wrap !important;
}

.character-list-pagination-flex .profile-filters-flex-inner-onorderchanged {
flex: 1 1 140px !important;
width: auto !important;
}

.character-list-pagination-box .profile-pagination-flex-outer,
.character-list-pagination-box .profile-pagination-prev-hstack {
width: 100% !important;
justify-content: center !important;
}

.pp-top-header :is(.pp-top-bar, .profile-top-bar) {
box-sizing: border-box;
display: grid !important;
grid-template-columns: minmax(88px, 1fr) minmax(0, 1.15fr) minmax(88px, 1fr);
align-items: center !important;
gap: 6px !important;
width: 100%;
min-width: 0;
padding: 4px 8px !important;
background: #210709 !important;
border-bottom: 1px solid #7B303B !important;
}

.pp-top-header :is(.pp-top-bar, .profile-top-bar) > div:first-child {
min-width: 0;
justify-self: start;
}

.pp-top-header :is(.pp-top-bar, .profile-top-bar) > div:nth-child(2) {
min-width: 0;
max-width: 100%;
text-align: center;
}

.pp-top-header :is(.pp-top-bar, .profile-top-bar) > div:last-child {
grid-column: 3;
grid-row: 1;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 6px !important;
width: max-content !important;
min-width: 0;
margin: 0 !important;
justify-self: end !important;
}

.pp-top-header :is(.pp-top-bar-title, .profile-top-bar-title) {
max-width: 100%;
margin: 0 !important;
text-align: center !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.pp-top-header :is(.pp-top-bar-back-button, .profile-top-bar-back-button),
.pp-top-header :is(.pp-top-bar, .profile-top-bar) > div:last-child > div:first-child > div > button {
box-sizing: border-box;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 44px !important;
min-height: 44px !important;
padding: 6px 8px !important;
border: 1px solid #7F3540 !important;
border-radius: 3px !important;
background: #380F15 !important;
box-shadow: none !important;
color: #EFD4D4 !important;
}

.pp-top-header :is(.pp-top-bar-back-button, .profile-top-bar-back-button):is(:hover, :focus-visible),
.pp-top-header :is(.pp-top-bar, .profile-top-bar) > div:last-child > div:first-child > div > button:is(:hover, :focus-visible) {
border-color: #D19FA4 !important;
background: #511B23 !important;
color: #FFF7F3 !important;
}

.pp-top-bar-search-wrapper,
.profile-top-bar-search-wrapper,
.pp-top-bar-search-box,
.profile-top-bar-search-box {
width: 100% !important;
min-width: 0 !important;
}

.profile-page-container {
padding: 0 0 72px !important;
}

.pp-uc-background,
.profile-uc-background,
.profile-uc-background-flex {
padding: 0 !important;
}

.profile-info-stack {
grid-template-columns: 86px minmax(0, 1fr);
grid-template-areas:
"avatar title"
"avatar followers"
"profile profile"
"actions actions"
"credit credit";
gap: 8px 13px;
align-content: start;
min-height: 0;
padding: 10px 14px 16px;
border-radius: 0;
box-shadow: none;
}

.profile-info-stack::before {
inset: -6px;
}

.pp-uc-avatar-container,
.profile-avatar-container,
.pp-uc-avatar,
.profile-avatar {
width: 86px !important;
height: 86px !important;
}

.pp-uc-title,
.profile-title-heading {
align-self: end;
font-size: clamp(1rem, 5vw, 1.35rem) !important;
}

.pp-uc-followers-count,
.profile-followers-count {
align-self: start;
}

.dair-card.dair-YWNlZW52dw {
margin-top: 7px;
grid-template-columns: 1fr;
gap: 9px;
}

.dair-handle {
grid-row: 1;
text-align: right;
}

.dair-status {
grid-row: 2;
}

.dair-bio,
.dair-facts,
.dair-tags {
grid-column: 1;
}

.profile-character-card-stack {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px 12px !important;
min-height: 188px;
padding: 10px !important;
}

.profile-character-card-avatar-aspect-ratio {
width: 100% !important;
min-height: 168px;
}

.pp-top-header .pp-top-bar-title,
.pp-top-header .profile-top-bar-title,
.pp-top-bar-back-button,
.profile-top-bar-back-button,
.j-header-back-link,
.css-1v7jfo7,
:is(.pp-top-bar-back-button, .profile-top-bar-back-button, .j-header-back-link, .css-1v7jfo7) p {
color: #EFD4D4 !important;
font-family: Silkscreen, Pixelify Sans, monospace !important;
font-size: 0.62rem !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-transform: lowercase;
}

/* BOTTOM NAVIGATION: adjust the surface, 44px controls, and 22px icons here. */
.pp-mnb-wrapper {
background: rgba(33, 7, 9, 0.97) !important;
border-top: 1px solid #7B303B !important;
box-shadow: none !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

.pp-mnb-container {
box-sizing: border-box;
display: flex !important;
align-items: center !important;
justify-content: space-around !important;
gap: 6px !important;
min-height: 60px;
height: auto !important;
padding: 6px 8px !important;
border: 1px solid #833A45 !important;
border-radius: 4px !important;
background: #350E13 !important;
box-shadow: none !important;
color: #E7C4C5 !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

.pp-mnb-container > div:has(.pp-mnb-user-menu) {
display: flex;
flex: 1 1 0;
min-width: 0;
justify-content: center;
}

.pp-mnb-container > a,
.pp-mnb-container .pp-mnb-user-menu {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
border: 1px solid transparent;
border-radius: 3px;
background: transparent !important;
color: #ECCCCE !important;
text-decoration: none !important;
}

.pp-mnb-container .pp-mnb-user-menu {
width: 100%;
}

.pp-mnb-container .pp-mnb-item,
.pp-mnb-container :is(.pp-top-bar-app-menu, .profile-top-bar-app-menu) {
display: flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
color: inherit !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}

.pp-mnb-container > a:is(:hover, :focus-visible, :active),
.pp-mnb-container .pp-mnb-user-menu:is(:hover, :focus-within) {
border-color: #A15F69;
background: #511B23 !important;
color: #FFF7F3 !important;
}

.pp-mnb-container :is(a, button):focus-visible {
outline: 2px solid #FAE8E7 !important;
outline-offset: -2px;
}

.pp-mnb-container svg {
width: 22px !important;
height: 22px !important;
flex-shrink: 0;
color: inherit !important;
}

.pp-mnb-container :is(.pp-top-bar-app-menu, .profile-top-bar-app-menu) {
position: relative;
width: 100%;
height: 44px;
padding: 0 !important;
border-radius: 3px;
}

.pp-mnb-container :is(.pp-top-bar-app-menu, .profile-top-bar-app-menu) > span {
opacity: 0 !important;
}

.pp-mnb-container :is(.pp-top-bar-app-menu, .profile-top-bar-app-menu)::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 16px;
background: repeating-linear-gradient(to bottom, currentColor 0 2px, transparent 2px 7px);
transform: translate(-50%, -50%);
pointer-events: none;
}
}

@media (max-width: 440px) {
.profile-info-stack {
grid-template-columns: 74px minmax(0, 1fr);
padding: 8px 12px 16px;
}

.pp-uc-avatar-container,
.profile-avatar-container,
.pp-uc-avatar,
.profile-avatar {
width: 74px !important;
height: 74px !important;
}

.profile-character-card-stack {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px 10px !important;
min-height: 174px;
}

.profile-character-card-avatar-aspect-ratio {
width: 100% !important;
min-height: 154px;
}
}

/* 09 ACCESSIBILITY
Keep these motion and contrast preference rules enabled. */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}

:is(.pp-cc-wrapper, .profile-character-card-wrapper) :is(.pp-cc-avatar, .profile-character-card-avatar-image) {
transition: none !important;
}
}

@media (prefers-contrast: more) {
.profile-info-stack::before,
.pp-cc-wrapper,
.profile-character-card-wrapper {
border-color: #DAADB0 !important;
}

.dair-bio,
.pp-cc-description,
.profile-character-card-description-markdown-container {
color: #F7E3E2 !important;
}
}
</style>
