@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Cinzel+Decorative:wght@700&family=Oswald:wght@400;500;600;700&family=Anton&family=Bebas+Neue&family=Fjalla+One&display=swap');

:root {
    --se-bg: #111;
    --se-panel: #1a1a1a;
    --se-panel-soft: #151515;
    --se-border: #444;
    --se-cyan: #f28a3a;
    --se-ember: #f28a3a;
    --se-ember-bright: #ffd19a;
    --se-divider: #b9562e;
    --se-violet-shadow: #4b2f65;
    --se-text: #e8e8e8;
    --se-muted: #a9a9a9;
    --se-purple-line: rgba(185, 86, 46, 0.28);
}

html, body {
    margin: 0;
    min-height: 100%;
    background: var(--se-bg);
    color: var(--se-text);
    font-family: 'Oswald', Arial, sans-serif;
}

body.se-shell {
    background: var(--se-bg);
}

.se-hero {
    position: relative;
    height: 300px;
    background: #080303 url('/images/logos/se-nyseria-banner.png?v=20260622nys1') center center / contain no-repeat;
    border-bottom: 1px solid #cfcfcf;
    overflow: hidden;
}

.se-hero::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 34%;
    width: min(7vw, 100px);
    height: min(8vw, 115px);
    transform: translate(-50%, -50%);
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 58%, rgba(255, 205, 92, 0.48) 0%, rgba(255, 95, 20, 0.30) 28%, rgba(120, 22, 0, 0.08) 58%, transparent 76%);
    filter: blur(5px);
    mix-blend-mode: screen;
    animation: se-nyseria-gut-fire 1.45s ease-in-out infinite;
    z-index: 2;
}

.se-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    opacity: 0.42;
    filter: blur(9px);
    mix-blend-mode: screen;
    background:
        radial-gradient(ellipse at 14% 71%, rgba(235, 240, 255, 0.16) 0%, rgba(235, 240, 255, 0.06) 18%, transparent 34%),
        radial-gradient(ellipse at 31% 70%, rgba(235, 240, 255, 0.11) 0%, rgba(235, 240, 255, 0.045) 16%, transparent 31%),
        radial-gradient(ellipse at 67% 70%, rgba(235, 240, 255, 0.11) 0%, rgba(235, 240, 255, 0.045) 16%, transparent 31%),
        radial-gradient(ellipse at 87% 71%, rgba(235, 240, 255, 0.16) 0%, rgba(235, 240, 255, 0.06) 18%, transparent 34%);
    animation: se-nyseria-smoke 11s ease-in-out infinite alternate;
}

@keyframes se-nyseria-gut-fire {
    0%, 100% {
        opacity: 0.45;
        transform: translate(-50%, -50%) scale(0.96);
    }
    45% {
        opacity: 0.82;
        transform: translate(-50%, -51%) scale(1.05);
    }
    72% {
        opacity: 0.56;
        transform: translate(-50%, -49%) scale(1.0);
    }
}

@keyframes se-nyseria-smoke {
    0% {
        transform: translateX(-14px) translateY(4px) scale(1.01);
    }
    100% {
        transform: translateX(16px) translateY(-3px) scale(1.05);
    }
}

.se-layout {
    display: grid;
    grid-template-columns: 201px minmax(0, 1fr) 390px;
    gap: 18px;
    align-items: start;
    min-height: calc(100vh - 301px);
}

.se-left-nav {
    min-height: calc(100vh - 301px);
    background: #111;
    border-right: 2px solid var(--se-border);
}

.se-left-nav table {
    width: 100%;
    border-collapse: collapse;
}

.se-left-nav td {
    border-bottom: 1px solid var(--se-purple-line);
    padding: 0;
}

.se-left-nav .menuh {
    color: #fff;
    font-family: 'Fjalla One', Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 7px;
}

.se-left-nav .menu_item a {
    display: block;
    padding: 9px 7px;
    color: var(--se-cyan);
    text-decoration: none;
    font-family: 'Oswald', Arial, sans-serif;
    font-weight: 600;
}

.se-left-nav .menu_item a:hover {
    color: var(--se-ember-bright);
    background: rgba(242, 138, 58, 0.09);
    text-shadow: 0 0 5px rgba(242, 138, 58, 0.45);
}

.se-main {
    padding: 32px 0 48px;
    min-width: 0;
}

.se-main h1,
.se-main h2,
.se-heading {
    color: var(--se-ember-bright);
    font-family: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    text-shadow:
        0 0 6px rgba(242, 138, 58, 0.45),
        0 0 14px rgba(75, 47, 101, 0.4),
        0 1px 1px #000;
}

.se-main h1 {
    margin: 0 0 22px;
    font-size: 30px;
}

