/* Mourning Bell · 1.0.6
 * A Gothic horror theme for World Anvil presentation views.
 * Deploy this whole directory to assets/themes/mourningbell/.
 * Relative asset paths work both locally and on the CDN.
 * Presentation only: no route assumptions, markup changes, or theme JavaScript.
 */
@font-face {
    font-family: "MB Cinzel";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/cinzel-medium.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 {
    --mb-void: #0c0e0e;
    --mb-page: #181b1a;
    --mb-panel: #202422;
    --mb-raised: #292e2b;
    --mb-line: #45483f;
    --mb-ink: #d5cebf;
    --mb-muted: #aaa596;
    --mb-bone: #eee5d3;
    --mb-gold: #c6ae7d;
    --mb-link: #d8b78e;
    --mb-blood: #873e3c;
    --mb-blood-light: #e5a29a;
    --mb-green: #afc0a1;
    --mb-blue: #a7bdc9;
    --mb-heading: "MB Cinzel", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --mb-body: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --mb-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mb-shadow: 0 14px 45px rgb(0 0 0 / 25%);
    color-scheme: dark;
}
.user-css-presentation {
    background: radial-gradient(ellipse at 50% 0, #30342e 0, #141716 48%, var(--mb-void) 85%);
    background-attachment: fixed;
    min-height: 100vh;
    height: auto;
    color: var(--mb-ink);
    font-family: var(--mb-body);
}
.user-css.page, .user-css-extended .page {
    background: linear-gradient(105deg, rgb(198 174 125 / 3%), transparent 45%), var(--mb-page);
    color: var(--mb-ink);
    border: 1px solid var(--mb-line);
    box-shadow: var(--mb-shadow);
    border-radius: 0;
}

/* Typography / article reading */
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock),
.user-css-presentation .tooltipster-content {
    font-family: var(--mb-body);
    font-size: 18px;
    line-height: 1.75;
    color: var(--mb-ink);
    overflow-wrap: break-word;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) p,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) li,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) dl {
    color: inherit;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h1,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h2,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h6 {
    font-family: var(--mb-heading);
    color: var(--mb-bone);
    font-weight: 500;
    line-height: 1.3;
    text-shadow: none;
}
:is(.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;
}
:is(.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(--mb-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3 {
    font-size: 22px;
    color: var(--mb-gold);
    margin: 24px 0 12px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4 {
    font-size: 19px;
    margin: 20px 0 10px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h6 {
    font-size: 15px;
    letter-spacing: .065em;
    margin: 16px 0 8px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) p {
    margin-bottom: 1.15em;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) strong,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) b,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) dt {
    color: var(--mb-bone);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a {
    color: var(--mb-link);
    text-decoration-color: var(--mb-blood);
    text-underline-offset: .2em;
    transition: color .18s ease;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:hover,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:focus {
    color: var(--mb-bone);
    text-decoration: underline;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h1 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h2 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h3 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h4 a,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) h5 a {
    color: inherit;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) a:focus-visible,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) button:focus-visible,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) input:focus-visible,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) textarea:focus-visible,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) select:focus-visible,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) summary:focus-visible {
    outline: 2px solid var(--mb-gold);
    outline-offset: 4px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .text-muted,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) small,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .subheading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-subheading,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .artist-credits,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-authors,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-currentDate,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .comment-box-date {
    color: var(--mb-muted);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .article-content,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-content {
    font-size: 18px;
    line-height: 1.8;
}
:is(.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;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #world-subtitle,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-subtitle {
    display: block;
    margin-top: 16px;
    font-family: var(--mb-ui);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--mb-muted);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-subtitle small,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) #world-subtitle small {
    font-size: inherit;
    color: inherit;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .world-currentDate {
    font-family: var(--mb-body);
    font-size: 17px;
    font-style: italic;
    letter-spacing: .04em;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .dropcap {
    float: left;
    color: var(--mb-gold);
    font-family: var(--mb-heading);
    font-size: 4em;
    line-height: .9;
    padding: .1em .12em 0 0;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) hr {
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mb-line), var(--mb-gold), var(--mb-line), transparent);
    margin: 32px 0;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .aloud {
    background: #222320;
    color: var(--mb-bone);
    border: 1px solid var(--mb-line);
    border-left: 3px solid var(--mb-blood);
    padding: 24px 28px;
    margin: 24px 0;
    font-family: var(--mb-body);
    font-size: 20px;
    line-height: 1.7;
    box-shadow: none;
    border-radius: 0;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote {
    font-style: italic;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote .author,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) blockquote cite {
    display: block;
    color: var(--mb-muted);
    font-family: var(--mb-ui);
    font-size: 11px;
    font-style: normal;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-top: 12px;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) pre,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) code,
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) kbd {
    background: var(--mb-void);
    color: var(--mb-green);
    border-color: var(--mb-line);
}
:is(.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(--mb-panel);
    color: var(--mb-ink);
    border: 1px solid var(--mb-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(--mb-raised);
    color: var(--mb-bone);
    border-color: var(--mb-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(--mb-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(--mb-raised);
    border-color: var(--mb-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(--mb-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(--mb-ui);
    font-size: 10px;
    color: var(--mb-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(--mb-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(--mb-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(--mb-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(--mb-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .bookcover .booktitle {
    background: #181b1af2;
    color: var(--mb-bone);
    font-family: var(--mb-heading);
    font-size: 13px;
    letter-spacing: .07em;
    padding: 12px;
    border-top: 1px solid var(--mb-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .bookcover .excerpt {
    background: var(--mb-page);
    color: var(--mb-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(--mb-panel);
    border-color: var(--mb-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(--mb-raised);
    color: var(--mb-bone);
    border: 1px solid var(--mb-line);
    border-radius: 2px;
    font-family: var(--mb-ui);
    font-size: 12px;
    font-weight: 500;
    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: #393d35;
    color: var(--mb-bone);
    border-color: var(--mb-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: #703633;
    border-color: #a8645c;
    color: #fff0e0;
}
: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: #8b4841;
    color: #fff0e0;
}
: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(--mb-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(--mb-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(--mb-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(--mb-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(--mb-void);
    color: var(--mb-ink);
    border: 1px solid var(--mb-line);
    border-radius: 2px;
    box-shadow: none;
    font-family: var(--mb-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(--mb-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(--mb-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(--mb-panel);
    color: var(--mb-ink);
    border-color: var(--mb-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(--mb-muted);
    font-family: var(--mb-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(--mb-raised);
    color: var(--mb-bone);
    border-color: var(--mb-line);
    border-bottom-color: var(--mb-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(--mb-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(--mb-page);
    color: var(--mb-ink);
    border-color: var(--mb-line);
    box-shadow: var(--mb-shadow);
    scrollbar-color: var(--mb-line) var(--mb-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(--mb-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(--mb-panel);
    color: var(--mb-ink);
    border: 1px solid var(--mb-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(--mb-blood);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-success {
    border-left: 3px solid var(--mb-green);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-warning {
    border-left: 3px solid var(--mb-gold);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .alert-info {
    border-left: 3px solid var(--mb-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(--mb-ink);
    --bs-table-bg: var(--mb-panel);
    --bs-table-striped-color: var(--mb-ink);
    --bs-table-striped-bg: #262b27;
    --bs-table-hover-color: var(--mb-bone);
    --bs-table-hover-bg: #30352f;
    color: var(--mb-ink);
    border-color: var(--mb-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: #30332c;
    color: var(--mb-bone);
    border-color: var(--mb-line);
    font-family: var(--mb-ui);
    font-size: 11px;
    font-weight: 500;
    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(--mb-panel);
    color: var(--mb-ink);
    border-color: var(--mb-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: #262b27;
}
: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(--mb-panel);
    color: var(--mb-ink);
    border-color: var(--mb-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: #3e302a;
    color: var(--mb-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(--mb-raised);
    color: var(--mb-ink);
    border: 1px solid var(--mb-line);
    font-family: var(--mb-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(--mb-raised);
    color: var(--mb-bone);
    border-color: var(--mb-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(--mb-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(--mb-panel);
    color: var(--mb-ink);
    border-color: var(--mb-line);
    border-radius: 0;
    box-shadow: none;
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline::before {
    background: var(--mb-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(--mb-page);
    color: var(--mb-gold);
    border-color: var(--mb-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(--mb-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(--mb-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(--mb-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(--mb-blue);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline li .timeline-panel::before {
    border-left-color: var(--mb-line);
    border-right-color: var(--mb-line);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .timeline li .timeline-panel::after {
    border-left-color: var(--mb-panel);
    border-right-color: var(--mb-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(--mb-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(--mb-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(--mb-panel);
    color: var(--mb-ink);
    border-color: var(--mb-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(--mb-link);
}
:is(.user-css, .user-css-extended, .user-css-map-sidebar, .user-css-rpgblock) .map-included-navigation {
    background: var(--mb-panel);
    color: var(--mb-muted);
    border: 1px solid var(--mb-line);
}
.user-css-presentation .tooltipster-content,
.user-css-presentation .popover,
.user-css-presentation .popover-content,
.user-css-presentation .popover-body {
    background: var(--mb-panel);
    color: var(--mb-ink);
    border: 1px solid var(--mb-line);
    font-family: var(--mb-body);
    box-shadow: var(--mb-shadow);
}
.user-css-presentation .tooltipster-content a,
.user-css-presentation .popover a {
    color: var(--mb-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 .article-content, .user-css .world-content { font-size: 17px; }
    .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(--mb-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 {
        --mb-page: #fff; --mb-panel: #fff; --mb-raised: #eee;
        --mb-ink: #222; --mb-muted: #555; --mb-bone: #111;
        --mb-link: #512b20; --mb-gold: #665028; --mb-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: #0c0e0e;
    color-scheme: dark;
}
:is(.user-css, .user-css-extended) .bookcover {
    height: auto;
    max-width: 100%;
    background: var(--mb-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: #703633;
    color: var(--mb-bone);
}
:is(.user-css, .user-css-extended) .bookcover a:hover .excerpt {
    width: 80%;
    left: 10%;
    color: var(--mb-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(--mb-panel);
    --bs-dropdown-color: var(--mb-ink);
    --bs-dropdown-link-color: var(--mb-link);
    --bs-dropdown-link-hover-color: var(--mb-bone);
    --bs-dropdown-link-hover-bg: var(--mb-raised);
    --bs-dropdown-link-active-color: var(--mb-bone);
    --bs-dropdown-link-active-bg: #703633;
    --bs-dropdown-link-disabled-color: var(--mb-muted);
    --bs-dropdown-border-color: var(--mb-line);
    --bs-dropdown-divider-bg: var(--mb-line);
    background: var(--mb-panel);
    color: var(--mb-ink);
    border: 1px solid var(--mb-line);
    border-radius: 2px;
    box-shadow: var(--mb-shadow);
    padding: 6px 0;
    max-width: calc(100vw - 32px);
    font-family: var(--mb-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(--mb-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(--mb-raised);
    color: var(--mb-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: #703633;
    color: var(--mb-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(--mb-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: #e3c7bc !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(--mb-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(--mb-line);
    border-color: var(--mb-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(--mb-muted);
    font-family: var(--mb-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(--mb-gold);
    outline-offset: -3px;
}

/* Back to world: keep long/localized labels within the article header. */
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld {
    position: relative;
    width: 100%;
    padding: 18px 15px 8px;
    margin: 0;
}
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld a {
    position: static;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 16px;
    margin: 0;
    background: var(--mb-panel);
    color: var(--mb-link);
    border: 1px solid var(--mb-line);
    border-radius: 2px;
    box-shadow: none;
    font-family: var(--mb-ui);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: none;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld a::before {
    content: "←";
    flex: 0 0 auto;
    color: var(--mb-gold);
    font-size: 18px;
}
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld a:hover,
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld a:focus {
    background: var(--mb-raised);
    color: var(--mb-bone);
    border-color: var(--mb-gold);
    text-decoration: none;
    box-shadow: none;
}
:is(.user-css-presentation, .user-css, .user-css-extended) .backtoworld a:focus-visible {
    outline: 2px solid var(--mb-gold);
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .user-css-presentation .backtoworld a { transition: none; }
}

/* Article footer controls share one vertical rhythm across both renderers. */
:is(.user-css,.user-css-extended) .col-md-12:has(> .social-sharing) > :is(.btn,.btn-group),
:is(.user-css,.user-css-extended) .social-sharing {vertical-align:top;margin-top:0!important;}
: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,
:is(.user-css,.user-css-extended) .social-sharing > a {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:42px;min-height:42px;margin-top:0!important;vertical-align:top;
}
:is(.user-css,.user-css-extended) .social-sharing {display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:16px;}
:is(.user-css,.user-css-extended) .social-sharing > a {margin-left:0!important;margin-bottom:0!important;padding:10px 16px;border:1px solid var(--mb-line);background:var(--mb-panel);text-decoration:none;}
:is(.user-css,.user-css-extended) .social-sharing > a:hover {border-color:var(--mb-gold);background:var(--mb-raised);}
:is(.user-css,.user-css-extended) .social-sharing > a > img {display:block;max-width:100%;height:auto;margin:0;padding:0;border:0;box-shadow:none;}
/* 1.0.2 — floating return tab, compact author controls and bell ornaments. */
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld {position:relative;width:100%;height:0;padding:0;margin:0;z-index:4;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a {position:absolute;top:-20px;left:-44px;max-width:calc(100% + 44px);min-height:40px;padding:8px 18px 8px 14px;border:1px solid transparent;border-radius:0;background:transparent;box-shadow:none;isolation:isolate;color:var(--mb-bone);font-family:var(--mb-heading);font-size:15px;}
.user-css #header {padding-top:0;min-height:28px;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::before {content:"";position:absolute;left:-43px;top:50%;width:48px;height:48px;transform:translateY(-50%);background:url('../images/return-arrow.svg') center/contain no-repeat;transition:transform 220ms cubic-bezier(.2,.7,.2,1),filter 220ms ease;pointer-events:none;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::after {content:"";position:absolute;inset:-1px -1px -1px -14px;background:url('../images/return-tab.svg') center/100% 100% no-repeat;filter:drop-shadow(2px 3px 2px #0005);z-index:-1;pointer-events:none;transition:filter 220ms ease;}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus,:focus-visible) {background:transparent;border-color:transparent;box-shadow:none;color:var(--mb-bone);}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus-visible)::before {transform:translate(-7px,-50%);filter:brightness(1.18) drop-shadow(2px 3px 3px #0006);}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus-visible)::after {filter:brightness(1.12) drop-shadow(3px 7px 5px #0008);}
: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(--mb-ui);letter-spacing:0;background:var(--mb-raised);color:var(--mb-gold);border:1px solid var(--mb-line);border-radius:2px;box-shadow:none;}
:is(.user-css,.user-css-extended,.user-css-map-sidebar,.user-css-rpgblock) :is(.world-editor-link,.secret-edit) :is(i,svg) {font-size:12px;width:12px;height:12px;line-height:1;}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs {background:transparent;border-bottom:1px solid var(--mb-line);}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs > li {background:transparent;}
:is(.user-css,.user-css-extended) .extendedbody-tabs.nav-tabs :is(.nav-link,li > a) {background:var(--mb-panel);color:var(--mb-link);border:1px solid var(--mb-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,li > a:focus-visible) {background:#54332f;color:#fff0d8;border-color:#b28d6b;}
:is(.user-css,.user-css-extended) hr {height:44px;border:0;opacity:1;background:url('../images/bell-divider.svg') center/min(600px,100%) 44px no-repeat;}
:is(.user-css,.user-css-extended) .article-panel .details,
:is(.user-css,.user-css-extended) .map-box .map-thumbnail + div {position:relative;padding-top:28px;}
:is(.user-css,.user-css-extended) .article-panel .details::before,
:is(.user-css,.user-css-extended) .map-box .map-thumbnail + div::before {content:"";position:absolute;left:8px;right:8px;top:-20px;height:40px;background:url('../images/bell-divider.svg') center/100% 40px no-repeat;pointer-events:none;}
:is(.user-css,.user-css-extended) .article-panel:not(:has(.cover,img)) .details::before {top:0;}
:is(.user-css,.user-css-extended) .article-panel:not(:has(.cover,img)) .details {padding-top:44px;}
:is(.user-css,.user-css-extended) :is(.secret-container,.user-css-secret) > :is(h4,h5) {position:relative;padding-bottom:28px;margin-bottom:12px;color:var(--mb-bone);}
:is(.user-css,.user-css-extended) :is(.secret-container,.user-css-secret) > :is(h4,h5)::after {content:"";position:absolute;bottom:-8px;left:0;right:0;height:32px;background:url('../images/bell-divider.svg') center/min(420px,100%) 32px no-repeat;pointer-events:none;}
@media(max-width:767px){
 :is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a {left:32px;max-width:calc(100% - 32px);font-size:12px;padding:8px 12px;}
 :is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::before {left:-36px;width:40px;height:40px;}
}
@media(prefers-reduced-motion:reduce){
 :is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::before,:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::after {transition:none;}
 :is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a:is(:hover,:focus-visible)::before {transform:translateY(-50%);}
}

@media(min-width:768px) and (max-width:1100px){:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a{left:16px;max-width:calc(100% - 16px);}}
:is(.user-css,.user-css-extended) .map-box .map-thumbnail + div {padding-left:22px;padding-right:22px;padding-bottom:18px;}

/* 1.0.5 — breathing room inside page surfaces, with flush covers retained. */
.user-css.main-container.page {--mb-page-inset:40px;padding:32px var(--mb-page-inset) 40px;}
.user-css.main-container.page:has(> #cover) {padding-top:0;}
.user-css.main-container.page > #cover {margin-left:calc(-1 * var(--mb-page-inset));margin-right:calc(-1 * var(--mb-page-inset));}
.user-css-extended .container.page {padding:28px 40px 32px;margin-bottom:30px;}
.user-css-extended .article-extended-tabs.page {padding-bottom:28px!important;}
.user-css-extended .extendedbody-metadata.tab-pane {padding-top:20px;}
@media(max-width:767px){
 .user-css.main-container.page {--mb-page-inset:24px;padding-top:24px;padding-bottom:28px;}
 .user-css.main-container.page:has(> #cover) {padding-top:0;}
 .user-css-extended .container.page {padding:20px 24px 24px;margin-bottom:24px;}
 .user-css-extended .article-extended-tabs.page {padding-bottom:24px!important;}
}

/* Keep the left bevel fixed-width and fitted behind the arrow at every label height. */
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::after {
 inset:-1px -1px -1px -16px; background:none;
 border-style:solid; border-color:transparent; border-width:0 1px 0 15px;
 border-image:url('../images/return-tab.svg') 0 1 0 15 fill stretch;
}
:is(.user-css-presentation,.user-css,.user-css-extended) .backtoworld a::before {
 left:-43px; top:50%; width:48px; height:calc(120% + 2.4px);
 background-size:100% 100%; z-index:1;
}

/* 1.0.6 — supplied cemetery photograph, with its full composition retained. */
.user-css :is(#cover,.world-cover):has(img[src*="/mourningbell/images/cover.webp"]) {
    position:relative;
    border-bottom:0;
}
.user-css :is(#cover,.world-cover) img[src*="/mourningbell/images/cover.webp"] {
    display:block; width:100%; height:auto; max-height:none;
    aspect-ratio:auto; object-fit:contain; object-position:center;
}
.user-css :is(#cover,.world-cover):has(img[src*="/mourningbell/images/cover.webp"])::after {
    content:""; position:absolute; inset:38% 0 0; pointer-events:none;
    background:linear-gradient(to bottom,rgba(24,27,26,0) 0%,rgba(24,27,26,.12) 30%,rgba(24,27,26,.62) 70%,var(--mb-page,#181b1a) 100%);
}