/* Shared fantasy panel language, applied after the page styles. */
.panel,
.card,
.table-panel,
.step-card,
.finish-panel,
.note,
.update,
.updates-empty {
    border-color: rgba(201, 151, 62, .48) !important;
    background: linear-gradient(145deg, rgba(35, 28, 24, .97), rgba(12, 13, 12, .985)) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .56), inset 0 0 32px rgba(139, 220, 56, .018) !important;
}

.panel,
.card,
.table-panel,
.step-card,
.finish-panel,
.note {
    position: relative;
}
.panel::before,
.card::before,
.step-card::before,
.finish-panel::before,
.note::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 10%;
    left: 10%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(144, 231, 53, .62), rgba(222, 174, 76, .8), transparent);
}

.section-title h2,
.panel h2,
.card h3,
.finish-panel h2 { color: var(--gold-light) !important; text-shadow: 0 2px 7px #000; }
.overline,
.section-title p { color: var(--fel-bright) !important; }