:root {
    --lunora-bg: #080a0e;
    --lunora-panel: #11161d;
    --lunora-panel-soft: #171d25;
    --lunora-line: #3b3020;
    --lunora-gold: #d8a83f;
    --lunora-gold-bright: #ffe08a;
    --lunora-text: #d8d6cf;
    --lunora-muted: #8f969f;
    --lunora-danger: #b94235;
}

html {
    background: var(--lunora-bg);
}

body {
    color: var(--lunora-text);
    background:
        radial-gradient(circle at 50% -20%, rgba(216, 168, 63, .16), transparent 42rem),
        linear-gradient(rgba(5, 7, 10, .92), rgba(5, 7, 10, .98)),
        repeating-linear-gradient(135deg, #0b0e12 0, #0b0e12 2px, #080a0d 2px, #080a0d 8px);
    font-family: "Segoe UI", Arial, sans-serif;
}

a:link,
a:visited {
    color: #d4af59;
}

a:hover,
a:active {
    color: var(--lunora-gold-bright);
    text-decoration: none;
}

#container {
    width: min(1180px, calc(100% - 32px));
    margin: 28px auto;
    padding: 0;
    color: var(--lunora-text);
    background: rgba(9, 12, 16, .94);
    border: 1px solid #4b3a1f;
    border-radius: 7px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55), inset 0 1px rgba(255, 224, 138, .08);
    overflow: hidden;
}

#header {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .84), rgba(23, 19, 12, .66), rgba(0, 0, 0, .84)),
        radial-gradient(circle at 50% 0, rgba(216, 168, 63, .18), transparent 65%);
    border-bottom: 1px solid #725522;
}

#logo {
    padding: 20px 28px 14px;
    background: transparent;
    border-bottom: 1px solid rgba(216, 168, 63, .16);
}

#logo img {
    width: min(420px, 82vw);
    height: auto;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, .75));
}

#header ul.menu {
    padding: 0 22px;
}

#header ul.menu li {
    margin: 0;
}

#header ul.menu li a {
    display: inline-block;
    padding: 13px 12px;
    color: #c9c4b8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#header ul.menu li a:hover {
    color: var(--lunora-gold-bright);
    background: rgba(216, 168, 63, .08);
}

#content {
    padding: 22px 24px 30px;
    background: transparent;
}

#panel,
.navigation,
.pm_alert,
.red_alert {
    color: var(--lunora-text);
    background: linear-gradient(180deg, #181d24, #10141a);
    border: 1px solid #40351f;
    border-radius: 4px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

#panel {
    padding: 12px 16px;
}

.navigation {
    padding: 10px 12px;
}

.navigation .active {
    color: var(--lunora-gold-bright);
}

.tborder {
    background: #07090c;
    border: 1px solid #4b3a1f;
    border-radius: 5px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
    overflow: hidden;
}

.thead {
    color: #fff3c0;
    background: linear-gradient(180deg, #5a4218 0%, #30220f 52%, #21170c 100%);
    border-bottom: 1px solid #8b6729;
    text-shadow: 0 1px 2px #000;
}

.thead a:link,
.thead a:visited {
    color: #fff3c0;
}

.tcat {
    color: #cfc4a6;
    background: linear-gradient(180deg, #242a32, #171c22);
    border-top: 1px solid #3c4249;
    border-bottom: 1px solid #080a0d;
}

.trow1,
.trow2 {
    color: var(--lunora-text);
    background: #11161d;
    border-color: #252b33;
}

.trow2 {
    background: #0e1319;
}

.trow_shaded {
    background: #231515;
}

.trow_selected td {
    background: #25200f;
}

table tbody tr:hover > .trow1,
table tbody tr:hover > .trow2 {
    background: #181e26;
}

.smalltext,
.post_meta,
.thread_legend,
.forum_legend {
    color: var(--lunora-muted);
}

input.textbox,
textarea,
select {
    color: #e7e4dc;
    background: #090c10;
    border: 1px solid #444b55;
    border-radius: 3px;
}

input.textbox:focus,
textarea:focus,
select:focus {
    border-color: #9b742e;
    box-shadow: 0 0 0 2px rgba(216, 168, 63, .12);
    outline: none;
}

input.button,
.button {
    color: #fff2bd;
    background: linear-gradient(180deg, #60471d, #33240f);
    border: 1px solid #947036;
    border-radius: 3px;
    box-shadow: inset 0 1px rgba(255, 235, 170, .18);
    font-weight: 700;
    text-shadow: 0 1px #000;
}

input.button:hover,
.button:hover {
    color: #fff;
    background: linear-gradient(180deg, #7a5a24, #453116);
    border-color: #d0a855;
}

.post.classic .post_author,
.post .post_head,
.post_controls {
    background: #0d1116;
    border-color: #2b3037;
}

.post_content {
    background: #12171e;
}

.pagination a,
.pagination .pagination_current {
    color: #d9d4c8;
    background: #131820;
    border-color: #3a4048;
}

.pagination .pagination_current {
    color: #fff3bd;
    background: #523b18;
    border-color: #9c7530;
}

.error,
.red_alert {
    color: #ffd6d0;
    background: #351817;
    border-color: #78352f;
}

.success_message {
    color: #d8f0cc;
    background: #172719;
    border-color: #36563a;
}

#footer {
    padding: 18px 24px;
    color: #808790;
    background: #080b0f;
    border-top: 1px solid #3d301e;
}

.bottommenu {
    color: #858b93;
    background: #0d1116;
    border-color: #342a1c;
}

.bottommenu a:link,
.bottommenu a:visited {
    color: #aaa69b;
}

#debug {
    color: #747b84;
}

@media (max-width: 760px) {
    #container {
        width: calc(100% - 12px);
        margin: 6px auto;
    }

    #content {
        padding: 12px 8px 20px;
    }

    #logo {
        padding-inline: 12px;
    }
}

#header ul.menu li a.portal,#header ul.menu li a.search,#header ul.menu li a.memberlist,#header ul.menu li a.calendar,#header ul.menu li a.help{background-image:none}