html,
body.vujes-l2j-renderer-page {
    min-height: 100%;
}

body.vujes-l2j-renderer-page {
    margin: 0;
    color: #f5f1e8;
    background:
        radial-gradient(circle at top, rgba(202, 168, 100, 0.13), transparent 35%),
        linear-gradient(180deg, #11141b 0%, #08090d 100%);
}

.vujes-renderer-main {
    width: min(1180px, calc(100% - 28px));
    min-height: calc(100vh - 72px);
    margin: 0 auto;
    padding: 34px 0 70px;
}

.vujes-renderer-topline {
    margin-bottom: 14px;
}

.vujes-renderer-home {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(202, 168, 100, 0.32);
    border-radius: 999px;
    color: #caa864 !important;
    background: rgba(8, 10, 14, 0.72);
    font: 700 12px/1 Arial, Helvetica, sans-serif;
    text-decoration: none !important;
}

.vujes-renderer-home:hover {
    color: #111 !important;
    background: #caa864;
}

.vujes-renderer-message {
    max-width: 760px;
    margin: 50px auto;
    padding: 28px;
    border-radius: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

.vujes-renderer-message h2 {
    margin-top: 0;
    color: #f5f1e8;
}

.vujes-renderer-error {
    border: 1px solid rgba(239, 107, 107, 0.5);
    background: rgba(239, 107, 107, 0.12);
}

@media (max-width: 600px) {
    .vujes-renderer-main {
        width: min(100% - 18px, 1180px);
        padding-top: 20px;
    }
}