/* Astraea · 1.0.2
 * A celestial astrology theme for World Anvil presentation views.
 * Deploy this whole directory to assets/themes/astraea/.
 * Relative asset paths work both locally and on the CDN.
 * Presentation only: no route assumptions, markup changes, or theme JavaScript.
 */
@font-face {
    font-family: "Astraea Script";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/great-vibes.ttf") format("truetype");
}

/* Variables are also defined on standalone map, RPG, and tooltip roots. */
.user-css-presentation, .user-css, .user-css-extended,
.user-css-map-sidebar, .map-context-user-css, .user-css-rpgblock,
.user-css-presentation .tooltipster-content {
    --as-void: #141319;
    --as-page: #1e1d23;
    --as-panel: #27252e;
    --as-raised: #34303b;
    --as-line: #736044;
    --as-ink: #e5ddd0;
    --as-muted: #bdb2a2;
    --as-bone: #fff0d3;
    --as-gold: #dfbb78;
    --as-link: #efd099;
    --as-blood: #9971a3;
    --as-blood-light: #e8acc2;
    --as-green: #bcc9ab;
    --as-blue: #b8c9e0;
    --as-heading: "Astraea Script", "Palatino Linotype", Georgia, serif;
    --as-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --as-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --as-shadow: 0 14px 45px rgb(0 0 0 / 25%);
    color-scheme: dark;
}
.user-css-presentation {
    background: radial-gradient(ellipse at 50% 0, #34303f 0, #19171f 48%, var(--as-void) 85%);
    background-attachment: fixed;
    min-height: 100vh;
    height: auto;
    color: var(--as-ink);
    font-family: var(--as-body);
}
.user-css.page, .user-css-extended .page {
    background: linear-gradient(105deg, rgb(223 187 120 / 3%), transparent 45%), var(--as-page);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    box-shadow: var(--as-shadow);
    border-radius: 0;
}

/* Typography / article reading */
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock),
.user-css-presentation .tooltipster-content {
    font-family: var(--as-body);
    font-size: 18px;
    line-height: 1.75;
    color: var(--as-ink);
    overflow-wrap: break-word;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) p,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) li,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) dl {
    color: inherit;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h1,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h2,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h6 {
    font-family: var(--as-heading);
    color: var(--as-bone);
    font-weight: 400;
    line-height: 1.3;
    text-shadow: none;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h1 {
    font-size: clamp(32px, 4vw, 54px);
    letter-spacing: .025em;
    margin: 24px 0 14px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h2 {
    font-size: 27px;
    margin: 32px 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--as-line);
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3 {
    font-size: 22px;
    color: var(--as-gold);
    margin: 24px 0 12px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4 {
    font-size: 19px;
    margin: 20px 0 10px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h6 {
    font-size: 15px;
    letter-spacing: .065em;
    margin: 16px 0 8px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) p {
    margin-bottom: 1.15em;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) strong,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) b,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) dt {
    color: var(--as-bone);
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a {
    color: var(--as-link);
    text-decoration-color: var(--as-blood);
    text-underline-offset: .2em;
    transition: color .18s ease;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:hover,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:focus {
    color: var(--as-bone);
    text-decoration: underline;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h1 a,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h2 a,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3 a,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4 a,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5 a {
    color: inherit;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:focus-visible,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) button:focus-visible,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) input:focus-visible,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) textarea:focus-visible,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) select:focus-visible,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) summary:focus-visible {
    outline: 2px solid var(--as-gold);
    outline-offset: 4px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-muted,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) small,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .subheading,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-subheading,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .artist-credits,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-authors,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-currentDate,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .comment-box-date {
    color: var(--as-muted);
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-content,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-content {
    font-size: inherit;
    line-height: 1.8;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-title {
    font-size: clamp(34px, 5vw, 64px);
    letter-spacing: .06em;
    text-align: center;
    margin-top: 32px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #world-subtitle,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-subtitle {
    display: block;
    margin-top: 16px;
    font-family: var(--as-ui);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--as-muted);
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-subtitle small,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #world-subtitle small {
    font-size: inherit;
    color: inherit;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-currentDate {
    font-family: var(--as-body);
    font-size: 17px;
    font-style: italic;
    letter-spacing: .04em;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .dropcap {
    float: left;
    color: var(--as-gold);
    font-family: var(--as-heading);
    font-size: 4em;
    line-height: .9;
    padding: .1em .12em 0 0;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) hr {
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--as-line), var(--as-gold), var(--as-line), transparent);
    margin: 32px 0;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .aloud {
    background: #232b3b;
    color: var(--as-bone);
    border: 1px solid var(--as-line);
    border-left: 3px solid var(--as-blood);
    padding: 24px 28px;
    margin: 24px 0;
    font-family: var(--as-body);
    font-size: 20px;
    line-height: 1.7;
    box-shadow: none;
    border-radius: 0;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote {
    font-style: italic;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote .author,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote cite {
    display: block;
    color: var(--as-muted);
    font-family: var(--as-ui);
    font-size: 11px;
    font-style: normal;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-top: 12px;
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) pre,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) code,
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) kbd {
    background: var(--as-void);
    color: var(--as-green);
    border-color: var(--as-line);
}
:where(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) pre {
    padding: 18px;
    white-space: pre-wrap;
}

/* Panels, cards, covers, books */
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel-default,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .well,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .map-box,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .character-sheet,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .orgtree li a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .rhea-node,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .dictionary-word {
    background: var(--as-panel);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    border-radius: 0;
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel-heading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel-footer,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel-default > .panel-heading {
    background: var(--as-raised);
    color: var(--as-bone);
    border-color: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel-body {
    padding: 24px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel h2,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .panel h3,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock h2,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock h3 {
    color: var(--as-gold);
    background: transparent;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .map-box {
    transition: border-color .18s ease, background-color .18s ease;
    overflow: hidden;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .map-box:hover {
    background: var(--as-raised);
    border-color: var(--as-gold);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .details {
    padding: 20px 22px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .heading {
    font-size: 18px;
    color: var(--as-bone);
    margin: 0 0 10px;
    letter-spacing: .02em;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .subheading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .date {
    font-family: var(--as-ui);
    font-size: 10px;
    color: var(--as-muted);
    letter-spacing: .1em;
    text-transform: uppercase;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .excerpt {
    font-size: 16px;
    color: var(--as-ink);
    line-height: 1.65;
    margin: 12px 0 0;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel > a:hover {
    text-decoration: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-panel .cover {
    min-height: 140px;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #cover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-cover {
    border-bottom: 1px solid var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #cover img,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-cover img {
    display: block;
    max-width: 100%;
    height: auto;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .bookcover {
    box-shadow: 0 8px 18px rgb(0 0 0 / 35%);
    border: 1px solid var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .bookcover .booktitle {
    background: #1e1d23f2;
    color: var(--as-bone);
    font-family: var(--as-heading);
    font-size: 13px;
    letter-spacing: .07em;
    padding: 12px;
    border-top: 1px solid var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .bookcover .excerpt {
    background: var(--as-page);
    color: var(--as-ink);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .image-thumbnail,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .img-thumbnail {
    background: var(--as-panel);
    border-color: var(--as-line);
    border-radius: 0;
}

/* Forms / actions / navigation */
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .spoiler-button,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-roller {
    background: var(--as-raised);
    color: var(--as-bone);
    border: 1px solid var(--as-line);
    border-radius: 0;
    font-family: var(--as-ui);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .04em;
    padding: 10px 16px;
    box-shadow: none;
    text-shadow: none;
    white-space: normal;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn:focus,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .spoiler-button:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-roller:hover {
    background: #403744;
    color: var(--as-bone);
    border-color: var(--as-gold);
    text-decoration: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn-primary,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn-danger {
    background: #705638;
    border-color: #b89159;
    color: #fff1d9;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn-primary:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn-danger:hover {
    background: #896a44;
    color: #fff1d9;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn-success,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-success,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-success {
    color: var(--as-green);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-danger,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-danger {
    color: var(--as-blood-light);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-warning,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-warning {
    color: var(--as-gold);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-info,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label-info {
    color: var(--as-blue);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn[disabled],
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .btn.disabled,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) button:disabled {
    opacity: .5;
    cursor: not-allowed;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .form-control,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .typeahead-input,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) input[type="text"],
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) input[type="search"],
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) textarea,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) select {
    background: var(--as-void);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    border-radius: 0;
    box-shadow: none;
    font-family: var(--as-body);
    font-size: 16px;
    max-width: 100%;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) input::placeholder,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) textarea::placeholder {
    color: var(--as-muted);
    opacity: 1;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .form-control:focus,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .typeahead-input:focus {
    border-color: var(--as-gold);
    box-shadow: 0 0 0 2px rgb(198 174 125 / 15%);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-strip,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .backtoworld a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .menu-control,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .breadcrumb,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .pagination > li > a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .pagination > li > span {
    background: var(--as-panel);
    color: var(--as-ink);
    border-color: var(--as-line);
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs > li > a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs .nav-link,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-pills .nav-link,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-strip a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .backtoworld a {
    color: var(--as-muted);
    font-family: var(--as-ui);
    font-size: 12px;
    border-radius: 0;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs > li.active > a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs .nav-link.active,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs > li > a:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-tabs .nav-link:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .nav-pills .nav-link.active {
    background: var(--as-raised);
    color: var(--as-bone);
    border-color: var(--as-line);
    border-bottom-color: var(--as-blood);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .category-list h5 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .category-list h6 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table-of-contents a {
    color: var(--as-link);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .category-list li {
    margin-bottom: 8px;
}
.user-css-presentation #world-navigation-sidebar,
.user-css-presentation .world-navigation-palette-trigger {
    background: var(--as-page);
    color: var(--as-ink);
    border-color: var(--as-line);
    box-shadow: var(--as-shadow);
    scrollbar-color: var(--as-line) var(--as-page);
}
.user-css-presentation #world-navigation-sidebar {
    max-width: calc(100vw - 24px);
}
.user-css-presentation #world-navigation-sidebar a,
.user-css-presentation #world-navigation-sidebar h2,
.user-css-presentation #world-navigation-sidebar h5,
.user-css-presentation #world-navigation-sidebar h6 {
    color: var(--as-link);
}

/* Secrets / spoilers / tables / calendars / game blocks */
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .spoiler-content,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .secret,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .user-css-secret,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .comment-box,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .comment-box-reply {
    background: var(--as-panel);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    border-radius: 0;
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .secret,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .user-css-secret,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-danger {
    border-left: 3px solid var(--as-blood);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-success {
    border-left: 3px solid var(--as-green);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-warning {
    border-left: 3px solid var(--as-gold);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-info {
    border-left: 3px solid var(--as-blue);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) table {
    --bs-table-color: var(--as-ink);
    --bs-table-bg: var(--as-panel);
    --bs-table-striped-color: var(--as-ink);
    --bs-table-striped-bg: #2d2934;
    --bs-table-hover-color: var(--as-bone);
    --bs-table-hover-bg: #39323e;
    color: var(--as-ink);
    border-color: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table > thead > tr > th,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table > tbody > tr > th,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) table th {
    background: #39313a;
    color: var(--as-bone);
    border-color: var(--as-line);
    font-family: var(--as-ui);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .08em;
    padding: 12px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table > tbody > tr > td,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table > thead > tr > td,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) table td {
    background: var(--as-panel);
    color: var(--as-ink);
    border-color: var(--as-line);
    padding: 12px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .table-striped > tbody > tr:nth-of-type(odd) > td,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) table tbody tr:nth-child(odd) td {
    background: #2d2934;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .calendar-presentation,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .calendar-presentation .day,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .calendar-presentation .month,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .thales-cell {
    background: var(--as-panel);
    color: var(--as-ink);
    border-color: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .calendar-presentation .holiday,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .calendar-presentation .today {
    background: #483a4a;
    color: var(--as-bone);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .label,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .badge,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .tag {
    background: var(--as-raised);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    font-family: var(--as-ui);
    font-weight: 400;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock .header,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock .subheading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock .attribute {
    background: var(--as-raised);
    color: var(--as-bone);
    border-color: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock p,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock h4,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .statblock h5,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .character-sheet label {
    color: var(--as-ink);
}

/* Timelines / relationships */
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline li .timeline-panel,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .milestone-panel,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline-entry,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline-entry-milestone {
    background: var(--as-panel);
    color: var(--as-ink);
    border-color: var(--as-line);
    border-radius: 0;
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline::before {
    background: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .tl-circ,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .header-icon {
    background: var(--as-page);
    color: var(--as-gold);
    border-color: var(--as-gold);
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .major .header-icon,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .major .timeline-panel {
    border-color: var(--as-blood-light);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .important .header-icon,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .important .timeline-panel {
    border-color: var(--as-gold);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .minor .header-icon,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .minor .timeline-panel {
    border-color: var(--as-green);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .trivial .header-icon,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .trivial .timeline-panel {
    border-color: var(--as-blue);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline li .timeline-panel::before {
    border-left-color: var(--as-line);
    border-right-color: var(--as-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline li .timeline-panel::after {
    border-left-color: var(--as-panel);
    border-right-color: var(--as-panel);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .tl-heading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .tl-heading-date,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .history-content,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .era-header,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline .orphan-era {
    color: var(--as-ink);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .orgtree li::before,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .orgtree li::after,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .orgtree ul ul::before {
    border-color: var(--as-line);
}

/* Maps / popovers: keep the actual map imagery unchanged */
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-popup-content-wrapper,
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-popup-tip,
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-control-layers,
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-bar a,
.user-css-map-sidebar {
    background: var(--as-panel);
    color: var(--as-ink);
    border-color: var(--as-line);
}
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-popup-content a,
:is(.map-context-user-css, .user-css, .user-css-extended) .leaflet-control a {
    color: var(--as-link);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .map-included-navigation {
    background: var(--as-panel);
    color: var(--as-muted);
    border: 1px solid var(--as-line);
}
.user-css-presentation .tooltipster-content,
.user-css-presentation .popover,
.user-css-presentation .popover-content,
.user-css-presentation .popover-body {
    background: var(--as-panel);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    font-family: var(--as-body);
    box-shadow: var(--as-shadow);
}
.user-css-presentation .tooltipster-content a,
.user-css-presentation .popover a {
    color: var(--as-link);
}

/* Small screens / reduced motion / print */
@media (max-width: 767px) {
    .user-css.page, .user-css-extended .page { padding-left: 18px; padding-right: 18px; }
    .user-css .world-title { font-size: 34px; letter-spacing: .025em; }
    .user-css #world-subtitle { letter-spacing: .12em; line-height: 1.8; }

    .user-css blockquote, .user-css .aloud { padding: 18px; font-size: 18px; }
    .user-css .article-panel .details { padding: 18px; }
    .user-css pre { max-width: 100%; }
    .user-css .table-responsive { border-color: var(--as-line); }
}
@media (prefers-reduced-motion: reduce) {
    .user-css *, .user-css-extended *, .user-css-map-sidebar *, .user-css-rpgblock * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}
@media print {
    .user-css-presentation, .user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock {
        --as-page: #fff; --as-panel: #fff; --as-raised: #eee;
        --as-ink: #222; --as-muted: #555; --as-bone: #111;
        --as-link: #512b20; --as-gold: #665028; --as-line: #aaa;
        color-scheme: light; background: white; color: #222;
    }
    .user-css.page, .user-css-extended .page { background: white; box-shadow: none; }
    .user-css blockquote, .user-css .aloud, .user-css table td, .user-css table th {
        background: white !important; color: #222 !important;
    }
}

/* Fill the canvas even when legacy layout styles constrain body height. */
html:has(> body.user-css-presentation) {
    background: #141319;
    color-scheme: dark;
}
:is(.user-css, .user-css-extended) .bookcover {
    height: auto;
    max-width: 100%;
    background: var(--as-panel);
}
:is(.user-css, .user-css-extended) .bookcover img {
    display: block;
    width: 100%;
    height: auto;
}
:is(.user-css, .user-css-extended) .bookcover .booktitle {
    top: auto;
    bottom: 18px;
    max-width: 100%;
}
:is(.user-css, .user-css-extended) .bookcover a:hover .booktitle {
    background: #705638;
    color: var(--as-bone);
}
:is(.user-css, .user-css-extended) .bookcover a:hover .excerpt {
    width: 80%;
    left: 10%;
    color: var(--as-ink);
}
@media print {
    html:has(> body.user-css-presentation) { background: white; color-scheme: light; }
}

/* Search suggestions and action menus, including menus outside .user-css. */
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu {
    --bs-dropdown-bg: var(--as-panel);
    --bs-dropdown-color: var(--as-ink);
    --bs-dropdown-link-color: var(--as-link);
    --bs-dropdown-link-hover-color: var(--as-bone);
    --bs-dropdown-link-hover-bg: var(--as-raised);
    --bs-dropdown-link-active-color: var(--as-bone);
    --bs-dropdown-link-active-bg: #705638;
    --bs-dropdown-link-disabled-color: var(--as-muted);
    --bs-dropdown-border-color: var(--as-line);
    --bs-dropdown-divider-bg: var(--as-line);
    background: var(--as-panel);
    color: var(--as-ink);
    border: 1px solid var(--as-line);
    border-radius: 0;
    box-shadow: var(--as-shadow);
    padding: 6px 0;
    max-width: calc(100vw - 32px);
    font-family: var(--as-body);
    font-size: 16px;
    line-height: 1.5;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > li > a,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item {
    display: block;
    background: transparent;
    color: var(--as-link);
    padding: 10px 16px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > li > a:hover,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > li > a:focus,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item:hover,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item:focus {
    background: var(--as-raised);
    color: var(--as-bone);
    text-decoration: none;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .active > a,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .active > a:hover,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .active > a:focus,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item.active,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item:active {
    background: #705638;
    color: var(--as-bone);
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .info,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu strong {
    color: inherit;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .text-muted {
    /* Bootstrap text-muted uses !important. */ color: var(--as-muted) !important;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .active > a .text-muted,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item.active .text-muted {
    color: #f3dab8 !important;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .disabled > a,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .disabled > a:hover,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > .disabled > a:focus,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item.disabled,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item:disabled {
    background: transparent;
    color: var(--as-muted);
    opacity: .65;
    cursor: not-allowed;
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .divider,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-divider {
    background-color: var(--as-line);
    border-color: var(--as-line);
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-header {
    color: var(--as-muted);
    font-family: var(--as-ui);
}
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu > li > a:focus-visible,
:is(.user-css-presentation, .user-css, .user-css-extended, .map-context-user-css, .user-css-map-sidebar, .user-css-rpgblock) .dropdown-menu .dropdown-item:focus-visible {
    outline: 2px solid var(--as-gold);
    outline-offset: -3px;
}


/* Astraea — celestial folios, orbital linework and moonlit reading surfaces. */
.user-css-presentation {
 background:var(--as-void) url('../images/firmament.svg') center top/cover no-repeat fixed;
}
.user-css.main-container.page {--as-inset:clamp(22px,4vw,56px);padding:32px var(--as-inset) 42px;margin-bottom:32px;}
.user-css.main-container.page:has(> #cover) {padding-top:0;}
.user-css.main-container.page > #cover {margin-inline:calc(-1 * var(--as-inset));}
.user-css #cover {position:relative;border:0;}
.user-css #cover img {width:100%;height:auto;display:block;}
.user-css #cover:has(img[src*="/astraea/images/cover.webp"])::after {content:"";position:absolute;inset:80% 0 0;background:linear-gradient(transparent,var(--as-page));pointer-events:none;}
.user-css.page, .user-css-extended .page {background:var(--as-page);border:1px solid #736044;box-shadow:0 20px 65px #0005;}
:where(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) h1 {font-size:clamp(44px,5vw,76px);font-weight:400;line-height:1.25;letter-spacing:0;color:var(--as-gold);}
:where(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) h2 {font-size:42px;line-height:1.3;letter-spacing:0;color:var(--as-gold);border:0;padding-bottom:8px;}
:where(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) h3 {font-size:32px;line-height:1.35;letter-spacing:0;}
:where(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(h4,h5,h6) {font-family:var(--as-body);font-size:19px;letter-spacing:.025em;}
.user-css.page-world-homepage > .heading {display:block;text-align:center;padding:10px 0 30px;margin:0 0 28px;}
.user-css.page-world-homepage > .heading > .col-md-8 {float:none;width:100%;max-width:1000px;margin-inline:auto;left:auto;right:auto;}
:where(.user-css.page-world-homepage) .world-title {font-size:clamp(56px,7vw,94px);line-height:1.18;letter-spacing:0;color:var(--as-gold);margin:10px 0 16px;}
.user-css.page-world-homepage > .heading::after {content:"";display:block;height:60px;margin:24px auto 0;background:url('../images/moon-divider.svg') center/ min(600px,100%) 60px no-repeat;}
.user-css.page-world-homepage > .heading .subheading {max-width:760px;margin:24px auto 0;font-family:var(--as-body);font-weight:400;letter-spacing:0;}
:where(.user-css.page-world-homepage > .heading) .subheading p {font-size:18px;line-height:1.8;}
.user-css.page-world-homepage > .row.world-content {max-width:none;width:auto;text-align:left;}
:is(.user-css,.user-css-extended) hr {height:60px;border:0;opacity:1;margin:30px 0;background:url('../images/moon-divider.svg') center/min(600px,100%) 60px no-repeat;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.panel,.well,.article-panel,.map-box,.statblock) {border:1px solid var(--as-line);box-shadow:inset 0 0 0 4px var(--as-page),inset 0 0 0 5px #73604455;background:var(--as-panel);}
:is(.user-css,.user-css-extended) .article-panel {margin-bottom:24px;}
:is(.user-css,.user-css-extended) .article-panel .details {position:relative;padding:32px 24px 24px;background:transparent;}
:is(.user-css,.user-css-extended) .article-panel .details::before,
:is(.user-css,.user-css-extended) .map-box .map-thumbnail + div::before {content:"";display:block;height:32px;background:url('../images/moon-divider.svg') center/100% 32px no-repeat;margin:-10px 0 12px;pointer-events:none;}
:is(.user-css,.user-css-extended) .article-panel .heading {font-family:var(--as-heading);font-size:32px;line-height:1.25;letter-spacing:0;color:var(--as-gold);}
:is(.user-css,.user-css-extended) .article-panel:hover {background:#302b36;border-color:var(--as-gold);}
:is(.user-css,.user-css-extended) .article-panel .cover {min-height:140px;}
:is(.user-css,.user-css-extended) .map-box .map-thumbnail + div {padding:24px;}
:is(.user-css,.user-css-extended) :is(.articletoc,.article-sidebar .table-of-contents) {display:block;width:100%;max-width:100%;padding:24px;background:var(--as-panel);border:1px solid var(--as-line);box-shadow:inset 0 0 0 4px var(--as-page),inset 0 0 0 5px #73604455;}
:is(.user-css,.user-css-extended) .articletoc .article-toc-link {display:block;padding:10px 0;border-bottom:1px solid #73604466;line-height:1.5;}
.user-css.page-world-homepage > .world-content > .table-of-contents {background:none;box-shadow:none;border:0;}
:is(.user-css,.user-css-extended) .bookcover {position:relative;background:var(--as-page);border:1px solid var(--as-line);overflow:hidden;}
:is(.user-css,.user-css-extended) .bookcover .booktitle {top:auto;bottom:13%;left:8%;right:8%;width:84%;max-width:84%;margin:0;padding:8px 10px;background:transparent;border:0;text-align:center;font:400 clamp(25px,2.4vw,38px)/1.25 var(--as-heading);letter-spacing:0;color:#f0ce8f;text-shadow:0 1px #fff1c433,0 -1px #000;}
:is(.user-css,.user-css-extended) .bookcover a:hover .booktitle {background:#28232def;color:#ffe3ad;text-decoration:none;}
:is(.user-css,.user-css-extended) .bookcover .excerpt,
:is(.user-css,.user-css-extended) .bookcover a:hover .excerpt {left:8%;width:84%;color:var(--as-ink);background:#1e1d23f5;padding:16px;font:16px/1.6 var(--as-body);border:1px solid var(--as-line);text-decoration:none;}
:is(.user-css,.user-css-extended) .bookcover a:hover {text-decoration:none;}
/* Read-alouds are midnight blue; secrets are a separate plum folio. */
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .aloud {background:#202b3d;color:#e1e9f6;border:1px solid #7987a9;border-left:3px solid #a8b9d9;box-shadow:inset 0 0 0 5px #202b3d,inset 0 0 0 6px #7987a944;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.secret-container,.user-css-secret,.secret-panel,.secret) {background:#332535;color:#efdaea;border:1px solid #9d7599;border-top:3px solid #ba91b5;padding:24px;margin:24px 0;border-radius:0;}
:is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel) :is(.user-css,.user-css-extended) {background:transparent;color:#efdaea;}
:is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel,.aloud) :is(p,li,div,small,strong) {color:inherit;}
:is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel,.user-css-secret) :is(h3,h4,h5) {color:#f5d8ee;}
:is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel,.user-css-secret) a:not(.btn) {color:#f4c892;}
:is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel) > :is(h4,h5)::after {content:"";display:block;height:32px;background:url('../images/moon-divider.svg') left/ min(420px,100%) 32px no-repeat;margin:12px 0;}
/* Return link: a small star extends beyond a square, engraved nameplate. */
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld {position:relative;height:auto;min-height:44px;margin:0 0 28px;padding:0;z-index:2;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a {position:relative;display:inline-flex;align-items:center;left:-28px;top:-12px;max-width:calc(100% + 10px);min-height:44px;padding:12px 24px 12px 30px;background:#29232d;color:var(--as-link);border:1px solid var(--as-gold);border-radius:0;box-shadow:inset 0 0 0 4px #29232d,inset 0 0 0 5px #736044;white-space:normal;overflow-wrap:anywhere;font:15px/1.5 var(--as-body);text-decoration:none;transition:box-shadow .2s ease;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::before {content:"";position:absolute;left:-21px;top:50%;width:42px;height:42px;background:url('../images/return-star.svg') center/contain no-repeat;transform:translateY(-50%);transition:transform .2s ease;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus-visible) {color:#ffe4b1;background:#302836;box-shadow:inset 0 0 0 4px #29232d,inset 0 0 0 5px #b59259,0 8px 20px #0007;text-decoration:none;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus-visible)::before {transform:translate(-5px,-50%);}
/* Maps: leave imagery and map controls untouched; arrange the caption actions. */
:is(.user-css,.user-css-extended,.user-css-map-sidebar) .map-included-navigation {padding:12px 16px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar) .map-included-navigation-information {margin:0;padding:0;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar) .map-included-navigation-information > small {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar) .map-included-navigation-title {float:none;flex:1 1 160px;min-width:0;margin:0;overflow-wrap:anywhere;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar) .map-included-navigation :is(.map-open-full,.map-edit) {position:static;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:30px;padding:5px 9px;margin:0;font:13px/1.4 var(--as-ui);}
:is(.user-css,.user-css-extended) .article-content :is(.image-container,.user-css-image) img {border:1px solid var(--as-line);padding:4px;background:var(--as-void);max-width:100%;height:auto;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.world-editor-link.btn,.world-editor-link .btn,.secret-edit.btn) {display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:24px;height:24px;min-height:24px;padding:3px 5px;margin:0 3px;vertical-align:middle;font:12px/1 var(--as-ui);border-radius:0;}
:is(.user-css,.user-css-extended) .social-sharing {display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;vertical-align:top;margin-top:0!important;}
:is(.user-css,.user-css-extended) .social-sharing > a,
:is(.user-css,.user-css-extended) .col-md-12:has(> .social-sharing) > .btn,
:is(.user-css,.user-css-extended) .col-md-12:has(> .social-sharing) > .btn-group > .btn {display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;margin-top:0!important;vertical-align:top;}
:is(.user-css,.user-css-extended) .social-sharing > a {height:42px;padding:8px 14px;border:1px solid var(--as-line);background:var(--as-panel);}
:is(.user-css,.user-css-extended) .social-sharing img {display:block;border:0;padding:0;margin:0;height:auto;}
.user-css-extended {background:transparent;color:var(--as-ink);}
.user-css-extended .container.page {padding:28px 36px 32px;margin-bottom:28px;}
:is(.user-css-presentation,.user-css-extended) :is(.article-extended-tabs,.extendedbody-comments,.extendedbody-metadata,.article-extended-metadata) {background:var(--as-page);background-image:none;color:var(--as-ink);border-color:var(--as-line);}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs {background:transparent;border-bottom:1px solid var(--as-line);}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs :is(.nav-link,li > a) {background:var(--as-panel);color:var(--as-link);border:1px solid var(--as-line);border-radius:0;opacity:1;}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs :is(.nav-link.active,li.active > a,li > a:hover) {background:#4b3b31;color:#ffe4b1;border-color:var(--as-gold);}
:is(.user-css-presentation,.user-css-extended) .extendedbody-comments :is(.comment-box-container,.comment-box-content,.comment-box-signature) {background:transparent;color:inherit;}
@media(max-width:767px){
 :where(.user-css,.user-css-extended) h2 {font-size:36px;}
 .user-css .world-title {font-size:56px;letter-spacing:0;}
 .user-css .backtoworld a {left:0;max-width:100%;font-size:14px;padding-left:26px;}
 .user-css .backtoworld a::before {width:30px;left:-13px;}
 .user-css-extended .container.page {padding:24px;}
 :is(.user-css,.user-css-extended) :is(.aloud,.secret-container,.secret-panel) {padding:20px;}
}
@media(prefers-reduced-motion:reduce){
 .user-css .backtoworld a::before {transition:none;}
 .user-css .backtoworld a:is(:hover,:focus-visible)::before {transform:translateY(-50%);}
}
@media print{
 .user-css-presentation,.user-css.page,.user-css-extended .page {background:#fff!important;color:#222;box-shadow:none;}
 :is(.user-css,.user-css-extended) :is(.secret-container,.secret-panel,.user-css-secret,.aloud,.article-panel,.panel,.well,.map-box) {background:#fff;color:#222;border-color:#777;box-shadow:none;}
 :is(.user-css,.user-css-extended) :is(h1,h2,h3,h4,h5,h6,a,p) {color:#222;}
 .backtoworld {display:none;}
}
/* Override legacy all-caps book and masthead rules without locking editor typography. */
.user-css h1,.user-css h2,.user-css h3,.user-css-extended h1,.user-css-extended h2,.user-css-extended h3 {font-family:var(--as-heading);font-weight:400;text-transform:none;}
.user-css .world-title {font-family:var(--as-heading);text-transform:none;}
:is(.user-css,.user-css-extended) .bookcover .booktitle {text-transform:none;font-size:28px;line-height:1.2;overflow-wrap:normal;word-break:normal;bottom:12%;}
/* Bootstrap explicitly marks muted utility colors as important. */
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .text-muted {color:var(--as-muted)!important;}
/* Mauve enamel in the brass frames; restrained titles on small folios. */
:is(.user-css,.user-css-extended) .bookcover .booktitle {font-size:24px;line-height:1.25;padding:6px;bottom:13%;}
:is(.user-css,.user-css-extended) :is(.article-panel,.map-box,.articletoc,.panel) {border-color:#86708d;box-shadow:inset 0 0 0 4px var(--as-page),inset 0 0 0 5px #977b9c66;}
:is(.user-css,.user-css-extended) .article-panel:hover {background:#382d40;border-color:#c2a0cc;}
:is(.user-css,.user-css-extended) .article-panel .subheading {color:#c6aecf;}
:is(.user-css,.user-css-extended) .articletoc .article-toc-link {border-bottom-color:#987ca255;}
:is(.user-css,.user-css-extended) .articletoc a:hover {color:#e2bcec;}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs :is(.nav-link.active,li.active > a,li > a:hover) {background:#49344f;border-color:#bd99c5;color:#fff0d3;}
:is(.user-css,.user-css-extended) .bookcover a:hover .booktitle {background:#35283deb;color:#ffe3ad;}

/* Compact, consistent titles for article, map and supporting blocks. */
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.article-panel,.map-box) .heading {
    font-family:var(--as-heading);font-size:24px;font-weight:400;
    line-height:1.35;letter-spacing:0;text-transform:none;
    color:var(--as-gold);margin:0 0 10px;padding-top:0;
    overflow-wrap:break-word;
}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.panel,.well,.statblock,.articletoc) :is(h2,h3),
:is(.user-css,.user-css-extended) .timeline :is(.tl-heading,h3) {
    font-family:var(--as-heading);font-size:26px;font-weight:400;
    line-height:1.35;letter-spacing:0;text-transform:none;
}

/* Discussion boards: embedded lists, board/category pages, threads and editors.
 * Scoped to public board markup; retain author paragraph-size overrides. */
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) {--db-page:var(--as-page);--db-panel:var(--as-panel);--db-raised:var(--as-raised);--db-ink:var(--as-ink);--db-line:var(--as-line);--db-title:var(--as-bone);--db-muted:var(--as-muted);--db-link:var(--as-link);--db-accent:var(--as-gold);--db-heading:var(--as-heading);--db-ui:var(--as-ui); color:var(--db-ink);overflow-wrap:anywhere;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-section {background:transparent;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-wrap.card,.discussion-board-post.card),
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .card {background:var(--db-panel);color:var(--db-ink);border:1px solid var(--db-line);border-radius:0;box-shadow:none;margin-bottom:24px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.card-body,.discussion-board-contents) {background:transparent;color:var(--db-ink);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .card-body {padding:clamp(16px,2.5vw,28px);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.card-header,.card-footer) {background:var(--db-raised);color:var(--db-ink);border-color:var(--db-line);border-radius:0;padding:16px 20px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-header {margin-bottom:0;border-bottom:1px solid var(--db-line);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-header h3,.discussion-board-child h4,.discussion-board-child h5,.discussion-board-thread-header,.discussion-board-thread-form-header) {font-family:var(--db-heading);font-size:24px;line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:var(--db-title);margin:0 0 12px;padding:0;background:none;border:0;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-thread-form-header,.discussion-board-additional h5) {font-family:var(--db-ui);font-size:17px;line-height:1.5;letter-spacing:0;text-transform:none;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-header h3,.discussion-board-child h4,.discussion-board-child h5,.discussion-board-thread-header,.discussion-board-thread-form-header)::after {content:none;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) a:not(.btn) {color:var(--db-link);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) a:not(.btn):hover {color:var(--db-title);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-thread-metadata,.discussion-board-thread-date,.discussion-board-last-update-date,.discussion-board-details) {color:var(--db-muted);font-family:var(--db-ui);font-size:14px;line-height:1.6;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-child {display:flow-root;margin:0;padding:20px 12px;border-bottom:1px solid var(--db-line);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-child:last-child {border-bottom:0;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-child.discussion-board-thread-pinned {background:var(--db-raised);border-left:3px solid var(--db-accent);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-replies > .discussion-board-thread-reply {margin:24px 0 24px 24px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-actions-top,.discussion-board-post-actions,.discussion-board-footer) {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-reply {padding-top:16px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-thread-poster img,.discussion-board-poster-avatar) {width:100%;max-width:80px;height:auto;object-fit:contain;border:1px solid var(--db-line);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-poster-avatar {width:40px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-fulltext {color:var(--db-ink);line-height:1.75;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-fulltext :is(img,video,iframe) {max-width:100%;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-replyTo {background:var(--db-raised);color:var(--db-ink);border:0;border-left:3px solid var(--db-accent);margin:20px 0;padding:16px 20px;font-family:inherit;font-size:inherit;line-height:1.65;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-instructions,.discussion-board-ooc,.discussion-board-dice),
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-post:is(.discussion-board-post-instructions,.discussion-board-post-ooc,.discussion-board-post-dice-roll) {background:var(--db-raised);color:var(--db-ink);border:1px solid var(--db-line);border-left:3px solid var(--db-accent);padding:16px;margin-block:20px;font-weight:normal;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-dice-result {font-family:var(--db-ui);font-size:28px;color:var(--db-title);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-instructions,.discussion-board-ooc) h5 {font-family:var(--db-ui);font-size:17px;color:var(--db-title);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .form-control:not([type=submit]),
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .select2-container .select2-selection {background:var(--db-page);color:var(--db-ink);border:1px solid var(--db-line);border-radius:0;box-shadow:none;font-family:var(--db-ui);font-size:16px;max-width:100%;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(input,select).form-control:not([type=submit]) {min-height:42px;height:auto;padding:8px 12px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) textarea.form-control {min-height:140px;height:auto;padding:12px;resize:vertical;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .form-control::placeholder {color:var(--db-muted);opacity:1;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .select2-selection__rendered {color:var(--db-ink);}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;height:auto;padding:8px 14px;background:var(--db-raised);color:var(--db-title)!important;border:1px solid var(--db-line);border-radius:0;font-family:var(--db-ui);font-size:14px;line-height:1.4;text-transform:none;letter-spacing:0;text-decoration:none;white-space:normal;box-shadow:none;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .btn:is(:hover,:focus-visible) {background:var(--db-panel);color:var(--db-link)!important;border-color:var(--db-accent);text-decoration:none;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .btn-xs {min-height:30px;padding:5px 9px;font-size:12px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(a,button,input,select,textarea):focus-visible {outline:2px solid var(--db-accent);outline-offset:3px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) input[type=submit] {width:100%;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) :is(.discussion-board-poster,.discussion-board-additional) {margin-bottom:20px;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-section > #cover {position:relative;height:clamp(150px,22vw,280px);overflow:hidden;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-section > #cover img {display:block;width:100%;height:100%;object-fit:cover;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-section > #header {margin-inline:0;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-back-to-world > .col {padding-inline:0;}
@media (max-width:575px) {
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-replies > .discussion-board-thread-reply {margin-left:0;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-post > .card-body > .row {display:block;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-post > .card-body > .row > :is(.col-1,.col-2,.col-10,.col-11,.col-sm-1,.col-sm-2,.col-sm-10,.col-sm-11) {width:100%;max-width:100%;flex:none;float:none;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-post > .card-body > .row {display:block;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) .discussion-board-post > .card-body > .row > :is(.col-1,.col-2,.col-10,.col-11,.col-sm-1,.col-sm-2,.col-sm-10,.col-sm-11) {width:100%;max-width:100%;flex:none;float:none;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-poster {margin-bottom:12px;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-poster img {max-width:48px;}
 :is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-section,.discussion-board-wrap,.discussion-board-post,.discussion-board-thread-reply-form) .discussion-board-thread-date {display:block!important;margin-left:0!important;}
}

:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.discussion-board-wrap.card,.discussion-board-post.card) {border-top:3px double var(--db-accent);}