:root {
  --orange: #35c9e8 !important;
  --orange-bright: #60d9f2 !important;
  --orange-dim: #1686a8 !important;
  --amber: #f4cc6e !important;
  --dark: #10141d !important;
  --text: #f3f5f8 !important;
  --muted: #9aa6b7 !important;
  --muted2: #c1cad6 !important;
  --border-orange: rgba(91, 205, 238, .24) !important;
  color-scheme: dark;
}
html, body { background-color: #10141d; color: #f3f5f8; }
body { background-color: #10141d !important; color: #f3f5f8 !important; }
.page-bg {
  background:
    radial-gradient(ellipse 70% 55% at 50% -5%, rgba(48, 123, 174, .19) 0%, transparent 65%),
    radial-gradient(ellipse 40% 35% at 85% 80%, rgba(41, 69, 130, .10) 0%, transparent 55%),
    radial-gradient(ellipse 35% 30% at 10% 75%, rgba(44, 129, 157, .08) 0%, transparent 50%) !important;
}
.page-bg::after { background: radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(8, 11, 17, .78) 100%) !important; }
.legal-nav, .desktop-nav, .mobile-nav { display: none !important; }
.legal-page, .legal-main, .legal-card, .legal-content, .page-card { color: #f3f5f8 !important; }
.legal-page, .legal-main { background: #10141d !important; }
.legal-card, .legal-content, .page-card { background: #171e2a !important; border-color: #303b4d !important; }
select, input, textarea { color-scheme: dark; }
select { background-color: #171e2a; color: #f3f5f8; border-color: #354154; }
select option { background: #171e2a; color: #f3f5f8; }
#navbar-host .server-selector, #navbar-host .mobile-server-selector { position: relative; }
#navbar-host .server-selector:not(#nav-user),
#navbar-host .mobile-server-selector { display: none !important; }
body .desktop-nav .nav-right > .server-selector:not(#nav-user),
body .mobile-topbar-right > .mobile-server-selector { display: none !important; }
#navbar-host .server-selector-btn { min-height: 42px; padding: 0 13px; border: 1px solid #354154; border-radius: 10px; background: #171e2a; color: #eef3f9; font: 700 12px Inter, "Segoe UI", sans-serif; }
#navbar-host .server-selector-btn:hover { background: #202b3a; border-color: #60d9f2; }
#navbar-host .server-selector-btn svg { color: #60d9f2; }
#navbar-host .server-dropdown { z-index: 1200; background: #171e2a; border: 1px solid #354154; border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.42); }
#navbar-host .server-dropdown-item { color: #c1cad6; }
#navbar-host .server-dropdown-item:hover, #navbar-host .server-dropdown-item.active { background: #202b3a; color: #fff; }
#navbar-host .mobile-server-selector { width: 100%; }
@media (max-width: 760px) { #navbar-host .rift-nav__actions > .server-selector { display: none; } }
.billing-card { background: #171e2a !important; border-color: #303d51 !important; border-radius: 14px !important; }
.billing-cancel { border-color: rgba(96, 217, 242, .4) !important; background: rgba(96, 217, 242, .1) !important; color: #60d9f2 !important; }
.billing-cancel:hover { background: rgba(96, 217, 242, .2) !important; border-color: #60d9f2 !important; }
.billing-cancel-all { flex: none; padding: 10px 14px; border: 1px solid #3b4d63; border-radius: 9px; background: #202b3a; color: #d9e5f2; font: 700 12px/1.2 Inter, "Segoe UI", sans-serif; cursor: pointer; transition: .16s ease; }
.billing-cancel-all:hover:not(:disabled) { border-color: #60d9f2; background: #26394a; color: #fff; }
.billing-cancel-all:disabled { cursor: default; opacity: .62; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }