/*
 * Eroded Networks shared product theme
 *
 * This file is intentionally loaded after route/module styles. It provides one
 * stable token layer and one visual language without changing module markup,
 * data contracts, forms, endpoints, or JavaScript hooks.
 */

:root {
  color-scheme: dark;

  --en-bg: #090d12;
  --en-bg-rgb: 9, 13, 18;
  --en-bg-raised: #101720;
  --en-bg-raised-rgb: 16, 23, 32;
  --en-panel: #151e28;
  --en-panel-rgb: 21, 30, 40;
  --en-panel-hover: #1b2632;
  --en-text: #f5f7fa;
  --en-text-muted: #bdc6d0;
  --en-text-faint: #929eab;
  --en-border: #2a3542;
  --en-border-strong: #3a4857;
  --en-primary: #f26a21;
  --en-primary-rgb: 242, 106, 33;
  --en-primary-hover: #ff7b32;
  --en-primary-soft: rgba(242, 106, 33, .14);
  --en-secondary: #5d91ad;
  --en-secondary-rgb: 93, 145, 173;
  --en-secondary-soft: rgba(93, 145, 173, .14);
  --en-danger: #e5484d;
  --en-success: #54c27a;
  --en-warning: #e5a642;
  --en-radius-sm: 10px;
  --en-radius-md: 14px;
  --en-radius-lg: 20px;
  --en-radius-xl: 26px;
  --en-shadow-sm: 0 8px 22px rgba(0, 0, 0, .22);
  --en-shadow-md: 0 18px 52px rgba(0, 0, 0, .32);
  --en-shadow-lg: 0 30px 90px rgba(0, 0, 0, .42);
  --en-focus: 0 0 0 3px rgba(242, 106, 33, .28);
  --en-content: 1380px;

  /* Bridge the legacy Ember/Bootstrap theme onto EN tokens. */
  --theme-primary-rgb: var(--en-primary-rgb);
  --theme-secondary-rgb: var(--en-secondary-rgb);
  --theme-bg-page-rgb: var(--en-bg-rgb);
  --theme-bg-primary-rgb: var(--en-panel-rgb);
  --theme-bg-secondary-rgb: var(--en-bg-raised-rgb);
  --theme-primary: var(--en-primary);
  --theme-secondary: var(--en-secondary);
  --theme-gradient: linear-gradient(135deg, var(--en-primary), var(--en-primary-hover));
  --theme-bg-page: var(--en-bg);
  --theme-bg-primary: var(--en-panel);
  --theme-bg-secondary: var(--en-bg-raised);
  --theme-bg-outlined: var(--en-panel-hover);
  --theme-border-outer: var(--en-border);
  --theme-border-inner: rgba(42, 53, 66, .72);
  --theme-focus-box-shadow: var(--en-focus);
  --theme-border-radius: var(--en-radius-md);

  --bs-primary: var(--en-primary);
  --bs-primary-rgb: var(--en-primary-rgb);
  --bs-secondary: var(--en-secondary);
  --bs-secondary-rgb: var(--en-secondary-rgb);
  --bs-body-color: var(--en-text);
  --bs-body-bg: var(--en-bg);
  --bs-border-color: var(--en-border);
  --bs-link-color: var(--en-primary-hover);
  --bs-link-hover-color: #ff9a63;
  --bs-modal-bg: var(--en-panel);

  /* Module aliases. */
  --en-accent: var(--en-primary);
  --en-accent2: var(--en-secondary);
  --en-muted: var(--en-text-muted);
  --en-soft: rgba(255, 255, 255, .055);
  --en-store-accent: var(--en-primary) !important;
  --en-store-accent-2: var(--en-secondary) !important;
  --en-store-success: var(--en-success) !important;
  --en-store-bg: var(--en-bg) !important;
  --en-store-panel: rgba(var(--en-panel-rgb), .92) !important;
  --en-store-panel-2: rgba(var(--en-bg-raised-rgb), .96) !important;
  --en-store-border: var(--en-border) !important;
  --en-store-text: var(--en-text) !important;
  --en-store-muted: var(--en-text-muted) !important;
  /* Leaderboard CSS is emitted late for backwards compatibility. Important
     aliases keep that module on the same product palette without moving its JS. */
  --lb-page: var(--en-bg) !important;
  --lb-surface: rgba(var(--en-panel-rgb), .96) !important;
  --lb-surface-soft: rgba(var(--en-bg-raised-rgb), .92) !important;
  --lb-line: rgba(42, 53, 66, .86) !important;
  --lb-line-strong: var(--en-border-strong) !important;
  --lb-text: var(--en-text) !important;
  --lb-muted: var(--en-text-muted) !important;
  --lb-accent: var(--en-primary) !important;
  --lb-accent-soft: var(--en-primary-soft) !important;
  --lb-blue: var(--en-secondary) !important;
  --hub-bg: var(--en-bg);
  --hub-card: rgba(var(--en-panel-rgb), .94);
  --hub-card2: rgba(var(--en-bg-raised-rgb), .94);
  --hub-line: var(--en-border);
  --hub-line2: rgba(var(--en-primary-rgb), .34);
  --hub-text: var(--en-text);
  --hub-soft: #cbd3dc;
  --hub-muted: var(--en-text-muted);
  --hub-cyan: var(--en-secondary);
  --hub-blue: var(--en-secondary);
  --hub-purple: var(--en-primary);
  --hub-green: var(--en-success);
  --hub-amber: var(--en-warning);
  --hub-red: var(--en-danger);
}

html {
  background: var(--en-bg);
  scrollbar-color: var(--en-primary) var(--en-bg-raised);
}

body {
  background:
    radial-gradient(900px circle at 6% -8%, rgba(var(--en-primary-rgb), .065), transparent 58%),
    radial-gradient(800px circle at 96% 0%, rgba(var(--en-secondary-rgb), .055), transparent 55%),
    var(--en-bg) !important;
  color: var(--en-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-synthesis: none;
  line-height: 1.62;
  overflow-x: clip;
}

::selection {
  background: rgba(var(--en-primary-rgb), .82);
  color: #fff;
}

::-webkit-scrollbar { width: 10px; height: 10px; background: var(--en-bg-raised); }
::-webkit-scrollbar-thumb { border: 2px solid var(--en-bg-raised); border-radius: 999px; background: #455363; }
::-webkit-scrollbar-thumb:hover { background: var(--en-primary); }

.bg-wrapper .bg-img { filter: saturate(.7) brightness(.36) contrast(1.08); }
.bg-wrapper .bg-overlay { background: rgba(var(--en-bg-rgb), .80) !important; }

h1, h2, h3, h4, h5, h6,
.title,
.section-title {
  color: var(--en-text);
  font-weight: 800;
  letter-spacing: -.025em;
}

p, small, .small, .text-muted { color: var(--en-text-muted) !important; }

a { color: #ff985f; text-underline-offset: .18em; }
a:hover { color: #ffb188; }

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--en-primary) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(var(--en-primary-rgb), .16) !important;
}

.skip-to-content {
  background: var(--en-primary) !important;
  color: #fff !important;
  border: 1px solid var(--en-primary-hover);
  box-shadow: var(--en-shadow-sm);
}

/* Navigation */
.navbar-fancy,
.navbar.navbar-primary.bg-primary {
  background: rgba(9, 13, 18, .94) !important;
  border-bottom: 1px solid rgba(42, 53, 66, .92) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.navbar-fancy::after {
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(var(--en-primary-rgb), .78), rgba(var(--en-secondary-rgb), .32), transparent) !important;
  opacity: .9 !important;
}

.navbar-fancy .navbar-brand {
  color: var(--en-text) !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  text-shadow: none !important;
}

.navbar-fancy .nav-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  padding-inline: .78rem !important;
  color: #c9d0d8 !important;
  font-size: .9rem;
  font-weight: 720 !important;
  opacity: 1 !important;
  transition: color .16s ease, background-color .16s ease, border-color .16s ease !important;
}

.navbar-fancy .nav-link:hover,
.navbar-fancy .nav-link:focus,
.navbar-fancy .nav-link.active,
.navbar-fancy .dropdown.show > .nav-link {
  transform: none !important;
  color: #fff !important;
  background: var(--en-primary-soft);
}

.navbar-fancy .nav-link::after { display: none !important; }

.navbar-fancy .dropdown-menu,
.dropdown-menu,
.dropdown-menu-dark {
  padding: .45rem;
  border: 1px solid var(--en-border) !important;
  border-radius: var(--en-radius-md) !important;
  background: rgba(16, 23, 32, .98) !important;
  color: var(--en-text) !important;
  box-shadow: var(--en-shadow-md) !important;
  backdrop-filter: blur(18px);
}

.dropdown-item {
  min-height: 42px;
  display: flex;
  align-items: center;
  border-radius: 9px;
  color: #d8dee5 !important;
  font-weight: 650 !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background: var(--en-primary-soft) !important;
}

.dropdown-divider { border-color: var(--en-border); }

.navbar-toggler-custom,
.en-nav-close,
.navbar-fancy .btn-outline-custom {
  border-color: var(--en-border-strong) !important;
  border-radius: 11px !important;
  background: var(--en-bg-raised) !important;
  color: var(--en-text) !important;
  box-shadow: none !important;
}

.navbar-fancy .en-navbar-notif {
  position: relative;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--en-border-strong) !important;
  border-radius: 11px;
  background: var(--en-bg-raised) !important;
  color: var(--en-text) !important;
  text-decoration: none !important;
}
.navbar-fancy .en-navbar-notif:hover { border-color: rgba(var(--en-primary-rgb), .62) !important; background: var(--en-primary-soft) !important; }
.navbar-fancy .en-navbar-notif-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--en-bg);
  border-radius: 999px;
  background: var(--en-danger);
  color: #fff;
  font-size: .68rem;
  font-weight: 850;
}
.navbar-fancy .avism { width: 40px; height: 40px; border: 2px solid var(--en-border-strong); object-fit: cover; }
.navbar-fancy .dropdown-header { color: var(--en-primary); font-size: .67rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }

.en-nav-drawer-title { color: var(--en-text) !important; }

@media (max-width: 1399.98px) {
  .navbar-fancy .navbar-collapse {
    background: linear-gradient(180deg, #101720, #090d12) !important;
    border-right: 1px solid var(--en-border) !important;
  }
  .navbar-fancy .nav-link { width: 100%; min-height: 48px; }
  .en-nav-section-label { color: var(--en-primary) !important; }
  .en-nav-backdrop { background: rgba(2, 5, 8, .78) !important; }
}

/* Shared page chrome and primitives */
.page-header {
  padding-block: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--en-text);
  background:
    radial-gradient(700px circle at 8% 0%, rgba(var(--en-primary-rgb), .14), transparent 64%),
    linear-gradient(180deg, var(--en-bg-raised), var(--en-bg)) !important;
  border-bottom: 1px solid var(--en-border);
}

.alternatebg:nth-child(even) { background: var(--en-bg-raised) !important; }

.card,
.list-group-item,
.accordion-item,
.offcanvas,
.popover {
  color: var(--en-text);
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
}

.card {
  border-radius: var(--en-radius-lg) !important;
  box-shadow: var(--en-shadow-sm);
}

.card-header,
.card-footer,
.modal-header,
.modal-footer,
.accordion-button {
  color: var(--en-text);
  border-color: var(--en-border) !important;
  background: var(--en-bg-raised) !important;
}

.accordion-button:not(.collapsed) {
  color: #fff;
  background: var(--en-primary-soft) !important;
  box-shadow: inset 0 -1px 0 var(--en-border);
}

.btn,
.en-btn,
.en-card-btn,
.en-store-btn,
.filter-submit,
.details-button,
.page-button,
.enhub-btn,
.enhub-clean-btn {
  min-height: 44px;
  border-radius: 11px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

[role="tablist"] .nav-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.en-landing #enServers .en-server-actions .en-card-btn {
  min-height: 44px !important;
}

.btn-primary,
.btn.btn-primary,
.en-btn.primary,
.en-card-btn.primary,
.en-store-btn.primary,
.filter-submit,
.details-button,
.enhub-btn:not(.ghost):not(.danger):not(.warn),
.enhub-clean-btn:not(.ghost):not(.danger):not(.warn) {
  border: 1px solid var(--en-primary) !important;
  background: var(--en-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(var(--en-primary-rgb), .17) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
.en-btn.primary:hover,
.en-card-btn.primary:hover,
.en-store-btn.primary:hover,
.filter-submit:hover,
.details-button:hover,
.enhub-btn:not(.ghost):not(.danger):not(.warn):hover,
.enhub-clean-btn:not(.ghost):not(.danger):not(.warn):hover {
  border-color: var(--en-primary-hover) !important;
  background: var(--en-primary-hover) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.btn-outline-custom,
.btn-outline-primary,
.en-btn:not(.primary),
.en-card-btn:not(.primary),
.en-store-btn:not(.primary),
.enhub-btn.ghost,
.enhub-clean-btn.ghost {
  border: 1px solid var(--en-border-strong) !important;
  background: var(--en-bg-raised) !important;
  color: #e1e6ec !important;
  box-shadow: none !important;
}

.btn-outline-custom:hover,
.btn-outline-primary:hover,
.en-btn:not(.primary):hover,
.en-card-btn:not(.primary):hover,
.en-store-btn:not(.primary):hover,
.enhub-btn.ghost:hover,
.enhub-clean-btn.ghost:hover {
  border-color: rgba(var(--en-primary-rgb), .68) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
}

.btn-danger,
.enhub-btn.danger,
.enhub-clean-btn.danger { background: var(--en-danger) !important; border-color: var(--en-danger) !important; color: #fff !important; }
.btn-success { background: var(--en-success) !important; border-color: var(--en-success) !important; color: #07130b !important; }
.btn-warning,
.enhub-btn.warn,
.enhub-clean-btn.warn { background: var(--en-warning) !important; border-color: var(--en-warning) !important; color: #1d1204 !important; }

.btn:disabled,
.btn.disabled,
button:disabled,
[aria-disabled="true"] {
  cursor: not-allowed !important;
  opacity: .46 !important;
  box-shadow: none !important;
  transform: none !important;
}

label,
.form-label { color: #d7dde4; font-weight: 670; }

.form-control,
.form-select,
.input-group-text,
textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
select {
  min-height: 44px;
  border: 1px solid var(--en-border) !important;
  border-radius: 11px;
  background-color: #0d131a !important;
  color: var(--en-text) !important;
}

.form-control::placeholder,
textarea::placeholder,
input::placeholder { color: #788491 !important; opacity: 1; }

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus,
select:focus {
  border-color: var(--en-primary) !important;
  background-color: #111923 !important;
  color: #fff !important;
  box-shadow: var(--en-focus) !important;
}

.form-control:disabled,
.form-select:disabled,
input:disabled,
textarea:disabled {
  background: #0b1016 !important;
  color: var(--en-text-faint) !important;
}

.form-check-input { border-color: var(--en-border-strong) !important; background-color: #0d131a; }
.form-check-input:checked { border-color: var(--en-primary) !important; background-color: var(--en-primary) !important; }
.form-text, .invalid-feedback, .valid-feedback { font-size: .86rem; }

.table-responsive,
.table-wrap,
.en-table-scroll,
.enhub-table-wrap {
  border: 1px solid var(--en-border);
  border-radius: var(--en-radius-md) !important;
  background: var(--en-panel);
}

.table,
.table-custom,
.leaderboard-table,
.enhub-table {
  --bs-table-bg: transparent;
  --bs-table-color: #dfe5eb;
  --bs-table-border-color: var(--en-border);
  color: #dfe5eb !important;
  background: transparent !important;
}

.table > :not(caption) > * > *,
.table-custom > :not(caption) > * > * { border-color: var(--en-border) !important; }

.table thead th,
.table-custom thead th,
.enhub-table th {
  color: #929eaa !important;
  background: #101720 !important;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: rgba(255, 255, 255, .025); color: inherit; }
.table-hover > tbody > tr:hover > *,
.leaderboard-table tbody tr:hover > * { --bs-table-accent-bg: rgba(var(--en-primary-rgb), .055); color: #fff; }

.modal-content,
.swal2-popup {
  color: var(--en-text) !important;
  border: 1px solid var(--en-border) !important;
  border-radius: var(--en-radius-lg) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-lg) !important;
}

.modal-backdrop.show,
.swal2-container { backdrop-filter: blur(4px); }
.btn-close { filter: invert(1) grayscale(1); opacity: .75; }

.alert {
  border: 1px solid var(--en-border);
  border-radius: var(--en-radius-md);
  background: var(--en-bg-raised);
  color: var(--en-text);
}
.alert-info { border-color: rgba(var(--en-secondary-rgb), .48); background: var(--en-secondary-soft); color: #d8edf8; }
.alert-success { border-color: rgba(84, 194, 122, .48); background: rgba(84, 194, 122, .12); color: #c9f4d7; }
.alert-warning { border-color: rgba(229, 166, 66, .48); background: rgba(229, 166, 66, .12); color: #f7dfb6; }
.alert-danger { border-color: rgba(229, 72, 77, .5); background: rgba(229, 72, 77, .12); color: #ffd0d2; }

.badge {
  border-radius: 999px !important;
  padding: .42em .68em;
  font-weight: 750;
}
.badge.bg-primary { background: var(--en-primary) !important; }
.badge.bg-secondary { background: #44505d !important; }
.badge.bg-success { background: var(--en-success) !important; color: #06150b !important; }
.badge.bg-danger { background: var(--en-danger) !important; }
.badge.bg-warning { background: var(--en-warning) !important; color: #1b1104 !important; }

.nav-tabs,
.nav-pills { border-color: var(--en-border) !important; }
.nav-tabs .nav-link,
.nav-pills .nav-link {
  min-height: 42px;
  color: var(--en-text-muted) !important;
  border-radius: 10px !important;
}
.nav-tabs .nav-link:hover,
.nav-pills .nav-link:hover { color: #fff !important; background: rgba(255,255,255,.04); }
.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  color: #fff !important;
  border-color: rgba(var(--en-primary-rgb), .45) !important;
  background: var(--en-primary-soft) !important;
}

.page-link {
  min-width: 42px;
  min-height: 42px;
  color: #d4dae0 !important;
  border-color: var(--en-border) !important;
  background: var(--en-bg-raised) !important;
}
.page-link:hover,
.page-item.active .page-link { color: #fff !important; border-color: var(--en-primary) !important; background: var(--en-primary) !important; }
.page-item.disabled .page-link { color: var(--en-text-faint) !important; background: #0b1016 !important; }

.tooltip-inner {
  border: 1px solid var(--en-border);
  border-radius: 9px;
  background: #1a232d;
  color: var(--en-text);
  box-shadow: var(--en-shadow-sm);
}

.empty-state,
.en-empty,
.en-store-empty,
.enhub-empty,
.en-ach-empty {
  border: 1px dashed var(--en-border-strong) !important;
  border-radius: var(--en-radius-md) !important;
  background: rgba(var(--en-bg-raised-rgb), .72) !important;
  color: var(--en-text-muted) !important;
}

.progress { border-radius: 999px; background: #0b1016 !important; }
.progress-bar:not(.bg-success):not(.bg-danger):not(.bg-warning) { background: var(--en-primary) !important; }

.skeleton,
.bone,
[aria-busy="true"] .en-loading-surface {
  background: linear-gradient(90deg, #131c26, #202c38, #131c26) !important;
  background-size: 220% 100% !important;
}

.footer {
  margin-top: 0 !important;
  padding: 2rem 0 max(1.2rem, env(safe-area-inset-bottom));
  border-top: 1px solid var(--en-border);
  background: #080c10 !important;
}
.footer .title { color: #dbe1e7 !important; }
.footer a { color: var(--en-text-muted) !important; }
.footer a:hover { color: var(--en-primary-hover) !important; }

/* Legacy public-page shells share one restrained EN surface. Several older
   templates still declare purple/cyan variables inline; important aliases are
   deliberate so errors and maintenance pages (whose CSS is emitted in body)
   receive the same treatment as normal routes. */
:root {
  --ui-accent: var(--en-primary) !important;
  --ui-accent-2: var(--en-secondary) !important;
  --ui-surface-a: rgba(var(--en-panel-rgb), .96) !important;
  --ui-surface-b: rgba(var(--en-bg-raised-rgb), .96) !important;
  --ui-border: var(--en-border) !important;
  --ui-border-2: var(--en-border-strong) !important;
  --ui-shadow: var(--en-shadow-md) !important;
  --pf-accent: var(--en-primary) !important;
  --pf-accent-2: var(--en-secondary) !important;
  --pf-surface-a: rgba(var(--en-panel-rgb), .96) !important;
  --pf-surface-b: rgba(var(--en-bg-raised-rgb), .96) !important;
  --pf-border: var(--en-border) !important;
  --pf-border-2: var(--en-border-strong) !important;
  --pf-shadow: var(--en-shadow-md) !important;
  --duel-ink: var(--en-bg) !important;
  --duel-panel: rgba(var(--en-panel-rgb), .96) !important;
  --duel-panel-soft: rgba(var(--en-bg-raised-rgb), .92) !important;
  --duel-line: rgba(42, 53, 66, .9) !important;
  --duel-line-hot: rgba(var(--en-primary-rgb), .5) !important;
  --duel-text: var(--en-text) !important;
  --duel-muted: var(--en-text-muted) !important;
  --duel-orange: var(--en-primary) !important;
  --duel-amber: var(--en-primary-hover) !important;
  --duel-green: var(--en-success) !important;
  --duel-red: var(--en-danger) !important;
  --duel-blue: var(--en-secondary) !important;
}

.fancy-wrap,
.profile-wrap { background: transparent !important; }

.fancy-wrap::before,
.profile-wrap::before {
  background:
    radial-gradient(850px circle at 8% 5%, rgba(var(--en-primary-rgb), .075), transparent 60%),
    radial-gradient(780px circle at 95% 2%, rgba(var(--en-secondary-rgb), .055), transparent 58%) !important;
}

.fancy-surface,
.profile-surface {
  border: 1px solid var(--en-border) !important;
  border-radius: var(--en-radius-lg) !important;
  background: linear-gradient(145deg, rgba(var(--en-panel-rgb), .98), rgba(var(--en-bg-raised-rgb), .98)) !important;
  box-shadow: var(--en-shadow-md) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.fancy-surface::before,
.profile-surface::before {
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%) !important;
  opacity: 1 !important;
}

.fancy-surface::after { display: none !important; }
.fancy-surface:hover { transform: none !important; filter: none !important; box-shadow: var(--en-shadow-md) !important; }
.fancy-icon {
  border: 1px solid rgba(var(--en-primary-rgb), .28) !important;
  border-radius: var(--en-radius-md) !important;
  background: var(--en-primary-soft) !important;
  color: var(--en-primary) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.fancy-muted { color: var(--en-text-muted) !important; }
.fancy-link { color: var(--en-primary-hover) !important; }

base-navbar[tabs],
.base-navbar[tabs] {
  border: 1px solid var(--en-border) !important;
  border-radius: var(--en-radius-md) !important;
  background: var(--en-bg-raised) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
base-navbar[tabs] a,
.base-navbar[tabs] a { min-height: 44px; color: var(--en-text-muted) !important; }
base-navbar[tabs] a:hover,
.base-navbar[tabs] a:hover { color: #fff !important; transform: none !important; }
base-navbar[tabs] a::after,
.base-navbar[tabs] a::after { background: var(--en-primary) !important; }
.profile-hero base-card,
base-card.profile-hero,
.profile-card {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.profile-card.hoverscale:hover { transform: translateY(-1px) !important; border-color: rgba(var(--en-primary-rgb), .42) !important; box-shadow: var(--en-shadow-sm) !important; }
.profile-progress { border-color: var(--en-border) !important; background: #0b1016 !important; }
.profile-progress .progress-bar { background: var(--en-primary) !important; }

/* Server directory supports arbitrary future regions/games while preserving
   semantic online/staged/offline colours from its live payload. */
.en-directory {
  --d-bg: var(--en-bg) !important;
  --d-panel: var(--en-panel) !important;
  --d-line: var(--en-border) !important;
  --d-copy: var(--en-text) !important;
  --d-muted: var(--en-text-muted) !important;
  --d-orange: var(--en-primary) !important;
  --d-gold: var(--en-primary-hover) !important;
  --d-cyan: var(--en-secondary) !important;
  background:
    radial-gradient(800px circle at 8% 0%, rgba(var(--en-primary-rgb), .09), transparent 60%),
    radial-gradient(760px circle at 96% 0%, rgba(var(--en-secondary-rgb), .055), transparent 58%),
    var(--en-bg) !important;
  color: var(--en-text) !important;
}
.en-directory-hero,
.en-directory-toolbar,
.en-directory-card,
.en-directory-empty,
.en-directory-error {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.en-directory-snapshot { border-color: var(--en-border) !important; background: var(--en-border) !important; }
.en-directory-snapshot div,
.en-directory-telemetry div { background: var(--en-bg-raised) !important; }
.en-directory-button { border-color: var(--en-border-strong) !important; background: var(--en-bg-raised) !important; color: var(--en-text) !important; }
.en-directory-button:hover { border-color: var(--en-primary) !important; background: var(--en-primary-soft) !important; transform: translateY(-1px) !important; }
.en-directory-button-primary { border-color: var(--en-primary) !important; background: var(--en-primary) !important; color: #fff !important; }
.en-directory-filter[aria-pressed="true"] { border-color: rgba(var(--en-primary-rgb), .42) !important; background: var(--en-primary-soft) !important; }
.en-directory-input:focus,
.en-directory-select:focus { border-color: var(--en-primary) !important; box-shadow: var(--en-focus) !important; }

/* Duels remains a full feature, but uses the same shared product chrome. */
.en-duels-shell {
  background:
    radial-gradient(820px circle at 10% 0%, rgba(var(--en-primary-rgb), .095), transparent 60%),
    var(--en-bg) !important;
}
.duel-hero,
.duel-panel,
.duel-card,
.duel-dialog-card {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}

/* Core Store fallbacks remain routable for old links and payment callbacks. */
:root {
  --store-accent: var(--en-primary) !important;
  --store-accent-2: var(--en-secondary) !important;
  --store-surface-a: rgba(var(--en-panel-rgb), .97) !important;
  --store-surface-b: rgba(var(--en-bg-raised-rgb), .97) !important;
  --store-shadow: var(--en-shadow-md) !important;
}
.store-wrap::before,
.users-wrap::before {
  background:
    radial-gradient(800px circle at 8% 0%, rgba(var(--en-primary-rgb), .075), transparent 60%),
    radial-gradient(720px circle at 96% 0%, rgba(var(--en-secondary-rgb), .05), transparent 58%) !important;
}
.store-surface,
.users-surface {
  border: 1px solid var(--en-border) !important;
  border-radius: var(--en-radius-lg) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-md) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.store-surface::before { background: linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%) !important; }
.store-surface::after { display: none !important; }
.store-surface:hover { transform: none !important; filter: none !important; box-shadow: var(--en-shadow-md) !important; }
.store-wrap nav.navbar,
.store-wrap .navbar { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; box-shadow: var(--en-shadow-sm) !important; }
.store-wrap nav.navbar::after,
.store-wrap .navbar::after { background: linear-gradient(90deg, transparent, var(--en-primary), transparent) !important; }
.store-tos-disclaimer,
.store-subsurface { border: 1px solid var(--en-border); background: var(--en-bg-raised) !important; box-shadow: none !important; }

/* Profile feature tabs inject their historical CSS at runtime, so these
   declarations intentionally use important to keep surfaces and controls on
   the shared system while retaining rarity/reward/status colours. */
#en-achievements {
  --ach-border: var(--en-border) !important;
  --ach-muted: var(--en-text-muted) !important;
  --ach-panel: var(--en-panel) !important;
}
#en-daily-rewards {
  --daily-border: var(--en-border) !important;
  --daily-muted: var(--en-text-muted) !important;
}
#en-profile-inventory {
  --inv-border: var(--en-border) !important;
  --inv-panel: var(--en-panel) !important;
  --inv-muted: var(--en-text-muted) !important;
}
#en-achievements .en-ach-shell,
#en-daily-rewards .en-daily-shell,
#en-profile-inventory .en-inv-shell {
  border-color: var(--en-border) !important;
  background:
    radial-gradient(700px circle at 0 0, rgba(var(--en-primary-rgb), .075), transparent 56%),
    var(--en-panel) !important;
  box-shadow: var(--en-shadow-md) !important;
}
#en-achievements .en-ach-progress-card,
#en-achievements .en-ach-toolbar,
#en-achievements .en-ach-game,
#en-daily-rewards .en-daily-status-card,
#en-daily-rewards .en-daily-how,
#en-profile-inventory .en-inv-card,
#en-profile-inventory .en-inv-dialog,
#en-profile-inventory .en-inv-admin {
  border-color: var(--en-border) !important;
  background: var(--en-bg-raised) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
#en-achievements .en-ach-game-head,
#en-achievements .en-ach-category-tabs { border-color: var(--en-border) !important; background: rgba(var(--en-bg-raised-rgb), .82) !important; }
#en-achievements .en-ach-kicker,
#en-achievements .en-ach-game-count {
  border-color: rgba(var(--en-primary-rgb), .36) !important;
  background: var(--en-primary-soft) !important;
  color: #ffc2a1 !important;
}
#en-achievements .en-ach-meter > span { background: var(--en-primary) !important; box-shadow: none !important; }
#en-achievements .en-ach-filter,
#en-achievements .en-ach-category-filter,
#en-achievements .en-ach-sync {
  border-color: var(--en-border-strong) !important;
  background: var(--en-bg-raised) !important;
  color: var(--en-text-muted) !important;
}
#en-achievements .en-ach-filter[aria-pressed="true"],
#en-achievements .en-ach-category-filter[aria-pressed="true"],
#en-achievements .en-ach-sync:hover {
  border-color: var(--en-primary) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
  box-shadow: none !important;
}
#en-achievements .en-ach-sync { border-color: var(--en-primary) !important; background: var(--en-primary) !important; color: #fff !important; }
#en-achievements .en-ach-search:focus,
#en-profile-inventory .en-inv-control:focus { border-color: var(--en-primary) !important; box-shadow: var(--en-focus) !important; }
#en-daily-rewards .en-daily-crate,
#en-daily-rewards .en-daily-gift { border-color: rgba(var(--en-primary-rgb), .35) !important; background: var(--en-primary-soft) !important; }
#en-daily-rewards .en-daily-fineprint { border-color: rgba(var(--en-secondary-rgb), .32) !important; background: var(--en-secondary-soft) !important; }
#en-profile-inventory .en-inv-button,
#en-profile-inventory .en-inv-admin button:not(.danger) { border-color: var(--en-primary) !important; background: var(--en-primary) !important; color: #fff !important; }
#en-profile-inventory .en-inv-button.secondary { border-color: var(--en-border-strong) !important; background: var(--en-bg-raised) !important; }
#en-profile-inventory .en-inv-card:hover,
#en-profile-inventory .en-inv-card:focus-within { border-color: rgba(var(--en-primary-rgb), .46) !important; transform: translateY(-1px) !important; }
#en-profile-inventory .en-inv-card-media,
#en-profile-inventory .en-inv-detail-media { background: var(--en-bg) !important; }
#en-profile-inventory .en-inv-quantity { background: var(--en-primary) !important; }
#en-profile-inventory .en-inv-kind { color: var(--en-primary-hover) !important; }
#en-profile-inventory .en-inv-reel { border-color: rgba(var(--en-primary-rgb), .36) !important; background: var(--en-bg) !important; }

/* Notification centre and ticket surfaces. */
:root {
  --en-notif-bg: var(--en-bg) !important;
  --en-notif-panel: rgba(var(--en-panel-rgb), .94) !important;
  --en-notif-panel-strong: rgba(var(--en-bg-raised-rgb), .98) !important;
  --en-notif-border: var(--en-border) !important;
  --en-notif-border-strong: rgba(var(--en-primary-rgb), .42) !important;
  --en-notif-text: var(--en-text) !important;
  --en-notif-muted: var(--en-text-muted) !important;
  --en-notif-soft: rgba(255,255,255,.045) !important;
  --en-notif-accent: var(--en-primary) !important;
  --en-notif-cyan: var(--en-secondary) !important;
  --en-notif-green: var(--en-success) !important;
  --en-notif-red: var(--en-danger) !important;
  --en-notif-yellow: var(--en-warning) !important;
}
.en-notifications-page {
  background:
    radial-gradient(850px circle at 8% 0%, rgba(var(--en-primary-rgb), .075), transparent 60%),
    var(--en-bg) !important;
}
.en-notif-bg-one { background: rgba(var(--en-secondary-rgb), .2) !important; }
.en-notif-bg-two { background: rgba(var(--en-primary-rgb), .16) !important; }
.en-notif-stat,
.en-notif-panel,
.en-notif-toolbar,
.en-notif-card {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.en-notif-stat-hot { border-color: rgba(var(--en-primary-rgb), .42) !important; box-shadow: var(--en-shadow-sm) !important; }
.en-notif-filter.active,
.en-notif-btn-primary {
  border-color: var(--en-primary) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
}
.en-notif-card.unread { border-color: rgba(var(--en-primary-rgb), .34) !important; background: rgba(var(--en-primary-rgb), .055) !important; }
.en-notif-card.unread::before { background: var(--en-primary) !important; }
.en-notif-btn:hover { border-color: rgba(var(--en-primary-rgb), .52) !important; background: var(--en-primary-soft) !important; }

/* Landing page */
.en-landing {
  --en-panel2: var(--en-bg-raised);
  background: var(--en-bg) !important;
  color: var(--en-text) !important;
}

.en-landing .en-parallax {
  min-height: min(780px, calc(100svh - 56px));
  background:
    radial-gradient(900px circle at 18% 12%, rgba(var(--en-primary-rgb), .20), transparent 58%),
    radial-gradient(780px circle at 86% 18%, rgba(var(--en-secondary-rgb), .12), transparent 60%),
    linear-gradient(145deg, #090d12, #101720) !important;
}

.en-landing .en-parallax video,
.en-landing .en-parallax > img,
.en-landing .en-parallax > picture > img { filter: saturate(.78) contrast(1.08) brightness(.52) !important; }
.en-landing .en-glow {
  background: radial-gradient(circle, rgba(var(--en-primary-rgb), .18), transparent 58%) !important;
  opacity: .62 !important;
}
.en-landing .en-overlay {
  background: linear-gradient(180deg, rgba(4, 6, 9, .28), rgba(9, 13, 18, .80) 78%, var(--en-bg)) !important;
}
.en-landing .en-hero { max-width: 1040px; }
.en-landing .en-hero-command > span,
.en-landing .en-section-kicker,
.en-landing .en-service-eyebrow,
.en-landing .en-server-eyebrow { color: var(--en-primary) !important; }
.en-landing .en-hero-command h1 {
  max-width: 16ch;
  margin-inline: auto;
  color: #fff !important;
  font-size: clamp(2.25rem, 6vw, 5rem) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-transform: none !important;
}
.en-landing .subtitle { color: #c5cdd5 !important; }
.en-landing .en-hero-proof span {
  border-color: var(--en-border) !important;
  background: rgba(var(--en-bg-rgb), .68) !important;
  color: #dce2e8 !important;
}
.en-landing .en-hero-proof i { color: var(--en-primary) !important; }
.en-landing .en-divider {
  height: 3px !important;
  background: linear-gradient(90deg, var(--en-primary), rgba(var(--en-primary-rgb), .12)) !important;
  box-shadow: none !important;
}
.en-landing .en-section {
  padding-block: clamp(3rem, 7vw, 6rem);
  border-color: rgba(42, 53, 66, .66) !important;
  background: var(--en-bg) !important;
}
.en-landing .en-section.en-surface,
.en-landing .en-network-portal-section {
  background:
    radial-gradient(800px circle at 95% 0%, rgba(var(--en-secondary-rgb), .055), transparent 62%),
    var(--en-bg-raised) !important;
}
.en-landing .section-sub { color: var(--en-text-muted) !important; }
.en-landing .en-card,
.en-landing .en-service-card,
.en-landing .en-network-portal,
.en-landing .en-network-console,
.en-landing .en-service-footer {
  border-color: var(--en-border) !important;
  background: linear-gradient(145deg, rgba(var(--en-panel-rgb), .98), rgba(var(--en-bg-raised-rgb), .98)) !important;
  box-shadow: var(--en-shadow-md) !important;
}
.en-landing .en-service-card:hover,
.en-landing .en-card:hover { border-color: rgba(var(--en-primary-rgb), .46) !important; }
.en-landing .en-service-icon,
.en-landing .en-network-service-icon {
  border-color: rgba(var(--en-primary-rgb), .28) !important;
  background: var(--en-primary-soft) !important;
  color: var(--en-primary-hover) !important;
}
.en-landing .en-service-index { color: #65717d !important; }
.en-landing .en-service-tags span,
.en-landing .en-server-tag {
  border-color: var(--en-border) !important;
  background: rgba(255,255,255,.035) !important;
  color: #c1c9d1 !important;
}
.en-landing .en-service-actions a { color: #ff9b65 !important; }
.en-landing .en-network-service em { color: var(--en-text-muted) !important; }

.en-network-summary {
  position: relative;
  z-index: 4;
  width: min(calc(100% - 24px), 1180px);
  margin: clamp(-4rem, -7vw, -2.25rem) auto 0;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid var(--en-border);
  border-radius: var(--en-radius-lg);
  background: rgba(var(--en-bg-raised-rgb), .95);
  box-shadow: var(--en-shadow-lg);
  backdrop-filter: blur(18px);
}
.en-network-stat {
  min-width: 0;
  min-height: 100px;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: .85rem;
  border: 1px solid rgba(42, 53, 66, .72);
  border-radius: var(--en-radius-md);
  background: rgba(var(--en-panel-rgb), .7);
}
.en-network-stat > i {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: var(--en-primary-soft);
  color: var(--en-primary);
}
.en-network-stat span,
.en-network-stat strong { display: block; }
.en-network-stat span { color: var(--en-text-muted); font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.en-network-stat strong { margin-top: .2rem; color: #fff; font-size: clamp(1.05rem, 2vw, 1.45rem); line-height: 1.12; overflow-wrap: anywhere; }
.en-network-stat small { display: block; margin-top: .18rem; color: var(--en-text-faint) !important; font-size: .72rem; }

.en-home-section-head { max-width: 780px; margin: 0 auto 2rem; text-align: center; }
.en-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.en-home-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.en-home-feature {
  min-width: 0;
  height: 100%;
  padding: clamp(1.15rem, 2.5vw, 1.6rem);
  border: 1px solid var(--en-border);
  border-radius: var(--en-radius-lg);
  background: var(--en-panel);
  box-shadow: var(--en-shadow-sm);
}
.en-home-feature__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  border: 1px solid rgba(var(--en-primary-rgb), .28);
  border-radius: 13px;
  background: var(--en-primary-soft);
  color: var(--en-primary);
}
.en-home-feature h3 { margin: 0 0 .55rem; font-size: 1.2rem; }
.en-home-feature p { margin: 0; color: var(--en-text-muted) !important; }
.en-home-feature ul { margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .42rem; list-style: none; }
.en-home-feature li {
  padding: .35rem .55rem;
  border: 1px solid var(--en-border);
  border-radius: 999px;
  color: #c4ccd4;
  background: rgba(255,255,255,.025);
  font-size: .75rem;
  font-weight: 700;
}
.en-game-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .75rem; }
.en-game-card {
  min-height: 150px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid var(--en-border);
  border-radius: var(--en-radius-md);
  background:
    radial-gradient(240px circle at 20% 0%, rgba(var(--en-secondary-rgb), .14), transparent 60%),
    var(--en-panel);
}
.en-game-card i { margin-bottom: auto; color: var(--en-primary); font-size: 1.25rem; }
.en-game-card strong { color: #fff; }
.en-game-card span { margin-top: .2rem; color: var(--en-text-muted); font-size: .75rem; }
.en-home-actions { margin-top: 1.35rem; display: flex; justify-content: center; flex-wrap: wrap; gap: .65rem; }

#enServers.en-server-grid { margin-top: 1.5rem; }
#enServers > .en-server-card { border-color: var(--en-border) !important; background: var(--en-panel) !important; }
#enServers .en-server-content,
#enServers .stats-panel.clean { background: var(--en-bg-raised) !important; }
#enServers .en-server-toolbar { border-color: var(--en-border) !important; background: var(--en-panel) !important; }
#enServers .en-server-filters button.active { border-color: var(--en-primary) !important; background: var(--en-primary-soft) !important; }

/* Store */
.en-store-shell { background: var(--en-bg) !important; color: var(--en-text) !important; }
.en-store-hero {
  background:
    radial-gradient(850px circle at 12% 0%, rgba(var(--en-primary-rgb), .19), transparent 60%),
    radial-gradient(700px circle at 92% 8%, rgba(var(--en-secondary-rgb), .09), transparent 58%),
    linear-gradient(145deg, var(--en-bg-raised), var(--en-bg)) !important;
  border-color: var(--en-border) !important;
}
.en-store-title span { color: var(--en-primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.en-store-kicker,
.en-store-section-eyebrow { color: var(--en-primary) !important; }
.en-store-pulse-dot { background: var(--en-primary) !important; box-shadow: 0 0 0 5px var(--en-primary-soft) !important; }
.en-store-package-card,
.en-store-membership-card,
.en-store-info-card,
.en-store-credit-card,
.en-store-balance-card,
.en-store-hero-panel,
.en-store-nav-card,
.en-store-redzone-hero-card,
.en-store-checkout,
.en-store-section,
.en-store-cart-panel,
.en-store-login-card,
.en-store-modal-card,
.en-store-cart-card,
.en-store-global-boost,
.en-conversion-form,
.en-conversion-balances {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.en-store-package-card:hover,
.en-store-membership-card:hover,
.en-store-nav-card:hover { border-color: rgba(var(--en-primary-rgb), .52) !important; transform: translateY(-2px) !important; }
.en-store-filter-btn {
  border-color: var(--en-border) !important;
  background: var(--en-bg-raised) !important;
  color: var(--en-text-muted) !important;
}
.en-store-filter-btn.active,
.en-store-filter-btn:hover {
  border-color: var(--en-primary) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
}
.en-store-price,
.en-store-modal-price { color: var(--en-primary-hover) !important; }
.en-store-badge:not(.is-status),
.en-store-tag { border-color: var(--en-border) !important; background: rgba(255,255,255,.04) !important; color: #cbd3dc !important; }
.en-store-modal-backdrop { background: rgba(2, 5, 8, .82) !important; }
.en-store-payment-btn { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; }
.en-store-payment-btn:hover { border-color: rgba(var(--en-primary-rgb), .55) !important; }
.en-store-buy.primary,
body.en-store-live-page button[type="submit"] {
  border-color: var(--en-primary) !important;
  background: var(--en-primary) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(var(--en-primary-rgb), .17) !important;
}
.en-store-card-media,
.en-store-modal-media {
  background:
    radial-gradient(420px circle at 80% 0%, rgba(var(--en-secondary-rgb), .13), transparent 60%),
    var(--en-bg-raised) !important;
}
.en-store-badge.popular,
.en-store-recipient-toggle button.active,
.en-conversion-direction button.active,
.en-store-recipient-avatar {
  border-color: rgba(var(--en-primary-rgb), .52) !important;
  background: var(--en-primary) !important;
  color: #15100c !important;
  box-shadow: none !important;
}
.en-store-credit-card,
.en-store-redzone-hero-card,
.en-store-checkout,
.en-store-modal-card,
.en-store-cart-card {
  background:
    radial-gradient(620px circle at 0 0, rgba(var(--en-primary-rgb), .08), transparent 58%),
    var(--en-panel) !important;
}
.en-store-payment-btn.credits,
.en-store-payment-btn.stripe { background: var(--en-bg-raised) !important; }
body.en-store-live-page {
  background:
    radial-gradient(850px circle at 8% 0%, rgba(var(--en-primary-rgb), .08), transparent 60%),
    var(--en-bg) !important;
}
body.en-store-live-page .card { border-color: var(--en-border) !important; background: var(--en-panel) !important; }
.en-store-membership-card { --en-membership-tier: var(--en-secondary) !important; }
.en-store-membership-card-vip_plus { --en-membership-tier: var(--en-primary) !important; box-shadow: var(--en-shadow-sm) !important; }
.en-store-funding-progress span { background: var(--en-primary) !important; }
.en-store-contributor-card { border-color: var(--en-border) !important; background: var(--en-panel) !important; }
.en-store-top-supporter {
  scroll-margin-top: 5rem;
  margin-top: 1rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: 46px 64px minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  border: 1px solid rgba(var(--en-primary-rgb), .38);
  border-radius: var(--en-radius-lg);
  background:
    radial-gradient(480px circle at 100% 0%, rgba(var(--en-primary-rgb), .12), transparent 64%),
    var(--en-panel);
  box-shadow: var(--en-shadow-sm);
}
.en-store-top-supporter-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: var(--en-primary-soft);
  color: var(--en-primary);
}
.en-store-top-supporter > img { width: 64px; height: 64px; object-fit: cover; border: 2px solid var(--en-border-strong); border-radius: 50%; }
.en-store-top-supporter-copy { min-width: 0; }
.en-store-top-supporter-copy > span { color: var(--en-primary); font-size: .7rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.en-store-top-supporter-copy h3 { margin: .18rem 0 0; color: #fff; font-size: 1.15rem; }
.en-store-top-supporter-copy p { margin: .2rem 0 0; font-size: .8rem; }
.en-store-top-supporter > strong { color: #fff; font-size: 1.05rem; white-space: nowrap; }

/* Leaderboards */
.leaderboard-shell { color: var(--en-text) !important; }
.leaderboard-header h1 { color: #fff !important; }
.leaderboard-eyebrow,
.board-kicker,
.modal-eyebrow { color: var(--en-primary) !important; }
.leaderboard-tabs { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; }
.leaderboard-tab { color: var(--en-text-muted) !important; }
.leaderboard-tab:hover { background: rgba(255,255,255,.035) !important; color: #fff !important; }
.leaderboard-tab.active {
  border-color: rgba(var(--en-primary-rgb), .42) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
}
.leaderboard-tab.active small { background: rgba(var(--en-primary-rgb), .18) !important; color: #ffc6a7 !important; }
.leaderboard-board,
.duel-leaderboard-board { border-color: var(--en-border) !important; background: var(--en-panel) !important; box-shadow: var(--en-shadow-md) !important; }
.board-toolbar,
.board-meta { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; }
.rank-badge { border-color: var(--en-border) !important; background: #202b36 !important; color: #dce2e8 !important; }
.rank-badge.rank-1 { border-color: rgba(var(--en-primary-rgb), .55) !important; background: var(--en-primary-soft) !important; color: #ffb58d !important; }
.rank-badge.rank-2,
.rank-badge.rank-3 { border-color: rgba(var(--en-secondary-rgb), .4) !important; background: var(--en-secondary-soft) !important; color: #c4dfed !important; }
.player-name { color: #fff !important; }
.details-button { min-height: 38px; }
.leaderboard-pagination .page-button.active { background: var(--en-primary) !important; border-color: var(--en-primary) !important; }

/* Profiles, achievements, inventory and rewards */
.en-pc-root,
#en-achievements,
#en-daily-rewards,
#en-profile-inventory { color: var(--en-text) !important; }
.en-pc-shell,
.en-pc-card,
.en-pc-game-card,
.en-ach-shell,
.en-ach-game,
.en-ach-card,
.en-daily-shell,
.en-daily-status-card,
.en-daily-how,
.en-inventory-shell {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.en-pc-shell { background: rgba(var(--en-bg-raised-rgb), .9) !important; }
.en-pc-card { background: rgba(var(--en-panel-rgb), .9) !important; }
.profile-wrap > .en-pc-outer-bg { opacity: .32 !important; }
.profile-wrap > .en-pc-outer-bg::after {
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--en-primary-rgb), .09), transparent 36%),
    radial-gradient(circle at 92% 8%, rgba(var(--en-secondary-rgb), .055), transparent 40%),
    linear-gradient(180deg, rgba(3, 6, 12, .5), rgba(3, 6, 12, .84)) !important;
}
.en-pc-highest-role {
  border-color: rgba(var(--en-primary-rgb), .34) !important;
  background: var(--en-primary-soft) !important;
  color: #ffd0b7 !important;
}
.en-pc-xp-fill,
.en-ach-progress > span,
.en-ach-progress-fill { background: linear-gradient(90deg, var(--en-primary), var(--en-primary-hover)) !important; box-shadow: none !important; }
.en-profile-section-nav {
  border-color: var(--en-border) !important;
  background: rgba(var(--en-bg-raised-rgb), .94) !important;
}
.en-profile-section-nav a:hover,
.en-profile-section-nav a[aria-current="true"] { border-color: rgba(var(--en-primary-rgb), .45) !important; background: var(--en-primary-soft) !important; }
.en-profile-completion { border-color: var(--en-border) !important; background: var(--en-panel) !important; }
.en-profile-completion__bar span { background: var(--en-primary) !important; }
.en-ach-kicker,
.en-ach-title span,
.en-daily-status-label { color: var(--en-primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.en-ach-filter,
.en-ach-category-tab { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; color: var(--en-text-muted) !important; }
.en-ach-filter[aria-pressed="true"],
.en-ach-category-tab.active { border-color: var(--en-primary) !important; background: var(--en-primary-soft) !important; color: #fff !important; }
.en-ach-card.is-unlocked,
.en-ach-card.unlocked { border-color: rgba(var(--en-primary-rgb), .42) !important; }
.en-ach-card.is-locked,
.en-ach-card.locked { filter: saturate(.55); opacity: .72; }
.en-daily-title span { color: var(--en-primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.en-daily-gift,
.en-daily-crate { border-color: rgba(var(--en-primary-rgb), .30) !important; background: var(--en-primary-soft) !important; }
.en-daily-day { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; }

/* Service status: retain semantic green/red/yellow only for actual states. */
.enstatus-page {
  --en-bg: #090d12 !important;
  --en-panel: rgba(21, 30, 40, .94) !important;
  --en-panel-two: rgba(16, 23, 32, .94) !important;
  --en-border: #2a3542 !important;
  --en-border-blue: rgba(93, 145, 173, .32) !important;
  --en-text: #f5f7fa !important;
  --en-muted: #aeb7c2 !important;
  --en-faint: #7e8996 !important;
  --en-blue: #5d91ad !important;
  --en-purple: #f26a21 !important;
  --en-green: #54c27a !important;
  --en-red: #e5484d !important;
  --en-yellow: #e5a642 !important;
  --en-orange: #f26a21 !important;
  background:
    radial-gradient(800px circle at 8% 0%, rgba(var(--en-primary-rgb), .09), transparent 60%),
    linear-gradient(145deg, #090d12, #101720) !important;
}
.enstatus-page::after { display: none !important; }
.enstatus-bg-glow { opacity: .24 !important; }
.enstatus-bg-glow-one { background: radial-gradient(circle, rgba(var(--en-secondary-rgb), .24), transparent 62%) !important; }
.enstatus-bg-glow-two { background: radial-gradient(circle, rgba(var(--en-primary-rgb), .18), transparent 64%) !important; }
.enstatus-hero,
.enstatus-state-card,
.enstatus-section,
.enstatus-group,
.enstatus-monitor,
.enstatus-incident,
.enstatus-clear-card { border-color: var(--en-border) !important; background: var(--en-panel) !important; box-shadow: var(--en-shadow-sm) !important; }
.enstatus-section-tag,
.enstatus-kicker { color: var(--en-primary) !important; }

/* AdminHub and the legacy admin bridge */
.enhub-root {
  --hub-bg: #090d12;
  --hub-card: rgba(21, 30, 40, .94);
  --hub-card2: rgba(16, 23, 32, .94);
  --hub-line: #2a3542;
  --hub-line2: rgba(242, 106, 33, .32);
  --hub-text: #f5f7fa;
  --hub-soft: #cbd3dc;
  --hub-muted: #aeb7c2;
  --hub-cyan: #5d91ad;
  --hub-blue: #5d91ad;
  --hub-purple: #f26a21;
  --hub-green: #54c27a;
  --hub-amber: #e5a642;
  --hub-red: #e5484d;
}
.enhub-root::before {
  background:
    radial-gradient(800px circle at 6% 0%, rgba(var(--en-primary-rgb), .07), transparent 60%),
    var(--en-bg) !important;
}
.enhub-hero {
  border-color: var(--en-border) !important;
  background:
    radial-gradient(580px circle at 92% 10%, rgba(var(--en-primary-rgb), .16), transparent 62%),
    linear-gradient(145deg, var(--en-panel), var(--en-bg-raised)) !important;
  box-shadow: var(--en-shadow-md) !important;
}
.enhub-hero::after { display: none !important; }
.enhub-sidebar,
.enhub-panel,
.enhub-card,
.enhub-stat-card,
.enhub-task-card,
.enhub-user-card,
.enhub-user-row,
.enhub-log-card,
.enhub-log-mini,
.enhub-soft-card,
.enhub-indicator,
.enhub-modal-card,
.task-panel-clean {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.enhub-side-link i,
.enhub-section-kicker,
.enhub-kicker { color: var(--en-primary) !important; }
.enhub-side-link:hover,
.enhub-side-link.active,
.enhub-tabs a:hover,
.enhub-tabs a.active,
.enhub-seg .active {
  border-color: rgba(var(--en-primary-rgb), .40) !important;
  background: var(--en-primary-soft) !important;
  color: #fff !important;
  transform: none !important;
}
.enhub-progress span { background: var(--en-primary) !important; }
.enhub-input,
.enhub-select,
.enhub-textarea { border-color: var(--en-border) !important; background: #0d131a !important; color: var(--en-text) !important; }
.enhub-table td { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; }
.enadmin-command {
  border-color: var(--en-border) !important;
  background: var(--en-panel) !important;
  color: var(--en-text) !important;
  box-shadow: var(--en-shadow-sm) !important;
}
.enadmin-mark { background: var(--en-primary) !important; }
.enadmin-quick a { border-color: var(--en-border) !important; background: var(--en-bg-raised) !important; color: #dce2e8 !important; }
.enadmin-quick a:hover { border-color: rgba(var(--en-primary-rgb), .45) !important; background: var(--en-primary-soft) !important; }

/* Professional glass refinement
   Keep the interface calm and editorial: glass is reserved for structural
   surfaces, type weights stay below display-poster territory, and orange is a
   directional accent rather than a wall of colour. */
:root {
  --en-radius-md: 13px;
  --en-radius-lg: 18px;
  --en-radius-xl: 22px;
  --en-shadow-sm: 0 10px 30px rgba(0, 0, 0, .18);
  --en-shadow-md: 0 22px 64px rgba(0, 0, 0, .26);
}

h1, h2, h3, h4, h5, h6,
.title,
.section-title { font-weight: 620 !important; }

.navbar-fancy .nav-link,
.navbar-fancy .dropdown-item,
.footer a { font-weight: 580 !important; }

.btn,
.en-btn,
.en-card-btn,
.en-store-btn,
.en-store-buy,
.filter-submit,
.details-button,
.page-button { font-weight: 600 !important; }

.navbar-fancy,
.footer,
.dropdown-menu,
.modal-content,
.en-network-summary,
.leaderboard-header,
.leaderboard-tabs,
.en-store-section,
.enstatus-hero,
.enstatus-section {
  border-color: rgba(138, 159, 180, .2) !important;
  background: linear-gradient(145deg, rgba(21, 30, 40, .78), rgba(10, 16, 23, .72)) !important;
  box-shadow: 0 18px 58px rgba(0, 0, 0, .2) !important;
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

.card,
.en-home-feature,
.en-game-card,
.en-network-stat,
.en-server-card,
.en-store-package-card,
.en-store-hero-benefits article,
.en-store-hero-trust,
.en-store-contributor-card,
.leaderboard-board,
.enstatus-state-card,
.enstatus-group,
.enstatus-monitor,
.en-pc-card,
.en-ach-card,
.en-daily-status-card {
  border-color: rgba(138, 159, 180, .18) !important;
  background: linear-gradient(150deg, rgba(24, 34, 45, .78), rgba(13, 20, 28, .74)) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, .16) !important;
}

.en-landing .title {
  font-size: clamp(1.45rem, 4.2vw, 2.5rem) !important;
  font-weight: 640 !important;
  letter-spacing: .095em !important;
}
.en-landing .en-hero-command > span,
.en-landing .en-section-kicker,
.en-store-kicker,
.en-store-section-eyebrow,
.leaderboard-header .eyebrow,
.board-kicker,
.en-server-eyebrow,
.enstatus-kicker,
.enstatus-section-tag {
  font-weight: 620 !important;
  letter-spacing: .055em !important;
  text-transform: none !important;
}
.en-landing .en-hero-command h1 {
  max-width: 17ch;
  font-size: clamp(2.25rem, 5.2vw, 4.35rem) !important;
  font-weight: 610 !important;
  line-height: 1.02 !important;
  letter-spacing: -.038em !important;
}
.en-landing .subtitle {
  max-width: 760px;
  font-size: clamp(1rem, 1.5vw, 1.15rem) !important;
  line-height: 1.6 !important;
}
.en-landing .en-hero-proof span {
  border-color: rgba(154, 175, 195, .24) !important;
  background: rgba(11, 17, 24, .58) !important;
  font-weight: 560 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.en-landing .en-section h2,
.en-landing .en-service-heading h2 {
  font-weight: 610 !important;
  letter-spacing: -.03em !important;
  text-transform: none !important;
}
.en-home-feature,
.en-game-card {
  border-radius: 17px !important;
  background: rgba(20, 30, 40, .64) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 34px rgba(0, 0, 0, .14) !important;
  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}
.en-home-feature h3,
.en-game-card strong,
.en-network-stat strong { font-weight: 610 !important; }
.en-home-feature ul { gap: .35rem .65rem; }
.en-home-feature li {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #aeb8c3 !important;
  font-size: .78rem !important;
  font-weight: 520 !important;
}
.en-home-feature li::before {
  content: "•";
  margin-right: .35rem;
  color: rgba(var(--en-primary-rgb), .72);
}
.en-home-feature__icon,
.en-game-card > i,
.en-network-stat > i {
  border-color: rgba(var(--en-primary-rgb), .24) !important;
  background: rgba(var(--en-primary-rgb), .09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}
.en-network-stat > div > span,
.en-store-server-name,
.en-store-card-topline,
.enstatus-metric span {
  letter-spacing: .045em !important;
  text-transform: none !important;
  font-weight: 580 !important;
}

.en-landing .en-btn {
  min-height: 48px;
  padding-inline: 1.25rem !important;
  border-radius: 12px !important;
}
.en-landing .en-btn.primary,
.en-store-btn.primary,
.en-store-buy.primary {
  background: linear-gradient(135deg, rgba(242, 106, 33, .94), rgba(203, 76, 17, .94)) !important;
  box-shadow: 0 12px 30px rgba(var(--en-primary-rgb), .18) !important;
}
.en-landing .en-btn:not(.primary),
.en-store-btn:not(.primary) {
  background: rgba(16, 24, 33, .62) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.en-store-hero {
  background:
    radial-gradient(780px circle at 12% 10%, rgba(var(--en-primary-rgb), .11), transparent 58%),
    radial-gradient(680px circle at 92% 4%, rgba(var(--en-secondary-rgb), .08), transparent 60%),
    linear-gradient(145deg, rgba(9, 13, 18, .94), rgba(15, 22, 30, .88)) !important;
}
.en-store-title {
  max-width: 17ch !important;
  font-size: clamp(2.15rem, 4.4vw, 3.5rem) !important;
  font-weight: 610 !important;
  line-height: 1.03 !important;
  letter-spacing: -.038em !important;
}
.en-store-title span { color: #ff8a4c !important; }
.en-store-hero-benefits article,
.en-store-hero-trust { border-radius: 15px !important; }
.en-store-hero-benefits article {
  border-color: rgba(138, 159, 180, .16) !important;
  background: rgba(15, 22, 30, .48) !important;
  box-shadow: none !important;
}
.en-store-hero-benefits article > span {
  border-color: rgba(var(--en-secondary-rgb), .28) !important;
  background: rgba(var(--en-secondary-rgb), .1) !important;
  color: #b9d3e1 !important;
}
.en-store-hero-trust {
  border-color: rgba(var(--en-secondary-rgb), .28) !important;
  background: rgba(var(--en-secondary-rgb), .075) !important;
  box-shadow: none !important;
}
.en-store-hero-trust strong { color: #d9e6ed !important; }
.en-store-card-title,
.en-store-section-title,
.leaderboard-header h1,
.board-heading h2,
.enstatus-hero h1 { font-weight: 620 !important; }
.en-store-filter-btn,
.leaderboard-tab { font-weight: 600 !important; }
.en-store-badge,
.en-store-rarity,
.en-store-server-name,
.en-store-balance-label { font-weight: 580 !important; letter-spacing: .035em !important; }
.en-store-price,
.en-store-balance-value,
.en-store-nav-card h3,
.en-store-info-card h3,
.en-store-hero-benefits strong,
.en-store-hero-trust strong { font-weight: 620 !important; }
.en-store-buy,
.en-store-btn,
.en-store-recipient-toggle button,
.en-store-payment-btn span { font-weight: 600 !important; }
.en-game-card { min-height: 132px; }

.en-directory-hero,
.en-directory-toolbar,
.en-directory-card,
.en-directory-snapshot {
  border-color: rgba(138, 159, 180, .2) !important;
  background: linear-gradient(145deg, rgba(21, 30, 40, .78), rgba(10, 16, 23, .74)) !important;
  box-shadow: 0 16px 52px rgba(0, 0, 0, .2) !important;
  backdrop-filter: blur(15px) saturate(1.06);
  -webkit-backdrop-filter: blur(15px) saturate(1.06);
}
.en-directory h1 {
  max-width: 16ch !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: clamp(2.15rem, 4.8vw, 3.55rem) !important;
  font-weight: 610 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
}
.en-directory-kicker,
.en-directory-card-kicker,
.en-directory-snapshot span,
.en-directory-state,
.en-directory-tags span,
.en-directory-telemetry span {
  font-weight: 580 !important;
  letter-spacing: .05em !important;
  text-transform: none !important;
}
.en-directory-button,
.en-directory-filter,
.en-directory-input,
.en-directory-select { font-family: inherit !important; font-weight: 600 !important; }
.en-directory-button-primary {
  border-color: rgba(var(--en-primary-rgb), .5) !important;
  background: linear-gradient(135deg, rgba(242, 106, 33, .94), rgba(203, 76, 17, .94)) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(var(--en-primary-rgb), .16) !important;
}
.en-directory-card h2,
.en-directory-snapshot strong { font-family: inherit !important; font-weight: 610 !important; }

.en-pc-identity h2,
.en-pc-card h3,
.player-name { font-weight: 610 !important; }

#en-change-list-public .en-page-title {
  font-size: clamp(2.1rem, 4.5vw, 3.5rem) !important;
  font-weight: 610 !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}
#en-change-list-public .en-eyebrow,
#en-change-list-public .en-type-pill,
#en-change-list-public .en-chip {
  font-weight: 580 !important;
  letter-spacing: .05em !important;
  text-transform: none !important;
}
#en-change-list-public .en-cl-hero,
#en-change-list-public .en-filter-card,
#en-change-list-public .en-update-card,
#en-change-list-public .en-view-card {
  border-color: rgba(138, 159, 180, .2) !important;
  background: linear-gradient(145deg, rgba(21, 30, 40, .78), rgba(10, 16, 23, .72)) !important;
  box-shadow: 0 16px 52px rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(14px) saturate(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(1.06);
}

/* Concise, editorial landing layout. */
.en-landing .en-section { padding-block: clamp(2.65rem, 5vw, 4.6rem) !important; }
.en-landing .en-section.en-surface {
  background:
    radial-gradient(780px circle at 92% 4%, rgba(var(--en-secondary-rgb), .045), transparent 64%),
    rgba(15, 22, 30, .58) !important;
  backdrop-filter: blur(18px) saturate(1.04);
  -webkit-backdrop-filter: blur(18px) saturate(1.04);
}
.en-landing .en-home-section-head {
  max-width: 720px !important;
  margin: 0 0 1.45rem !important;
  text-align: left !important;
}
.en-landing .en-home-section-head .section-title,
.en-landing .en-home-section-head .section-sub { text-align: left !important; }
.en-landing .en-home-section-head .section-title {
  margin-top: .45rem !important;
  font-size: clamp(1.8rem, 3.6vw, 3rem) !important;
  line-height: 1.08 !important;
}
.en-landing .en-home-section-head .section-sub {
  max-width: 660px !important;
  margin: .75rem 0 0 !important;
  line-height: 1.58 !important;
}
.en-landing .en-home-section-head .en-divider {
  width: 42px !important;
  height: 2px !important;
  margin: .8rem 0 0 !important;
}
.en-home-grid--summary { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.en-home-grid--summary.en-home-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.en-home-feature--compact {
  min-height: 205px;
  padding: 1.15rem !important;
  display: flex;
  flex-direction: column;
}
.en-home-feature--compact .en-home-feature__icon {
  width: 40px;
  height: 40px;
  margin-bottom: .85rem;
  border-radius: 11px;
}
.en-home-feature--compact h3 { margin-bottom: .45rem; font-size: 1.05rem; line-height: 1.3; }
.en-home-feature--compact p { margin-bottom: .9rem; font-size: .9rem; line-height: 1.55; }
.en-feature-link {
  min-height: 44px;
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: #d8e1e8 !important;
  font-size: .84rem;
  font-weight: 590;
  text-decoration: none !important;
}
.en-feature-link i { color: var(--en-primary); font-size: .72rem; transition: transform .18s ease; }
.en-feature-link:hover { color: #fff !important; }
.en-feature-link:hover i { transform: translateX(2px); }
.en-home-feature--duels {
  border-color: rgba(138, 159, 180, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 34px rgba(0, 0, 0, .14) !important;
}
.en-landing .en-home-feature:hover,
.en-landing .en-game-card:hover { transform: none !important; border-color: rgba(160, 181, 201, .32) !important; }
.en-landing .en-game-card { min-height: 120px; padding: .9rem !important; }
.en-landing .en-game-card strong { font-size: .93rem; line-height: 1.25; }
.en-landing .en-game-card span { line-height: 1.4; }
.en-discord-widget { height: 290px; border-radius: 14px; overflow: hidden; }
#enServers .en-server-title {
  font-family: inherit !important;
  font-weight: 610 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
#enServers .en-chip,
#enServers .en-server-eyebrow,
#enServers .en-box-label {
  font-family: inherit !important;
  font-weight: 580 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
}
#team #enTeam .en-team-card-number { display: none !important; }
#team #enTeam .en-team-name {
  font-family: inherit !important;
  font-weight: 610 !important;
  letter-spacing: -.015em !important;
}
#team #enTeam .en-team-role,
#team #enTeam .en-team-open {
  font-weight: 580 !important;
  letter-spacing: .03em !important;
  text-transform: none !important;
}

/* Readability pass shared by public, player, and administration routes. */
body { font-size: 1rem; }
h1, h2, h3, h4, h5, h6,
.title,
.section-title { text-shadow: none !important; }
p,
.card-body,
.modal-body,
.alert,
.dropdown-item,
td { line-height: 1.62; }
small,
.small { line-height: 1.5; }
.card,
.modal-content,
.dropdown-menu,
.en-home-feature,
.en-game-card,
.en-directory-card,
.en-store-package-card,
.leaderboard-board,
.enstatus-group {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 30px rgba(0, 0, 0, .14) !important;
}

/* Keep product headings editorial and calm instead of billboard-sized. */
.en-landing .en-hero-command h1 {
  font-size: clamp(2.2rem, 5.2vw, 3.8rem) !important;
  font-weight: 620 !important;
  line-height: 1.02 !important;
  letter-spacing: -.043em !important;
}
.leaderboard-header h1,
.enstatus-hero h1 {
  font-size: clamp(2.15rem, 4.5vw, 3.5rem) !important;
  font-weight: 620 !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
}
.btn,
button,
.nav-link,
.dropdown-item,
.badge { font-weight: 580 !important; }

/* Network totals and server population must remain legible at a glance. */
.en-network-stat > div { min-width: 0; }
.en-network-stat span {
  color: var(--en-text-muted) !important;
  font-size: .8rem !important;
  font-weight: 580 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}
.en-network-stat strong {
  font-size: clamp(1.3rem, 2vw, 1.62rem) !important;
  font-weight: 620 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.en-network-stat small {
  font-size: .77rem !important;
  line-height: 1.42 !important;
}
#enServers .en-pop-mini span {
  color: var(--en-text-muted) !important;
  font-size: .72rem !important;
  font-weight: 560 !important;
  letter-spacing: .025em !important;
  text-transform: none !important;
}
#enServers .en-pop-mini strong {
  margin-top: .18rem;
  font-size: 1.08rem !important;
  font-weight: 620 !important;
  line-height: 1.2 !important;
}

/* Server telemetry is decision-making information, not micro-copy. */
.en-directory h1 {
  font-size: clamp(2.1rem, 4.6vw, 3.55rem) !important;
  line-height: 1.06 !important;
}
.en-directory-hero-copy > p { font-size: .98rem !important; line-height: 1.65 !important; }
.en-directory-snapshot span {
  margin-top: .45rem !important;
  font-size: .76rem !important;
  line-height: 1.35 !important;
}
.en-directory-snapshot strong { font-size: 1.8rem !important; line-height: 1.05 !important; }
.en-directory-filter { min-height: 44px !important; font-size: .82rem !important; }
.en-directory-filter span { font-size: .72rem !important; }
.en-directory-result-line { font-size: .82rem !important; }
.en-directory-card h2 { font-size: clamp(1.15rem, 2vw, 1.42rem) !important; font-weight: 610 !important; }
.en-directory-state { font-size: .72rem !important; line-height: 1.35 !important; }
.en-directory-description { font-size: .9rem !important; line-height: 1.62 !important; }
.en-directory-tags span { font-size: .7rem !important; line-height: 1.35 !important; font-weight: 560 !important; }
.en-directory-telemetry span {
  margin-bottom: .35rem !important;
  color: var(--en-text-muted) !important;
  font-size: .74rem !important;
  line-height: 1.3 !important;
  font-weight: 560 !important;
}
.en-directory-telemetry strong {
  color: var(--en-text) !important;
  font-size: .94rem !important;
  line-height: 1.4 !important;
  font-weight: 610 !important;
}
.en-directory-telemetry .en-directory-today strong {
  color: #fff !important;
  font-size: 1.3rem !important;
}
#enServers .en-server-title { font-size: 1.16rem !important; line-height: 1.25 !important; }
#enServers .en-server-desc { font-size: .9rem !important; line-height: 1.55 !important; }
#enServers .en-server-tag { font-size: .7rem !important; line-height: 1.25 !important; font-weight: 560 !important; }
#enServers .en-stat span {
  color: var(--en-text-muted) !important;
  font-size: .73rem !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}
#enServers .en-stat strong {
  font-size: .94rem !important;
  line-height: 1.35 !important;
  font-weight: 610 !important;
}
#enServers .en-stat-today strong { font-size: 1.22rem !important; color: #fff !important; }
#enServers .en-card-btn { font-size: .82rem !important; font-weight: 600 !important; }
.en-table-cards tr[hidden] { display: none !important; }
.enstatus-monitor-stats span {
  color: var(--en-text-muted) !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
  font-weight: 560 !important;
}
.enstatus-monitor-stats strong,
.enstatus-monitor-stats code {
  color: var(--en-text) !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: 610 !important;
}
.enstatus-time-row,
.enstatus-monitor-copy p { font-size: .86rem !important; line-height: 1.55 !important; }
.enstatus-kicker,
.enstatus-section-tag,
.enstatus-state-top { font-weight: 580 !important; letter-spacing: .08em !important; }
.enstatus-lead,
.enstatus-meta-row span,
.enstatus-soft-pill { font-weight: 520 !important; }
.enstatus-state-card strong,
.enstatus-state-grid b { font-weight: 620 !important; }
.enstatus-state-grid span { font-size: .72rem !important; font-weight: 560 !important; letter-spacing: .025em !important; text-transform: none !important; }
#en-change-list-public strong,
#en-change-list-public button,
#en-change-list-public .en-filter-label { font-weight: 600 !important; }

@supports (content-visibility: auto) {
  .en-landing .en-section,
  .en-directory-card,
  .en-store-package-card,
  .enstatus-group,
  #en-change-list-public .en-update-card {
    content-visibility: auto;
    contain-intrinsic-size: auto 420px;
  }
}

/* Responsive system */
@media (max-width: 1100px) {
  .en-network-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
  }
  .en-network-summary .en-network-stat {
    grid-column: auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .en-network-summary .en-network-stat:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
  .en-network-summary .en-network-stat:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  .en-network-summary .en-network-stat:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; }
  .en-network-summary .en-network-stat:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
  .en-network-summary .en-network-stat:nth-child(5) { grid-column: 1 / -1 !important; grid-row: 3 !important; }
  .en-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .en-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .en-home-grid--summary,
  .en-home-grid--summary.en-home-grid--three { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767.98px) {
  body { font-size: 1rem; }
  .container, .container-fluid { --bs-gutter-x: 1.25rem; }
  .page-header { text-align: left !important; }
  .page-header h1, h1.title { font-size: clamp(1.8rem, 9vw, 2.7rem) !important; }
  .card { margin-bottom: 1rem; }
  .modal-dialog { margin: .6rem; max-width: calc(100vw - 1.2rem); }
  .modal-content { max-height: calc(100dvh - 1.2rem); }
  .modal-footer { display: grid; grid-template-columns: 1fr; }
  .modal-footer .btn { width: 100%; margin: 0 !important; }
  .en-landing .en-parallax { min-height: min(700px, calc(100svh - 56px)) !important; }
  .en-network-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: -1.35rem; }
  .en-network-stat { min-height: 88px; padding: .8rem; }
  .en-home-grid,
  .en-home-grid.two { grid-template-columns: 1fr; }
  .en-home-grid--summary,
  .en-home-grid--summary.en-home-grid--three { grid-template-columns: 1fr !important; }
  .en-home-feature--compact { min-height: 0; }
  .en-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .en-game-card { min-height: 130px; }
  .en-landing .en-hero { padding: 2.5rem 1rem 3rem !important; }
  .en-landing .en-hero-command h1 { font-size: clamp(1.95rem, 8.1vw, 2.7rem) !important; }
  .en-landing .en-ctas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; width: min(100%, 390px); margin-inline: auto; }
  .en-landing .en-btn { width: 100%; }
  .en-landing .en-ctas .en-btn:nth-child(3) { grid-column: 1 / -1; }
  .en-discord-widget { height: 240px; }
  .en-store-filter-row { width: 100%; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .en-directory-input,
  .en-directory-select,
  .leaderboard-search,
  #en-change-list-public input,
  #en-change-list-public select { min-height: 44px !important; font-size: 16px !important; }
  .en-store-filter-btn { min-width: 0 !important; }
  .en-store-top-supporter { grid-template-columns: 46px minmax(0, 1fr) auto; gap: .75rem; }
  .en-store-top-supporter > img { grid-row: 1 / span 2; }
  .en-store-top-supporter-mark { display: none; }
  .leaderboard-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .leaderboard-header h1 { font-size: clamp(2rem, 10vw, 2.8rem) !important; }
  .enhub-root { padding-inline: 10px !important; }
  .enhub-hero { padding: 22px 18px !important; }
  .enhub-hero h1 { font-size: clamp(2.2rem, 12vw, 3.15rem) !important; }
  .enstatus-hero { border-radius: 18px !important; }
  .enstatus-hero-inner { gap: 16px !important; padding: 20px !important; }
  .enstatus-hero h1 { margin-top: 12px !important; font-size: clamp(2rem, 9vw, 2.65rem) !important; }
  .enstatus-lead { margin-top: 12px !important; }
  .enstatus-meta-row { margin-top: 15px !important; gap: 7px !important; }
  .enstatus-meta-row span,
  .enstatus-soft-pill { padding: 7px 10px !important; font-size: .82rem !important; }
  .enstatus-state-card { padding: 17px !important; border-radius: 16px !important; }
  .enstatus-state-card strong { margin-top: 10px !important; }
  .enstatus-state-grid { gap: 7px !important; margin-top: 13px !important; }
  .enstatus-state-grid div { padding: 10px 8px !important; border-radius: 12px !important; }
  .enstatus-section { margin-top: 14px !important; }

  /* The homepage is a preview; keep its server cards focused on live telemetry. */
  #enServers .en-server-desc,
  #enServers .en-server-tags,
  #enServers .features-panel.compact { display: none !important; }
  #enServers .en-server-media,
  #enServers .en-server-media img,
  #enServers .en-server-fallback { min-height: 138px !important; height: 138px !important; }
  #enServers .en-server-content { gap: .62rem !important; padding: .9rem !important; }
  #enServers .en-server-panel-row { display: block !important; }
  #enServers .en-pop-mini { width: 88px !important; padding: .55rem !important; }
}

@media (max-width: 430px) {
  .navbar-fancy .navbar-brand { max-width: 44vw; }
  .en-network-summary { width: calc(100% - 16px); padding: 7px; gap: 6px; }
  .en-network-stat { min-height: 82px; gap: .6rem; padding: .7rem; }
  .en-network-stat > i { width: 36px; height: 36px; flex-basis: 36px; }
  .en-network-stat strong { font-size: 1.18rem !important; }
  .en-network-stat span { font-size: .75rem !important; }
  .en-network-stat small { display: block; font-size: .72rem !important; }
  .en-home-feature { border-radius: var(--en-radius-md); }
  .en-game-grid { gap: .55rem; }
  .en-game-card { min-height: 118px; padding: .8rem; }
  .en-store-filter-row { grid-template-columns: 1fr; }
  .en-store-top-supporter { grid-template-columns: 54px minmax(0, 1fr); }
  .en-store-top-supporter > img { width: 54px; height: 54px; }
  .en-store-top-supporter > strong { grid-column: 2; }
  .leaderboard-tabs { gap: 5px !important; padding: 5px !important; }
  .leaderboard-tab { min-height: 48px !important; padding: 7px !important; font-size: .82rem !important; }
}

@media (max-width: 340px) {
  .en-network-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% - 12px); }
  .en-network-stat { min-height: 74px; }
  .en-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leaderboard-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .en-landing .en-glow,
  .enhub-hero::after,
  .enstatus-page::after { display: none !important; }
}

@media (forced-colors: active) {
  .btn,
  .card,
  .form-control,
  .form-select,
  .dropdown-menu { border: 1px solid CanvasText !important; }
}