/* Dark theme colors */

body {
--color-primary: #2f8fff;
    --color-primary-hover: #4da3ff;
    --color-error: #ef5350;
    --color-success: #57ba7d;
    --fluent-focus: #4da3ff;
    --ui-border-color: rgba(130, 173, 225, 0.22);
    --ui-border: 1px solid var(--ui-border-color);
}

body input,
body select,
body textarea,
body table,
body .table,
body .data-table,
body .wiki-evolution-table {
border-color: var(--ui-border-color);
}

body {
background: #060d18;
    color: #e8eef8;
}

body a {
color: #8ec7ff;
}

body a:hover {
color: #b8dcff;
}

body .resources article,
body .card {
background: rgba(8, 18, 33, 0.88);
    border: 1px solid rgba(130, 173, 225, 0.2);
}

body .about-legal .about-legal-disclosure {
border-top: 1px solid rgba(130, 173, 225, 0.2);
}

body .friend-request-item {
border-color: rgba(142, 199, 255, 0.22);
    background: rgba(15, 30, 50, 0.92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body .friend-request-meta {
color: #b8d2ed;
}

body .resources article:hover,
body .card:hover,
body .report-item:hover,
body .construction-card:hover {
border-color: rgba(142, 199, 255, 0.4);
    box-shadow: 0 4px 20px rgba(47, 143, 255, 0.1);
}

body .card.card-no-hover:hover {
border-color: rgba(130, 173, 225, 0.2);
}

body .resources p {
color: #dce9f9;
}

body .resources small {
color: #9ac1eb;
}

body .auth-intro-more--overlay a {
background: rgba(6, 13, 24, 0.82);
    border: 1px solid rgba(142, 199, 255, 0.35);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

body .auth-intro-note {
color: #9fb4cc;
}

body .site-landing-header {
background: rgba(8, 18, 33, 0.88);
    border: 1px solid rgba(130, 173, 225, 0.2);
}

body .site-landing-brand {
color: inherit;
}

body .site-landing-brand:hover .site-landing-name {
color: #cfe8ff;
}

body .site-landing-logo {
filter: none;
}

body .site-landing-name {
color: #e5f1ff;
    text-shadow: 0 0 10px rgba(130, 173, 225, 0.45);
}

body .site-landing-status {
background: rgba(126, 34, 34, 0.22);
    border-color: rgba(248, 113, 113, 0.28);
    color: #ffd0d0;
}

body .site-landing-nav .sidebar-link.active {
background: rgba(19, 32, 51, 0.72);
    border-color: rgba(255, 255, 255, 0.02);
    color: #c4d3e8;
}

body .site-landing-locale-option {
background: transparent;
    border-color: rgba(130, 173, 225, 0.24);
    box-shadow: none;
}

body .site-landing-locale-option:hover,
body .site-landing-locale-option:focus-visible {
    border-color: rgba(142, 199, 255, 0.42);
}

body .site-landing-locale-option.active {
    border-color: rgba(142, 199, 255, 0.55);
    box-shadow: none;
}

body .site-landing-locale-switcher img[src*="assets/icons/"][src$=".svg"] {
filter: none;
}

body .site-landing-header img[src*="assets/icons/"][src$=".svg"] {
filter: brightness(0) invert(1);
}

body .section-title-icon,
body .inline-action-icon,
body .hamburger-icon,
body .nav-icon,
body .content-header__resource-icon {
    filter: brightness(0) invert(1);
}

body .wiki-intro-panel .wiki-section-icon {
    filter: brightness(0) invert(1);
}

body .wiki-grid .wiki-card:not(.wiki-card--overlay) .wiki-card-image[src*="assets/icons/"][src$=".svg"] {
    filter: brightness(0) invert(1);
}

body .reports-filter-icon {
    filter: brightness(0) invert(1);
}

body .site-landing-auth-popover {
box-shadow:
        0 12px 40px rgba(0, 5, 15, 0.55),
        0 0 0 1px rgba(130, 173, 225, 0.12);
}

body .site-landing-auth-popover-title {
color: #e5f1ff;
}

body .site-landing-auth-popover-close {
background: rgba(255, 255, 255, 0.06);
    color: #c8d8ec;
}

body .site-landing-auth-popover-close:hover {
background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

body .site-landing-auth-inline-link {
color: #6eb7ff;
}

body .site-landing-auth-inline-link:hover {
color: #9dd7ff;
}

body .site-landing-footer {
border-top: 1px solid rgba(130, 173, 225, 0.2);
}

body .site-landing-footer-line {
color: #8aa6c0;
}

body .site-landing-footer-contact .contact-admin-link {
color: #9ec8f0;
}

body .site-landing-footer-contact .contact-admin-link:hover {
color: #d4eaff;
}

body .about-hero-visual img {
border: 1px solid rgba(130, 173, 225, 0.35);
    background: rgba(10, 18, 32, 0.55);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

body .about-feature-image {
background: rgba(18, 39, 68, 0.92);
}

body .about-feature-card p {
color: #c8d8ec;
}

body .about-flow-grid article {
background: rgba(13, 27, 47, 0.72);
    border: 1px solid rgba(130, 173, 225, 0.16);
}

body .about-step-index {
color: #08111d;
    background: #8ec7ff;
}

body .about-flow-grid p {
color: #c8d8ec;
}

body .about-disclosure p {
color: #9fb4cc;
}

body .resources article.resource-highlight--positive {
background: rgba(20, 78, 52, 0.96);
    border-color: rgba(110, 231, 183, 0.8);
    box-shadow: 0 0 0 1px rgba(110, 231, 183, 0.2), 0 10px 28px rgba(16, 185, 129, 0.24);
}

body .resources article.resource-highlight--positive h2 {
color: #86efac;
}

body .resources article.resource-highlight--positive p {
color: #f0fdf4;
    text-shadow: 0 0 14px rgba(134, 239, 172, 0.25);
}

body .resources article.resource-highlight--negative {
background: rgba(92, 28, 36, 0.96);
    border-color: rgba(248, 113, 113, 0.8);
    box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.2), 0 10px 28px rgba(220, 38, 38, 0.24);
}

body .resources article.resource-highlight--negative h2 {
color: #fca5a5;
}

body .resources article.resource-highlight--negative p {
color: #fff1f2;
    text-shadow: 0 0 14px rgba(252, 165, 165, 0.22);
}

body .resources article.resource-highlight--neutral {
background: rgba(20, 46, 78, 0.96);
    border-color: rgba(120, 205, 255, 0.75);
    box-shadow: 0 0 0 1px rgba(120, 205, 255, 0.18), 0 10px 28px rgba(38, 133, 255, 0.22);
}

body .resources article.resource-highlight--neutral h2 {
color: #8fd9ff;
}

body .resources article.resource-highlight--neutral p {
color: #ffffff;
    text-shadow: 0 0 14px rgba(143, 217, 255, 0.28);
}

body .gameplay-data-table thead th {
background: rgba(15, 29, 49, 0.72);
}

body .gameplay-data-table tbody tr:first-child td {
border-top: 1px solid rgba(130, 173, 225, 0.12);
}

body .fleet-summary-table tbody tr:first-child td {
border-top: 1px solid rgba(130, 173, 225, 0.12);
}

body .fleet-ships-table .fleet-ship-row--total td,
body .fleet-ships-table .fleet-ship-row--capacity td {
background: rgba(20, 39, 66, 0.55);
    color: #eef6ff;
}

body .fleet-summary-table .fleet-ship-value {
color: #8ec7ff;
}

body .technologies-table .technology-name {
color: #dce9f9;
}

body .technologies-table .technology-level {
color: #eef4ff;
}

body .table th,
body .table td {
border-bottom: 1px solid rgba(130, 173, 225, 0.15);
}

body .table th {
color: #a5caef;
}

body .table tbody tr:nth-child(even) {
background: rgba(20, 35, 60, 0.3);
}

body .table tbody tr:hover {
background: rgba(47, 143, 255, 0.08);
}

body .fleet-summary-cell {
color: #d6e7fb;
}

body .dashboard-info-card {
border: 1px solid rgba(130, 173, 225, 0.15);
    background: rgba(20, 35, 60, 0.28);
}

body .dashboard-info-card__eyebrow {
color: #8fb6df;
}

body .dashboard-info-card__title {
color: #eef4ff;
}

body .dashboard-info-card__meta dt {
color: #8fb6df;
}

body .dashboard-info-card__meta dd {
color: #e8eef8;
}

body .dashboard-info-card__summary {
color: #d6e7fb;
}

body .galaxy-player-meta {
color: #9ac1eb;
}

body .ranking-card {
background: rgba(13, 24, 42, 0.72);
    border: 1px solid rgba(117, 168, 221, 0.12);
}

body .ranking-rank-number {
background: rgba(47, 143, 255, 0.16);
    color: #8ec7ff;
}

body .ranking-card__identity h3 {
color: #eff7ff;
}

body .ranking-card__identity p {
color: #96bbde;
}

body .ranking-card__meta dt {
color: #96bbde;
}

body .ranking-card__meta dd {
color: #eff7ff;
}

body .admin-user-card {
background: rgba(13, 24, 42, 0.72);
    border: 1px solid rgba(117, 168, 221, 0.12);
}

body .admin-user-card__identity h3 {
color: #eff7ff;
}

body .admin-user-card__identity p {
color: #96bbde;
}

body .admin-user-card__meta dt {
color: #96bbde;
}

body .admin-user-card__meta dd {
color: #eff7ff;
}

body .status-badge {
border: 1px solid transparent;
}

body .status-badge--self {
background: rgba(130, 173, 225, 0.14);
    border-color: rgba(130, 173, 225, 0.24);
    color: #d6e7fb;
}

body .status-badge--beginner {
background: rgba(46, 204, 113, 0.14);
    border-color: rgba(46, 204, 113, 0.28);
    color: #92f0b7;
}

body .status-badge--protected {
background: rgba(241, 196, 15, 0.16);
    border-color: rgba(241, 196, 15, 0.28);
    color: #ffe18a;
}

body .status-badge--shielded {
background: rgba(230, 126, 34, 0.16);
    border-color: rgba(230, 126, 34, 0.28);
    color: #ffbc85;
}

body .status-badge--standard {
background: rgba(52, 152, 219, 0.14);
    border-color: rgba(52, 152, 219, 0.26);
    color: #9dd7ff;
}

body button,
body .link-btn {
border: 1px solid rgba(255, 255, 255, 0.14);
    background: #2a7de0;
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 1px 3px rgba(0, 0, 0, 0.28);
}

body button:hover,
body .link-btn:hover {
background: #3d94ff;
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 16px rgba(47, 143, 255, 0.38);
}

body button:active,
body .link-btn:active {
background: #2568c4;
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.28),
        0 1px 2px rgba(47, 143, 255, 0.2);
}

body button:focus-visible,
body .link-btn:focus-visible,
body input:focus-visible,
body select:focus-visible {
outline: 2px solid #4da3ff;
}

body button:disabled {
background: #3a4a5e;
    color: #7a8a9e;
}

body select {
border: 1px solid #425b78;
    background: #101a2a;
    color: #e8eef8;
}

body select:focus {
border-color: #4da3ff;
    box-shadow: 0 0 0 3px rgba(47, 143, 255, 0.15);
}

body input {
border: 1px solid #425b78;
    background: #101a2a;
    color: #e8eef8;
}

body textarea {
border: 1px solid #425b78;
    background: #101a2a;
    color: #e8eef8;
}

body input:focus {
border-color: #4da3ff;
    box-shadow: 0 0 0 3px rgba(47, 143, 255, 0.15);
}

body textarea:focus {
border-color: #4da3ff;
    box-shadow: 0 0 0 3px rgba(47, 143, 255, 0.15);
}

body .auth-brand-logo {
filter: drop-shadow(0 0 25px rgba(47, 143, 255, 0.4));
}

body .auth-brand-title-box {
background: rgba(4, 10, 20, 0.9);
    border: 1px solid rgba(130, 173, 225, 0.35);
    box-shadow: 0 5px 20px rgba(0, 5, 15, 0.5);
}

body .auth-brand-name {
color: #e5f1ff;
    text-shadow: 0 0 12px rgba(130, 173, 225, 0.6);
}

body .hero-container {
background: rgba(4, 10, 20, 0.88);
    border: 1px solid rgba(130, 173, 225, 0.25);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
}

body .auth-intro {
color: #9cb6d1;
    background: rgba(6, 13, 24, 0.95);
    border-top: 1px solid rgba(130, 173, 225, 0.15);
}

body .auth-right-panel.card {
background: rgba(6, 13, 24, 0.85);
    border: 1px solid rgba(130, 173, 225, 0.25);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
}

body .auth-right-panel h1 {
color: #6eb7ff;
    text-shadow: 0 0 10px rgba(77, 163, 255, 0.3);
}

body .account-security-current-photo {
background: transparent;
}

body .account-security-current-photo img {
box-shadow: 0 0 0 2px rgba(77, 163, 255, 0.2);
}

body label {
color: #a5caef;
}

body label.checkbox-label {
color: #dce9f9;
}

body .field-help {
color: #7f9dbc;
}

body .password-toggle {
background: rgba(76, 122, 170, 0.22);
    color: #dcecff;
}

body .password-toggle:hover {
background: rgba(77, 163, 255, 0.28);
}

body .error {
background: rgba(98, 34, 34, 0.85);
    border: 1px solid #cf5c5c;
}

body .flash {
background: rgba(31, 79, 48, 0.85);
    border: 1px solid #57ba7d;
}

body .flash--error {
background: rgba(98, 34, 34, 0.85);
    border-color: #cf5c5c;
}

body .auth-feedback {
color: #ffd7d7;
}

body .auth-login-form input:focus,
body .auth-register-form input:focus {
border-color: #6eb7ff;
    box-shadow: 0 0 0 4px rgba(77, 163, 255, 0.2), 0 0 18px rgba(77, 163, 255, 0.18);
}

body .auth-footer {
color: #9cb6d1;
}

body .flash-close {
background: rgba(255, 255, 255, 0.12);
    color: #f2f8ff;
}

body .flash-close:hover {
background: rgba(255, 255, 255, 0.2);
}

body .muted {
color: #9cb6d1;
}

body .section-subtitle {
color: #cfe4ff;
}

body .install-wizard .card>h2 {
color: #6eb7ff;
}

body .install-stepper li::before {
border: 2px solid #425b78;
    background: rgba(16, 26, 42, 0.9);
    color: #7f9dbc;
}

body .install-stepper li::after {
background: #2a3c52;
}

body .install-stepper-label {
color: #7f9dbc;
}

body .install-stepper li.is-done::before {
background: #1a6fd4;
    border-color: #4da3ff;
    color: #fff;
    box-shadow: 0 0 12px rgba(47, 143, 255, 0.3);
}

body .install-stepper li.is-done::after {
background: #2f8fff;
}

body .install-stepper li.is-done .install-stepper-label {
color: #8ec7ff;
}

body .install-stepper li[aria-current="step"]::before {
background: #2f8fff;
    border-color: #6eb7ff;
    color: #fff;
    box-shadow: 0 0 18px rgba(47, 143, 255, 0.45), 0 0 0 4px rgba(47, 143, 255, 0.12);
}

body .install-stepper li[aria-current="step"] .install-stepper-label {
color: #e5f1ff;
}

@keyframes stepPulse {
body 0%,
body 100% {
box-shadow: 0 0 18px rgba(47, 143, 255, 0.45), 0 0 0 4px rgba(47, 143, 255, 0.12);
    }

    body 50% {
box-shadow: 0 0 24px rgba(47, 143, 255, 0.6), 0 0 0 6px rgba(47, 143, 255, 0.18);
    }
}

body .install-section-title {
border-bottom: 1px solid rgba(130, 173, 225, 0.12);
    color: #8ec7ff;
}

body .install-nav .install-back-btn {
background: rgba(76, 122, 170, 0.18);
    border: 1px solid rgba(130, 173, 225, 0.25);
    color: #a5caef;
}

body .install-nav button {
background: linear-gradient(135deg, #f59e0b, #ea580c);
    border: 1px solid rgba(251, 146, 60, 0.45);
    color: #fff7ed;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3);
}

body .install-nav button:hover {
background: linear-gradient(135deg, #fbbf24, #f97316);
    border-color: rgba(253, 186, 116, 0.55);
}

body .install-nav .install-back-btn:hover {
background: rgba(76, 122, 170, 0.32);
    border-color: rgba(142, 199, 255, 0.4);
}

body .admin-universe-intro {
color: #8fb2d4;
}

body .admin-universe-sticky-tools {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(7, 20, 36, 0.88);
}

body .admin-universe-dirty-indicator {
color: #8db4da;
}

body .admin-universe-dirty-indicator.is-dirty {
color: #ffd59a;
}

body .admin-universe-section {
border: 1px solid rgba(130, 173, 225, 0.18);
    background: rgba(11, 28, 48, 0.38);
}

body .admin-universe-section legend {
color: #90cbff;
}

body .admin-universe-reset-btn {
background: rgba(72, 109, 145, 0.22);
    border: 1px solid rgba(130, 173, 225, 0.28);
    color: #b3d6f7;
}

body .admin-universe-reset-btn:hover {
background: rgba(72, 109, 145, 0.35);
    border-color: rgba(142, 199, 255, 0.5);
}

body .reports-filter-btn {
background: rgba(19, 33, 53, 0.9);
    border: 1px solid rgba(130, 173, 225, 0.24);
    color: #cfe6ff;
}

body .reports-filter-btn:hover {
background: rgba(34, 60, 96, 0.95);
    box-shadow: 0 4px 14px rgba(47, 143, 255, 0.18);
}

body .reports-filter-btn--active {
background: #2f8fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 6px 20px rgba(47, 143, 255, 0.35);
}

body .report-item {
border: 1px solid rgba(130, 173, 225, 0.2);
}

body .report-item:hover {
background: rgba(20, 35, 60, 0.3);
}

body .report-badge {
border: 1px solid transparent;
}

body .report-badge-icon {
filter: brightness(0) invert(1);
}

body .report-badge--combat {
background: rgba(255, 107, 107, 0.14);
    border-color: rgba(255, 107, 107, 0.28);
    color: #ff9b9b;
}

body .report-badge--espionage {
background: rgba(155, 89, 182, 0.16);
    border-color: rgba(155, 89, 182, 0.3);
    color: #d0a7f0;
}

body .report-badge--transport {
background: rgba(52, 152, 219, 0.16);
    border-color: rgba(52, 152, 219, 0.28);
    color: #9dd7ff;
}

body .report-badge--recycle {
background: rgba(46, 204, 113, 0.14);
    border-color: rgba(46, 204, 113, 0.28);
    color: #92f0b7;
}

body .report-badge--colonization {
background: rgba(241, 196, 15, 0.16);
    border-color: rgba(241, 196, 15, 0.3);
    color: #ffe18a;
}

body .report-badge--fleet {
background: rgba(26, 188, 156, 0.16);
    border-color: rgba(26, 188, 156, 0.28);
    color: #9bf0df;
}

body .report-badge--construction {
background: rgba(230, 126, 34, 0.16);
    border-color: rgba(230, 126, 34, 0.28);
    color: #ffbc85;
}

body .report-badge--research {
background: rgba(52, 73, 94, 0.24);
    border-color: rgba(130, 173, 225, 0.2);
    color: #c8d9ec;
}

body .report-badge--general {
background: rgba(130, 173, 225, 0.12);
    border-color: rgba(130, 173, 225, 0.2);
    color: #a5caef;
}

body .report-item--combat {
background: rgba(18, 14, 22, 0.94);
    border-left-color: rgba(255, 107, 107, 0.6);
    box-shadow: inset 3px 0 0 rgba(255, 107, 107, 0.12);
}

body .report-item--espionage {
background: rgba(16, 14, 24, 0.94);
    border-left-color: rgba(155, 89, 182, 0.58);
    box-shadow: inset 3px 0 0 rgba(155, 89, 182, 0.12);
}

body .report-item--transport {
background: rgba(12, 18, 28, 0.94);
    border-left-color: rgba(52, 152, 219, 0.58);
    box-shadow: inset 3px 0 0 rgba(52, 152, 219, 0.12);
}

body .report-item--recycle {
background: rgba(12, 22, 20, 0.94);
    border-left-color: rgba(46, 204, 113, 0.58);
    box-shadow: inset 3px 0 0 rgba(46, 204, 113, 0.12);
}

body .report-item--colonization {
background: rgba(22, 20, 14, 0.94);
    border-left-color: rgba(241, 196, 15, 0.6);
    box-shadow: inset 3px 0 0 rgba(241, 196, 15, 0.1);
}

body .report-item--fleet {
background: rgba(12, 22, 24, 0.94);
    border-left-color: rgba(26, 188, 156, 0.58);
    box-shadow: inset 3px 0 0 rgba(26, 188, 156, 0.12);
}

body .report-item--construction {
background: rgba(22, 18, 14, 0.94);
    border-left-color: rgba(230, 126, 34, 0.58);
    box-shadow: inset 3px 0 0 rgba(230, 126, 34, 0.1);
}

body .report-item--research {
background: rgba(12, 18, 28, 0.94);
    border-left-color: rgba(130, 173, 225, 0.52);
    box-shadow: inset 3px 0 0 rgba(130, 173, 225, 0.1);
}

body .report-item--general {
background: rgba(10, 18, 30, 0.94);
    border-left-color: rgba(130, 173, 225, 0.36);
    box-shadow: inset 3px 0 0 rgba(130, 173, 225, 0.08);
}

body .pagination-status {
color: #a5caef;
}

body .message-list-panel,
body .message-detail-panel {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(8, 18, 33, 0.58);
    box-shadow:
        0 10px 28px rgba(2, 8, 18, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body .messages-folder-tab {
background: #2878e0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 1px 3px rgba(0, 0, 0, 0.25);
}

body .messages-folder-tab-active {
background: #2f8fff;
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.2),
        0 4px 18px rgba(47, 143, 255, 0.4);
}

body .messages-unread-count {
background: rgba(6, 13, 24, 0.8);
}

body .message-item {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(12, 23, 40, 0.88);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 6px 18px rgba(2, 10, 22, 0.28);
}

body .message-item-active {
border-color: rgba(90, 173, 255, 0.62);
    background: rgba(14, 28, 48, 0.92);
    box-shadow:
        inset 0 0 0 1px rgba(90, 173, 255, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 8px 26px rgba(4, 16, 35, 0.42);
}

body .message-item-select {
background: transparent;
}

body .message-item-select:hover {
background: rgba(22, 39, 63, 0.55);
}

body .message-item-unread {
border-color: rgba(77, 163, 255, 0.5);
    box-shadow: inset 0 0 0 1px rgba(77, 163, 255, 0.12);
}

body .message-compose-backdrop {
background: rgba(2, 8, 18, 0.78);
}

body .message-compose-dialog {
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

body .message-compose-close {
background: rgba(22, 38, 60, 0.88);
}

body .message-avatar {
color: #eef6ff;
    background: rgba(52, 118, 198, 0.95);
    border: 1px solid rgba(173, 212, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body .friend-list-avatar {
border: 1px solid rgba(142, 199, 255, 0.28);
    background: rgba(13, 26, 46, 0.9);
}

body .message-preview {
color: #b5cade;
}

body .alliance-role {
border: 1px solid rgba(130, 173, 225, 0.3);
    background: rgba(22, 41, 68, 0.65);
}

body .message-meta {
color: #9cb6d1;
}

body .message-body {
color: #d9e6f5;
    border-top: 1px solid rgba(130, 173, 225, 0.12);
}

body .messages-empty-state {
border: 1px dashed rgba(130, 173, 225, 0.24);
    background: rgba(11, 22, 39, 0.54);
}

body .alliance-chat-empty {
border: 1px dashed rgba(130, 173, 225, 0.25);
    background: rgba(11, 22, 39, 0.52);
}

body .alliance-chat-message {
background: transparent;
}

body .alliance-chat-author {
color: #f2f7ff;
}

body .alliance-chat-time {
color: #8da7c3;
}

body .alliance-chat-bubble {
background: rgba(14, 26, 44, 0.96);
    border: 1px solid rgba(124, 169, 255, 0.14);
    color: #dce9f8;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 2px 8px rgba(0, 0, 0, 0.18);
}

body .alliance-chat-message-own .alliance-chat-bubble {
background: rgba(24, 62, 98, 0.96);
    border-color: rgba(124, 169, 255, 0.22);
}

body .alliance-chat-delete {
background: transparent;
    color: #9fc8f5;
}

body .alliance-chat-delete:hover {
color: #d9edff;
}

body .alliance-chat-composer {
border-top: 1px solid rgba(130, 173, 225, 0.14);
}

body .message-reply-btn,
body .galaxy-message-btn {
background: rgba(22, 38, 60, 0.85);
}

body .mission-steps li {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(8, 18, 33, 0.6);
    color: #a5caef;
}

body .mission-steps li.is-active {
border-color: rgba(142, 199, 255, 0.56);
    background: rgba(30, 61, 101, 0.74);
    color: #eef6ff;
}

body .mission-live-summary {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(8, 18, 33, 0.72);
}

body .requirements-list li+li::before {
color: rgba(159, 200, 245, 0.5);
}

body .galaxy-missile-open {
background: rgba(110, 65, 160, 0.88);
}

body .galaxy-missile-open:hover {
background: rgba(129, 78, 184, 0.95);
}

body .missile-modal-backdrop {
background: rgba(2, 8, 18, 0.74);
}

body .missile-modal-close {
background: transparent;
    color: #9fc8f5;
}

body .missile-modal-close:hover {
background: transparent;
    color: #d9edff;
}

body .missile-modal-target {
color: #d5e7fb;
}

body .missile-modal-status {
color: #9fc8f5;
}

body .image-zoom-backdrop {
background: rgba(2, 8, 18, 0.84);
}

body .image-zoom-dialog img {
border: 1px solid rgba(130, 173, 225, 0.24);
    background: rgba(5, 12, 22, 0.65);
}

body .image-zoom-close {
background: transparent;
    color: #cbe3ff;
}

body .image-zoom-close:hover {
background: transparent;
    color: #f2f8ff;
}

body .image-zoom-caption {
color: #d6e8fc;
}

body .protection-hint {
border: 1px solid rgba(130, 173, 225, 0.18);
    background: rgba(20, 35, 60, 0.45);
    color: #c8d8ec;
}

body .protection-hint--warning {
border-color: rgba(241, 196, 15, 0.24);
    background: rgba(241, 196, 15, 0.1);
    color: #ffe18a;
}

body .sidebar {
background: rgba(6, 13, 24, 0.96);
    border-right: 1px solid rgba(112, 150, 200, 0.22);
}

body *::-webkit-scrollbar-track {
background: transparent;
}

body *::-webkit-scrollbar-thumb {
background: rgba(130, 173, 225, 0.25);
}

body *::-webkit-scrollbar-thumb:hover {
background: rgba(130, 173, 225, 0.45);
}

body * {
scrollbar-color: rgba(130, 173, 225, 0.25) transparent;
}

body .sidebar h1 {
    background: none;
    color: #8ec7ff;
    -webkit-text-fill-color: currentColor;
}

body .sidebar-brand-link {
border: 1px solid rgba(142, 199, 255, 0.28);
    background: rgba(13, 26, 46, 0.9);
}

body .sidebar-brand-link:hover {
border-color: rgba(142, 199, 255, 0.52);
    background: rgba(18, 36, 62, 0.96);
}

body .sidebar-brand-name {
color: inherit;
}

body .sidebar-planet {
color: #9cb6d1;
}

body .sidebar-planet-name-button {
background: transparent;
    color: inherit;
}

body .sidebar-planet-name-button:hover,
body .sidebar-planet-name-button:focus-visible {
background: transparent;
}

body .sidebar-planet-rename-backdrop {
background: rgba(2, 8, 18, 0.68);
}

body .sidebar-planet-rename-backdrop:hover,
body .sidebar-planet-rename-backdrop:active {
background: rgba(2, 8, 18, 0.68);
    border-color: transparent;
}

body .sidebar-planet-rename-close {
background: rgba(20, 36, 58, 0.9);
    color: #e8f2ff;
}

body .sidebar-section-title {
color: #79aedf;
}

body .sidebar-link {
color: #c4d3e8;
    background: rgba(19, 32, 51, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.02);
}

body .sidebar-link:hover {
background: rgba(27, 49, 78, 0.82);
    border-color: rgba(142, 199, 255, 0.18);
    color: #fff;
}

body .sidebar-link.active {
background: rgba(28, 56, 96, 0.92);
    border-color: rgba(120, 176, 248, 0.72);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(129, 185, 255, 0.12);
}

body .sidebar-messages-unread {
background: #f04e4e;
    color: #fff;
}

@keyframes sidebarUnreadPulse {
body 0% {
box-shadow: 0 0 0 0 rgba(240, 78, 78, 0.4);
    }

    body 45% {
box-shadow: 0 0 0 6px rgba(240, 78, 78, 0.18);
    }

    body 100% {
box-shadow: 0 0 0 0 rgba(240, 78, 78, 0);
    }
}

body .sidebar-footer {
border-top: 1px solid rgba(130, 173, 225, 0.14);
}

body .sidebar-logout {
background: rgba(180, 50, 50, 0.25);
    border: 1px solid rgba(207, 92, 92, 0.3);
}

body .sidebar-logout:hover {
background: rgba(180, 50, 50, 0.4);
    border-color: rgba(207, 92, 92, 0.5);
}

body .construction-card {
background: rgba(8, 18, 33, 0.88);
    border: 1px solid rgba(130, 173, 225, 0.2);
}

body .construction-image img {
background: rgba(5, 12, 22, 0.5);
    border: 1px solid rgba(130, 173, 225, 0.2);
}

body .construction-mobile-link {
color: inherit;
}

body .build-state-pill {
border: 1px solid rgba(130, 173, 225, 0.24);
}

body .build-state--ok {
color: #86e8aa;
    border-color: rgba(99, 212, 135, 0.5);
    background: rgba(26, 92, 49, 0.35);
}

body .build-state--blocked {
color: #ffb4b4;
    border-color: rgba(222, 100, 100, 0.5);
    background: rgba(92, 26, 26, 0.35);
}

body .construction-meta {
color: #a5caef;
}

body .cost-ok,
body .gameplay-data-table th.cost-ok,
body .gameplay-data-table td.cost-ok {
color: #57ba7d;
}

body .cost-missing,
body .gameplay-data-table th.cost-missing,
body .gameplay-data-table td.cost-missing {
color: #e57373;
}

body .construction-stepper {
border: 1px solid rgba(130, 173, 225, 0.24);
    background: rgba(8, 18, 33, 0.9);
}

body .construction-stepper input[type="number"] {
background: rgba(12, 24, 42, 0.98);
    color: #eef6ff;
}

body .construction-stepper-button {
background: rgba(25, 46, 75, 0.92);
    color: #eef6ff;
}

body .construction-stepper-button:hover:not(:disabled),
body .construction-stepper-button:focus-visible:not(:disabled) {
background: rgba(44, 86, 140, 0.96);
}

body .construction-build-quantity {
background: rgba(12, 24, 42, 0.98);
}

body .queue-item {
border: 1px solid rgba(130, 173, 225, 0.18);
    background: rgba(12, 24, 42, 0.62);
}

body .queue-item-title {
color: #e8eef8;
}

body .queue-item-meta {
color: #9cb6d1;
}

body .queue-item-timer {
color: #cfe4ff;
}

body .construction-progress {
background: rgba(130, 173, 225, 0.15);
    box-shadow: inset 0 0 0 1px rgba(130, 173, 225, 0.08);
}

body .construction-progress-bar {
background: #3d94ff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 12px rgba(77, 163, 255, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

body .resource-settings-group {
border: 1px solid rgba(130, 173, 225, 0.2);
    background: rgba(12, 21, 34, 0.45);
}

body .resource-settings-group legend {
color: #8fc2f4;
}

body .resource-settings-grid label {
border: 1px solid rgba(130, 173, 225, 0.16);
    background: rgba(18, 30, 48, 0.55);
}

body .resource-settings-table {
border: 1px solid rgba(130, 173, 225, 0.16);
    background: rgba(18, 30, 48, 0.55);
}

body .resource-settings-table__head {
color: #8fc2f4;
    background: rgba(10, 18, 30, 0.75);
    border-bottom: 1px solid rgba(130, 173, 225, 0.16);
}

body .resource-settings-table__cell {
border-bottom: 1px solid rgba(130, 173, 225, 0.12);
}

body .resource-settings-table__name {
color: #cfe4ff;
}

body .queue-badge--none {
background: rgba(60, 60, 80, 0.25);
    border: 1px solid rgba(130, 173, 225, 0.15);
    color: #7a8a9e;
}

body [data-countdown-end] {
color: #ffe082;
}

body .countdown-urgent {
color: #ef5350 !important;
}

body .galaxy-toolbar-nav {
background: transparent;
}

body .galaxy-toolbar-field {
color: #d8eaff;
}

body .galaxy-toolbar-summary {
background: rgba(26, 90, 158, 0.38);
    border: 1px solid rgba(102, 172, 244, 0.45);
    color: #deefff;
}

body .galaxy-row--self {
box-shadow: inset 3px 0 0 rgba(112, 211, 118, 0.85);
}

body .galaxy-position-cell {
color: #dcecff;
}

body .galaxy-planet-meta {
color: #93b7dc;
}

body .galaxy-inline-pill {
background: rgba(196, 225, 255, 0.08);
    border: 1px solid rgba(196, 225, 255, 0.15);
    color: #d9ebff;
}

body .galaxy-card {
background: rgba(13, 24, 42, 0.72);
    border: 1px solid rgba(117, 168, 221, 0.12);
}

body .galaxy-card--self {
border-color: rgba(112, 211, 118, 0.35);
    background: rgba(12, 28, 24, 0.85);
    box-shadow: inset 0 1px 0 rgba(120, 220, 140, 0.08);
}

body .galaxy-card__eyebrow {
color: #96bbde;
}

body .galaxy-card__title,
body .galaxy-card__name {
color: #eff7ff;
}

body .galaxy-card__meta {
color: #96bbde;
}

body .overview-empire-item,
body .overview-report-item {
background: rgba(13, 24, 42, 0.72);
    border: 1px solid rgba(117, 168, 221, 0.12);
}

body .overview-empire-item.is-active {
border-color: rgba(112, 211, 118, 0.35);
    background: rgba(12, 28, 24, 0.85);
    box-shadow: inset 0 1px 0 rgba(120, 220, 140, 0.08);
}

body .overview-empire-title,
body .overview-report-title {
color: #eff7ff;
}

body .overview-empire-meta,
body .overview-report-head {
color: #96bbde;
}

body .admin-universe-panel {
border-color: rgba(142, 199, 255, 0.24);
    box-shadow: 0 14px 38px rgba(2, 10, 22, 0.24);
}

body .hamburger {
background: rgba(6, 13, 24, 0.9);
    border: 1px solid rgba(130, 173, 225, 0.25);
}

body .hamburger:hover {
background: rgba(47, 143, 255, 0.2);
}

@media (max-width: 980px) {
body .hamburger {
background: transparent;
    }

    body .sidebar {
border-right: 1px solid rgba(130, 173, 225, 0.25);
        box-shadow: 20px 0 50px rgba(0, 0, 0, 0.5);
    }

    body .sidebar-footer {
background: transparent;
        border-top-color: transparent;
    }

    body .sidebar-overlay {
background: rgba(0, 0, 0, 0.6);
    }
}

@media (max-width: 600px) {
body .construction-image img {
background: transparent;
    }

    body .construction-mobile-title {
background: rgba(0, 0, 0, 0.62);
        color: #eff7ff;
    }

    body .construction-mobile-level {
color: #9fc8f5;
    }

    body .construction-mobile-cost {
color: #dce9f9;
    }

    body .construction-mobile-duration {
color: #b8d3ee;
    }

    body .construction-action {
background: rgba(6, 13, 24, 0.92);
        border-top: 1px solid rgba(130, 173, 225, 0.12);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
    }
}

body .empire-row--active {
background: rgba(47, 143, 255, 0.08) !important;
    border-left: 3px solid #4da3ff;
}

body .empire-active-badge {
background: rgba(47, 143, 255, 0.18);
    color: #8ec7ff;
}

body button.btn-danger,
body .link-btn.btn-danger {
background: #c62828;
    color: #ffffff;
    border: 1px solid #e57373;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 1px 3px rgba(0, 0, 0, 0.35);
}

body button.btn-danger:hover,
body .link-btn.btn-danger:hover {
background: #e53935;
    border-color: #ffcdd2;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 16px rgba(239, 83, 80, 0.4);
}

body button.btn-success,
body .link-btn.btn-success {
background: #2e7d32;
    color: #ffffff;
    border: 1px solid #66bb6a;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 1px 3px rgba(0, 0, 0, 0.35);
}

body button.btn-success:hover,
body .link-btn.btn-success:hover {
background: #43a047;
    border-color: #a5d6a7;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 16px rgba(87, 186, 125, 0.4);
}

body .cookie-banner {
background: rgba(8, 18, 33, 0.95);
    border: 1px solid rgba(130, 173, 225, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

body .cookie-banner p {
color: #e8eef8;
}

body .cookie-banner-btn {
background: #1565c0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: white;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 1px 3px rgba(0, 0, 0, 0.35);
}

body .cookie-banner-btn:hover {
background: #1976d2;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 4px 16px rgba(47, 143, 255, 0.4);
}

body .cookie-banner-btn:active {
box-shadow: 0 2px 8px rgba(47, 143, 255, 0.25);
}

body .status-approved {
color: var(--color-success);
}

body .status-pending {
color: #ffe082;
}

body .btn {
border: 1px solid rgba(255, 255, 255, 0.14);
    background: #2a7de0;
    color: #fff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 1px 3px rgba(0, 0, 0, 0.28);
}

body .btn:hover {
background: #3d94ff;
    border-color: rgba(255, 255, 255, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 4px 16px rgba(47, 143, 255, 0.38);
}

body .pagination-info {
color: #a5caef;
}

body .scroll-to-top {
background: rgba(8, 20, 38, 0.85);
    border: 1px solid rgba(47, 143, 255, 0.4);
    color: var(--color-primary);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

body .scroll-to-top:hover {
background: rgba(47, 143, 255, 0.15);
    border-color: var(--color-primary);
    box-shadow: 0 0 15px rgba(47, 143, 255, 0.35);
}

body .scroll-to-top-icon {
stroke: currentColor;
}

body .wiki-site-brand {
color: inherit;
}

body .wiki-site-title {
color: #f5f9ff;
}

body .wiki-breadcrumb {
color: rgba(220, 232, 255, 0.72);
}

body .wiki-breadcrumb a {
color: #8ec7ff;
}

body .wiki-breadcrumb span:last-child {
color: rgba(245, 249, 255, 0.92);
}

body .wiki-breadcrumb > *:not(:last-child)::after {
color: rgba(220, 232, 255, 0.42);
}

body .wiki-hero,
body .wiki-detail-hero,
body .wiki-panel,
body .wiki-card {
border: 1px solid rgba(124, 169, 255, 0.22);
    background: rgba(11, 19, 34, 0.97);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 36px rgba(0, 0, 0, 0.28);
}

body .wiki-eyebrow {
color: #8ab8ff;
}

body .wiki-overview-block + .wiki-overview-block {
border-top-color: rgba(124, 169, 255, 0.18);
}

@media (max-width: 640px) {
body .wiki-breadcrumb > * + * {
border-top: 1px solid rgba(124, 169, 255, 0.2);
        border-left: 2px solid rgba(130, 173, 225, 0.45);
    }
}

body .wiki-http-error-kicker {
color: #8ab8ff;
}

body .wiki-card-link {
color: inherit;
}

body .wiki-card-link:hover .wiki-card,
body .wiki-card-link:focus-visible .wiki-card {
box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    border-color: rgba(142, 199, 255, 0.28);
}

body .wiki-card-image {
background: transparent;
}

body .wiki-card-overlay {
background: rgba(4, 8, 16, 0.55);
    box-shadow: inset 0 0 0 1px rgba(124, 169, 255, 0.1);
}

body .wiki-card-overlay h2 {
color: #f5f9ff;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6);
}

body .wiki-card-count {
color: #8ab8ff;
}

body .wiki-inline-link {
color: #8ec7ff;
}

body .wiki-detail-image {
border: 1px solid rgba(142, 199, 255, 0.24);
}

body .wiki-data-list div {
border-bottom: 1px solid rgba(124, 169, 255, 0.12);
}

body .wiki-data-list dt {
color: rgba(220, 232, 255, 0.78);
}

body .wiki-requirements--chips li {
border: 1px solid rgba(124, 169, 255, 0.18);
    background: rgba(19, 31, 56, 0.82);
}

body .wiki-empty {
color: rgba(220, 232, 255, 0.7);
}

body .wiki-evolution-cell--cost {
color: #ff9b9b;
}

body .wiki-evolution-cell--gain {
color: #8fe3a8;
}

body .wiki-evolution-table thead th.wiki-evolution-cell--cost {
color: #ff9b9b;
}

body .wiki-evolution-table thead th.wiki-evolution-cell--gain {
color: #8fe3a8;
}

body .wiki-evolution-group--cost {
color: #ff9b9b;
}

body .wiki-evolution-group--gain {
color: #8fe3a8;
}

body .wiki-evolution-table thead th.wiki-evolution-group--cost {
color: #ff9b9b;
}

body .wiki-evolution-table thead th.wiki-evolution-group--gain {
color: #8fe3a8;
}

body .wiki-evolution-table tbody td:first-child,
body .wiki-evolution-table thead th:first-child {
background: rgba(10, 18, 31, 0.98);
    color: #f5f9ff;
    box-shadow: 8px 0 18px rgba(2, 8, 16, 0.35);
}

@media (max-width: 600px) {
body .wiki-evolution-table tr {
border: 1px solid rgba(124, 169, 255, 0.18);
        background: rgba(14, 22, 38, 0.97);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 4px 14px rgba(0, 0, 0, 0.22);
    }

    body .wiki-evolution-table td {
border-bottom: 1px solid rgba(124, 169, 255, 0.1);
    }

    body .wiki-evolution-table td::before {
color: rgba(220, 232, 255, 0.72);
    }

    body .wiki-evolution-table tbody td:first-child {
border-bottom: 1px solid rgba(124, 169, 255, 0.18);
        color: #f5f9ff;
    }

    body .wiki-evolution-table tbody td:first-child::before {
color: #8ab8ff;
    }

    body .wiki-card--overlay .wiki-card-body {
background: rgba(4, 8, 16, 0.9);
        border-top: 1px solid rgba(124, 169, 255, 0.12);
        box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.35);
    }

    body .wiki-card--overlay .wiki-card-body h2,
body .wiki-card--overlay .wiki-card-body p {
color: #f5f9ff;
    }
}

body :is(.button,
.btn,
.link-btn,
.sidebar-link,
input,
select,
textarea):focus-visible {
outline: 2px solid var(--fluent-focus);
}

body :is(.button,
.btn,
.link-btn,
.cookie-banner-btn,
.sidebar-link,
.messages-folder-tab,
.reports-filter-btn,
.construction-stepper-button,
select,
textarea):disabled {
background: #172133;
    border-color: #2a3e5c;
    color: #7f93ad;
}

body .content-header__bar {
background: var(--content-header-bg, rgba(8, 18, 33, 0.88));
    border: 1px solid rgba(130, 173, 225, 0.2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}

body .alliance-chat-empty {
background: rgba(8, 17, 31, 0.82);
    border-color: rgba(139, 183, 235, 0.42);
    color: #cfe2f8;
}

body .alliance-chat-author {
color: #f6fbff;
}

body .alliance-chat-time {
color: #b3cde9;
}

body .alliance-chat-bubble {
background: rgba(11, 25, 45, 0.98);
    color: #edf5ff;
}

body .alliance-chat-message-own .alliance-chat-bubble {
background: rgba(22, 69, 110, 0.98);
    border-color: rgba(143, 196, 255, 0.42);
    color: #f3f9ff;
}

body .alliance-chat-delete {
color: #bedfff;
}

body .alliance-chat-delete:hover {
color: #f0f7ff;
}

body {
--fluent-dark-bg: #0f1522;
    --fluent-dark-surface: #162235;
    --fluent-dark-surface-alt: #1d2d45;
    --fluent-dark-text: #f3f2f1;
    --fluent-dark-text-muted: #b9c9df;
    --fluent-dark-border: #2f4668;
    --fluent-dark-accent: #4f9cff;
    --fluent-dark-accent-hover: #77b7ff;
    --fluent-dark-focus: #4f9cff;
    --fluent-dark-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    --content-header-bg: var(--fluent-dark-surface);
    background: var(--fluent-dark-bg);
    color: var(--fluent-dark-text);
}

body a {
color: var(--fluent-dark-accent);
}

body a:hover {
color: var(--fluent-dark-accent-hover);
}

body .card,
body .resources article,
body .sidebar,
body .topbar,
body .table-card,
body .report-item,
body .message-item,
body .cookie-banner,
body .queue-item,
body .construction-card,
body .galaxy-card,
body .message-list-panel,
body .message-detail-panel,
body .messages-folder-summary,
body .dashboard-info-card,
body .ranking-card,
body .site-landing-header,
body .site-landing-footer,
body .wiki-hero,
body .wiki-detail-hero,
body .wiki-panel,
body .wiki-card {
background: var(--fluent-dark-surface);
    border-color: var(--fluent-dark-border);
    color: var(--fluent-dark-text);
}

body .sidebar-link,
body .messages-folder-tab,
body .reports-filter-btn,
body .construction-stepper-button {
background: var(--fluent-dark-surface-alt);
    border-color: var(--fluent-dark-border);
    color: var(--fluent-dark-text);
}

body .sidebar-link:hover,
body .messages-folder-tab:hover,
body .reports-filter-btn:hover,
body .construction-stepper-button:hover:not(:disabled) {
background: #243854;
    border-color: #3f5f8a;
}

body .site-landing-nav .sidebar-link.active {
background: var(--fluent-dark-surface-alt);
    border-color: var(--fluent-dark-border);
    color: var(--fluent-dark-text);
}

body .sidebar-link.active,
body .messages-folder-tab-active,
body .btn,
body .button,
body .link-btn,
body .cookie-banner-btn,
body .galaxy-nav-btn {
background: var(--fluent-dark-accent);
    border-color: var(--fluent-dark-accent);
    color: #0f0f0f;
}

body .btn:hover,
body .button:hover,
body .link-btn:hover,
body .cookie-banner-btn:hover,
body .galaxy-nav-btn:hover {
background: var(--fluent-dark-accent-hover);
    border-color: var(--fluent-dark-accent-hover);
}

body input,
body select,
body textarea,
body .planet-switcher-select,
body .construction-stepper input[type="number"] {
background: #121c2d;
    color: var(--fluent-dark-text);
    border-color: var(--fluent-dark-border);
}

body :is(button, .button, .btn, .link-btn, .sidebar-link, input, select, textarea):focus-visible {
outline: 2px solid var(--fluent-dark-focus);
}

body .section-subtitle,
body label,
body .muted,
body .message-meta,
body .message-preview,
body .pagination-info,
body .galaxy-card__eyebrow,
body .galaxy-card__meta,
body .galaxy-planet-meta,
body .galaxy-debris-cell {
color: var(--fluent-dark-text-muted);
}

body :is(button, .button, .btn, .link-btn, .cookie-banner-btn, .sidebar-link, .messages-folder-tab, .reports-filter-btn, .construction-stepper-button, input, select, textarea):disabled {
background: #172133;
    border-color: #2a3e5c;
    color: #7f93ad;
}

body .table tbody tr:nth-child(odd),
body .ranking-table tbody tr:nth-child(odd),
body .galaxy-table tbody tr:nth-child(odd) {
background: #152236;
}

body .table tbody tr:nth-child(even),
body .ranking-table tbody tr:nth-child(even),
body .galaxy-table tbody tr:nth-child(even) {
background: #122033;
}

body .table tbody tr:hover,
body .ranking-table tbody tr:hover,
body .galaxy-table tbody tr:hover {
background: #20314a;
}

body .topbar {
background: transparent;
    border-color: transparent;
}

body .page-head-actions {
background: var(--fluent-dark-surface);
}

body .page-head-resources {
background: transparent;
}

body .head-resource-item strong {
color: var(--fluent-dark-text);
}

body .head-resource-item span {
color: var(--fluent-dark-text-muted);
}

body .content-header__bar {
background: var(--fluent-dark-surface);
}

body .content-header__title,
body .content-header__mobile-title,
body .content-header__resource-item strong {
color: var(--fluent-dark-text);
}

body .content-header__resource-item,
body .content-header__resource-item span,
body .content-header__admin-link {
color: var(--fluent-dark-text-muted);
}

body .content-header__admin-link {
background: var(--fluent-dark-surface-alt);
    border-color: var(--fluent-dark-border);
}