.se-card {
    background: var(--se-panel);
    border: 1px solid var(--se-border);
    border-radius: 5px;
    padding: 20px;
}

.se-card h2 {
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--se-divider);
    font-size: 28px;
}

.se-right-rail {
    padding: 0 20px 32px 0;
}

.se-search-box {
    margin-top: 10px;
    background: #1a1a1a;
    padding: 8px;
    border: 2px solid var(--se-divider);
    border-radius: 4px;
    box-shadow:
        0 0 10px rgba(242, 138, 58, 0.18),
        0 2px 8px rgba(0, 0, 0, 0.55);
}

.se-search-box input {
    box-sizing: border-box;
    width: 100%;
    background: #222;
    color: #e0e0e0;
    border: 1px solid #444;
    padding: 10px;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 14px;
}

.se-search-box input:focus {
    outline: none;
    border-color: var(--se-ember-bright);
    box-shadow: 0 0 8px rgba(242, 138, 58, 0.45);
}

.se-widget {
    margin-top: 28px;
    background: var(--se-panel);
    border: 1px solid var(--se-border);
    border-radius: 4px;
    overflow: hidden;
}

.se-widget-title {
    cursor: pointer;
    padding: 10px;
    font-family: 'Cinzel', 'Fjalla One', Arial, sans-serif;
    color: var(--se-ember-bright);
    border-bottom: 1px solid var(--se-border);
    letter-spacing: 0.8px;
    text-shadow: 0 0 5px rgba(242, 138, 58, 0.35);
}

.se-widget-title span {
    float: right;
}

.se-table-wrap {
    overflow-x: auto;
}

.se-data-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--se-panel-soft);
    color: var(--se-text);
}

.se-data-table th,
.se-data-table td {
    padding: 9px 10px;
    text-align: left;
    border: 1px solid #333;
    white-space: nowrap;
}

.se-data-table th {
    background: #202020;
    color: var(--se-cyan);
    font-family: 'Fjalla One', Arial, sans-serif;
    letter-spacing: 0.5px;
}

.se-data-table th.sortable {
    text-decoration: underline;
    cursor: pointer;
}

.se-data-table tr:nth-child(even) {
    background: #111;
}

.se-data-table tr:nth-child(odd) {
    background: #181818;
}

.se-data-table tr:hover {
    background: rgba(242, 138, 58, 0.12);
}

.se-link,
.se-shell a {
    color: var(--se-cyan);
}

.se-link:hover,
.se-shell a:hover {
    color: #fff;
}

.se-footer {
    color: #fff;
    font-family: 'Oswald', Arial, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    padding: 24px 10px;
}

@media (max-width: 1280px) {
    .se-layout {
        grid-template-columns: 201px minmax(0, 1fr);
    }
    .se-right-rail {
        grid-column: 2;
        padding: 0 20px 32px 0;
    }
}

@media (max-width: 820px) {
    .se-hero {
        height: 180px;
    }
    .se-layout {
        display: block;
    }
    .se-left-nav {
        min-height: auto;
        border-right: 0;
        border-bottom: 2px solid var(--se-border);
    }
    .se-main,
    .se-right-rail {
        padding: 18px 12px;
    }
}

/* Shadowed Eclipse right rail widgets */
.se-widget-body {
    border-top: 1px solid var(--se-border);
    background: #111;
}

.se-discord-frame {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
}

.se-hotzones-frame {
    display: block;
    width: 100%;
    min-height: 260px;
    border: 0;
    background: #111;
}

.se-widget-link {
    display: block;
    padding: 10px;
    border-top: 1px solid var(--se-border);
    font-family: 'Fjalla One', Arial, sans-serif;
    text-decoration: none;
}

body.se-home-scroll-rail .new-search-box {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 15px 0 !important;
}

body.se-home-scroll-rail .new-search-box input {
    width: 100% !important;
    box-sizing: border-box !important;
}

body.se-home-scroll-rail #sidebar-widgets {
    position: absolute !important;
    top: 262px !important;
    right: 20px !important;
    z-index: 999 !important;
}

@media (max-width: 1050px) {
    body.se-home-scroll-rail #sidebar-widgets {
        position: relative !important;
        top: auto !important;
        right: auto !important;
    }
}

/* Hide MediaWiki Vector Appearance controls; not useful for the Shadowed Eclipse wiki skin. */
.vector-page-tools-landmark,
.vector-appearance-landmark,
#vector-page-tools-pinned-container,
#vector-appearance-pinned-container,
#vector-appearance,
.vector-appearance,
.vector-sticky-pinned-container .vector-appearance,
.vector-sticky-pinned-container:has(.vector-appearance) {
    display: none !important;
}