.category-tagline[hidden] { display: none !important; }
body > .category-tagline {
    position: fixed;
    top: 86px;
    left: calc(var(--desktop-left, 280px) + 26px);
    z-index: 10005;
    display: flex;
    align-items: flex-end;
    gap: 5px;
    width: 215px;
    margin: 0;
    color: #fff;
    font: 400 25px/1.04 'Ink Free', 'Bradley Hand', 'Segoe Print', cursive;
    letter-spacing: 0;
    text-shadow: 0 2px 8px #101820, 0 1px 2px #101820;
    transform: rotate(-7deg);
    pointer-events: none;
    transition: opacity .2s ease;
}
body > .category-tagline--long { font-size: 21px; line-height: 1.1; }
body > .category-tagline[data-format="staggered"] { transform: rotate(-5deg); }
body > .category-tagline[data-format="centered"] { transform: rotate(-3deg); }
body > .category-tagline[data-format="flourish"] { transform: rotate(-9deg); }
.category-tagline__lines { position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.category-tagline__line { display: block; white-space: nowrap; }
body > .category-tagline[data-format="staggered"] .category-tagline__line:nth-child(2) { margin-left: 7px; }
body > .category-tagline[data-format="staggered"] .category-tagline__line:nth-child(3) { margin-left: 14px; }
body > .category-tagline[data-format="staggered"] .category-tagline__line:nth-child(4) { margin-left: 21px; }
body > .category-tagline[data-format="centered"] .category-tagline__lines { align-items: center; }
body > .category-tagline[data-format="centered"] .category-tagline__line:nth-child(2) { font-size: 1.12em; }
body > .category-tagline[data-format="flourish"] .category-tagline__line:nth-child(2) { margin-left: 13px; }
body > .category-tagline[data-format="flourish"] .category-tagline__line:last-child { margin-left: 5px; font-size: 1.08em; }
body > .category-tagline:is([data-format="stacked"], [data-format="flourish"]) .category-tagline__lines::after {
    content: '';
    display: block;
    width: 70%;
    margin: 6px 0 0 12%;
    border-bottom: 2px solid currentColor;
    transform: rotate(-6deg);
}
.category-tagline__mark { flex: none; margin-bottom: 3px; color: #f4c857; font: normal 30px/1 'Segoe UI Symbol', 'Arial Unicode MS', sans-serif; text-shadow: 0 1px 7px #14171b; transform: rotate(12deg); }
.category-tagline__mark[data-symbol="♡"] { color: #ffb5ce; }
.category-tagline__mark:is([data-symbol="✧"], [data-symbol="☆"]) { color: #bad5ff; }
.category-tagline__mark[data-symbol="☼"] { color: #ffd48a; }
body > .category-tagline--scrolled { opacity: 0; }
html[data-theme="light"] body > .category-tagline { color: #223547; text-shadow: 0 1px 4px #fff, 0 0 9px #fff; }
html[data-theme="light"] .category-tagline__mark { text-shadow: 0 1px 4px #fff; }
body:has(#lobby) > .category-tagline { left: 30px; }
.category-tagline--compact {
    position: static;
    z-index: auto;
    width: auto;
    margin: 0;
    color: #f0dfb5;
    font: italic 14px/1.2 'Segoe Print', 'Bradley Hand', 'Comic Sans MS', cursive;
    letter-spacing: 0;
    text-shadow: none;
    transform: rotate(-2deg);
    pointer-events: none;
}
#agentChatPanel .agc-header > .category-tagline { max-width: 150px; margin-left: 6px; text-align: center; }
#friendsDmListOverlay .fdml-header > .category-tagline { max-width: 115px; margin-top: 4px; font-size: 12px; }
.hd-mid > .category-tagline { display: block; color: #d0b568; margin-top: 2px; font-size: 12px; transform: none; }
html[data-theme="light"] .category-tagline--compact { color: #744d16; }
@media (min-width: 1024px) and (max-width: 1279px) {
    body > .category-tagline { font-size: 21px; width: 190px; }
    body > .category-tagline--long { font-size: 19px; }
}
@media (max-width: 1023px) {
    body > .category-tagline { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    body > .category-tagline { transition: none; }
}