/* L2META Panel HUD — dark theme overlay (wiki HUD palette / blocks)
 * Loaded AFTER panel-skin.css. Affects .dark / html.dark only.
 * Light theme untouched. Rollback: remove this link from head.blade.php
 */

/* ---------- Tokens (wiki HUD v3) ---------- */
html.dark,
.dark {
  --hud-accent: #c9a46a;
  --hud-accent-hi: #e0c48a;
  --hud-accent-lo: #8a6a3d;
  --hud-steel: #7f95ad;
  --hud-steel-hi: #a8bdd4;
  --hud-steel-lo: #4a5d73;
  --hud-frame: #3d4f63;
  --hud-panel: #0c1016;
  --hud-panel-2: #141a24;
  --hud-ink: #e8edf4;
  --hud-ink-dim: #aeb8c6;
  --hud-slot: #18202c;
  --hud-titlebar: linear-gradient(180deg, #2a3544 0%, #1a2432 55%, #121820 100%);
  --hud-section-odd: #121a24;
  --hud-section-even: #1c2838;

  --lk-bg-0: #070a10;
  --lk-bg-1: #0c1016;
  --lk-bg-2: #141a24;
  --lk-surface: rgba(18, 26, 36, 0.92);
  --lk-surface-2: rgba(28, 40, 54, 0.95);
  --lk-surface-solid: #121a24;
  --lk-border: rgba(201, 164, 106, 0.34);
  --lk-border-soft: rgba(201, 164, 106, 0.16);
  --hud-rule: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 164, 106, 0.12) 8%,
    rgba(201, 164, 106, 0.55) 35%,
    rgba(232, 196, 138, 0.85) 50%,
    rgba(201, 164, 106, 0.55) 65%,
    rgba(201, 164, 106, 0.12) 92%,
    transparent 100%
  );
  --lk-text: #e8edf4;
  --lk-text-dim: #aeb8c6;
  --lk-accent: #c9a46a;
  --lk-accent-2: #e0c48a;
  --lk-accent-dim: rgba(201, 164, 106, 0.16);
  --lk-danger: #ff6b63;
  --lk-success: #5dce72;
  --lk-radius: 0;
  --lk-radius-sm: 0;
  --lk-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  --lk-font: "Manrope", "Open Sans", "Segoe UI", system-ui, sans-serif;
  --lk-display: "Manrope", "Open Sans", "Segoe UI", system-ui, sans-serif;

  --color-second: var(--lk-surface) !important;
  --color-second-light: rgba(0, 0, 0, 0.35) !important;
  --color-second-hover: var(--lk-accent-2) !important;
  --color-border: var(--lk-border) !important;
  --dark-100: rgba(36, 48, 64, 0.55);
  --dark-200: rgba(28, 40, 54, 0.7);
  --dark-300: rgba(22, 32, 44, 0.8);
  --dark-400: rgba(18, 26, 36, 0.88);
  --dark-500: rgba(14, 20, 30, 0.92);
  --dark-600: rgba(12, 16, 22, 0.95);
  --dark-700: rgba(10, 14, 20, 0.97);
  --dark-800: rgba(7, 10, 16, 0.99);
  --dark-ddd: #121a24;
  --dark-dd1: rgba(20, 28, 40, 0.92);
  --primary: var(--lk-accent);
  --secondary: #7f95ad;
}

/* ---------- Gold decorative rules (replace gray dividers) ---------- */
html.dark .lk-hud-rule,
html.dark .lk-exch__rule,
html.dark .lk-bp__rule,
html.dark hr:not(.lk-top-card__hr),
html.dark hr.divider,
html.dark .divider:not(.menu-inner-divider):not(.menu-heading),
html.dark .layout-divider,
html.dark .report-card:not(.lk-top-card__inner) hr,
html.dark .memberHeader-separator {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 1.05rem 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: var(--hud-rule) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html.dark .lk-hud-rule::before,
html.dark .lk-exch__rule::before,
html.dark .lk-bp__rule::before,
html.dark hr:not(.lk-top-card__hr)::before,
html.dark hr.divider::before,
html.dark .divider:not(.menu-inner-divider):not(.menu-heading)::before,
html.dark .layout-divider::before,
html.dark .report-card:not(.lk-top-card__inner) hr::before,
html.dark .memberHeader-separator::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background: linear-gradient(145deg, #e8c48a, #a67c3d) !important;
  box-shadow: 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  border-radius: 0 !important;
  z-index: 1;
}

/* Compact KPI cards: keep thin gold rule, no fat margins / clipping */
html.dark .lk-top-card,
html.dark .lk-top-card .report-card,
html.dark .lk-top-card__inner {
  overflow: visible !important;
}

html.dark .lk-top-card hr,
html.dark .lk-top-card__hr,
html.dark .lk-top-card .report-card hr {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 4px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 164, 106, 0.25) 12%,
    rgba(201, 164, 106, 0.7) 50%,
    rgba(201, 164, 106, 0.25) 88%,
    transparent 100%
  ) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html.dark .lk-top-card hr::before,
html.dark .lk-top-card__hr::before,
html.dark .lk-top-card .report-card hr::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background: linear-gradient(145deg, #e8c48a, #a67c3d) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  z-index: 1;
}

/* Sidebar spacers — gold fade line + diamond (ref: HUD flourish) */
html.dark .lk-sidebar-rule,
html.dark .menu-inner-divider,
html.dark .menu .divider {
  position: relative !important;
  display: block !important;
  list-style: none !important;
  height: 1px !important;
  margin: 0.65rem 0.55rem !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 164, 106, 0.2) 12%,
    rgba(232, 196, 138, 0.85) 50%,
    rgba(201, 164, 106, 0.2) 88%,
    transparent 100%
  ) !important;
  box-shadow: none !important;
}

html.dark .lk-sidebar-rule::before,
html.dark .menu-inner-divider::before,
html.dark .menu .divider::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  background: linear-gradient(145deg, #f0d9a0, #c9a46a 55%, #a67c3d) !important;
  box-shadow: 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  border-radius: 0 !important;
  z-index: 1;
  pointer-events: none !important;
}

html.dark .layout-menu .menu-heading.lk-sidebar-head {
  position: relative !important;
  border-bottom: 0 !important;
}

html.dark .layout-menu .menu-heading.lk-sidebar-head::after {
  content: "" !important;
  position: absolute !important;
  left: 0.55rem !important;
  right: 0.55rem !important;
  bottom: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 164, 106, 0.2) 12%,
    rgba(232, 196, 138, 0.85) 50%,
    rgba(201, 164, 106, 0.2) 88%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
}

html.dark .layout-menu .menu-heading.lk-sidebar-head::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -2.5px !important;
  width: 6px !important;
  height: 6px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: linear-gradient(145deg, #f0d9a0, #c9a46a 55%, #a67c3d) !important;
  box-shadow: 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  z-index: 2;
  pointer-events: none !important;
}

html.dark .lk-sidebar-tools {
  position: relative !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html.dark .lk-sidebar-tools::before {
  content: "" !important;
  position: absolute !important;
  left: 0.55rem !important;
  right: 0.55rem !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 164, 106, 0.2) 12%,
    rgba(232, 196, 138, 0.85) 50%,
    rgba(201, 164, 106, 0.2) 88%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
}

html.dark .lk-sidebar-tools::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -2.5px !important;
  width: 6px !important;
  height: 6px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: linear-gradient(145deg, #f0d9a0, #c9a46a 55%, #a67c3d) !important;
  box-shadow: 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  z-index: 2;
  pointer-events: none !important;
}

/* Collapse: no separator line at all (user: remove white strip above button) */
html.dark .layout-menu .menu-bottom,
html.dark .layout-menu .lk-menu-collapse,
.dark .layout-menu .menu-bottom,
.dark .layout-menu .lk-menu-collapse,
html.dark .layout-menu .menu-bottom.lk-menu-collapse,
.dark .layout-menu .menu-bottom.lk-menu-collapse {
  position: relative !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

html.dark .layout-menu .lk-menu-collapse::before,
html.dark .layout-menu .lk-menu-collapse::after,
.dark .layout-menu .lk-menu-collapse::before,
.dark .layout-menu .lk-menu-collapse::after,
html.dark .layout-menu .menu-bottom::before,
html.dark .layout-menu .menu-bottom::after,
.dark .layout-menu .menu-bottom::before,
.dark .layout-menu .menu-bottom::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

html.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child,
.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child,
html.dark ._is-minimized .layout-menu .lk-menu-collapse .menu-inner > *:first-child,
.dark ._is-minimized .layout-menu .lk-menu-collapse .menu-inner > *:first-child,
._is-minimized .layout-menu .lk-menu-collapse .menu-inner > *:first-child {
  position: relative !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  padding-top: 0.35rem !important;
  background-image: none !important;
}

html.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child::before,
html.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child::after,
.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child::before,
.dark .layout-menu .lk-menu-collapse .menu-inner > *:first-child::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

html.dark .menu-inner-divider > span,
html.dark .menu-inner-divider .divider-text {
  display: none !important;
}

/* Labeled MoonShine dividers keep text, gold line still applies */
html.dark .layout-divider,
html.dark .divider:not(.menu-inner-divider):not(.menu-heading) {
  text-align: center !important;
  color: var(--hud-accent-hi) !important;
}

/* Panel frames: copper instead of steel-gray */
html.dark .box,
html.dark .card,
html.dark .report-card,
html.dark .layout-page .box,
html.dark .layout-page .card,
html.dark .lk-donate__panel,
html.dark .lk-donate__hero,
html.dark .lk-inv__hero,
html.dark .lk-inv__wh-side,
html.dark .lk-inv__wh-main,
html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel,
html.dark .lk-bp__quest,
html.dark .lk-bp__bind,
html.dark .lk-bp__empty,
html.dark .lk-bp__reward-box,
html.dark .lk-bp__buy-pack,
html.dark .lk-exch__panel,
html.dark .lk-exch__lot,
html.dark .lk-exch__auction-card,
html.dark .lk-dash__section,
html.dark .lk-dash__stat,
html.dark .box-donate,
html.dark .shop-box {
  border-color: rgba(201, 164, 106, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 164, 106, 0.1) !important;
}

/* ---------- Selection (visible on dark HUD) ---------- */
html.dark ::selection,
.dark ::selection {
  background: #c9a46a !important;
  color: #120e08 !important;
  -webkit-text-fill-color: #120e08 !important;
  text-shadow: none !important;
}

html.dark ::-moz-selection,
.dark ::-moz-selection {
  background: #c9a46a !important;
  color: #120e08 !important;
  text-shadow: none !important;
}

/* ---------- Base ---------- */
html.dark body,
.dark body {
  font-family: var(--lk-font) !important;
  color: var(--hud-ink) !important;
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(18, 28, 48, 0.55) 0%, transparent 55%),
    radial-gradient(ellipse 90% 60% at 80% 100%, rgba(32, 24, 12, 0.28) 0%, transparent 50%),
    linear-gradient(175deg, rgba(5, 8, 14, 0.96) 0%, rgba(8, 11, 18, 0.92) 42%, rgba(4, 6, 12, 0.96) 100%) !important;
  -webkit-font-smoothing: antialiased;
}

.dark .layout-wrapper,
.dark body.dark\:bg-gray-800,
.dark\:bg-gray-800:is(.dark *) {
  background: transparent !important;
}

.dark .layout-wrapper {
  background:
    radial-gradient(ellipse 100% 70% at 20% 0%, rgba(36, 48, 64, 0.35), transparent 55%),
    linear-gradient(165deg, #070a10 0%, #0c1016 48%, #0a0e14 100%) !important;
  background-blend-mode: normal;
}

html.dark strong:not(.wiki-add):not(.wiki-warn),
.dark strong:not(.wiki-add):not(.wiki-warn),
html.dark b:not(.wiki-add):not(.wiki-warn),
.dark b:not(.wiki-add):not(.wiki-warn) {
  color: var(--hud-accent-hi) !important;
  font-weight: 700 !important;
}

/* ---------- Sidebar (wiki page-nav language) ---------- */
.dark .layout-menu,
.dark .layout-menu.lk-sidebar {
  background: linear-gradient(180deg, #151c28 0%, #0c1016 100%) !important;
  border: 1px solid rgba(127, 149, 173, 0.35) !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4) !important;
}

.dark .layout-menu .menu-heading,
.dark .layout-menu .menu-heading.lk-sidebar-head {
  background: var(--hud-titlebar) !important;
  border-bottom: 0 !important;
  color: var(--hud-ink) !important;
}

@keyframes lk-brand-sheen {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.dark .menu-heading-logo .lk-brand-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.dark .custom_logo,
.dark .menu-heading-logo h3,
.dark .lk-brand {
  position: relative !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--lk-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0.145em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  background-image: linear-gradient(
    105deg,
    #6f542c 0%,
    #a67c3d 16%,
    #e0c48a 34%,
    #fff3c8 42%,
    #e8c48a 50%,
    #c9a46a 62%,
    #8a6a3d 78%,
    #f0d9a0 90%,
    #a67c3d 100%
  ) !important;
  background-size: 220% 100% !important;
  background-position: 0% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 236, 190, 0.28))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.78))
    drop-shadow(0 0 12px rgba(201, 164, 106, 0.3));
  animation: lk-brand-sheen 6.5s ease-in-out infinite;
}

.dark .lk-brand-link:hover .lk-brand,
.dark .menu-heading-logo a:hover .custom_logo {
  filter:
    drop-shadow(0 1px 0 rgba(255, 244, 210, 0.4))
    drop-shadow(0 2px 4px rgba(0, 0, 0, 0.78))
    drop-shadow(0 0 16px rgba(232, 196, 138, 0.45));
  animation-duration: 3.2s;
}

@media (prefers-reduced-motion: reduce) {
  .dark .custom_logo,
  .dark .menu-heading-logo h3,
  .dark .lk-brand {
    animation: none !important;
    background-position: 40% 50% !important;
  }
}

.dark .layout-menu .menu.lk-menu,
.dark .layout-menu .menu {
  gap: 0 !important;
}

.dark .layout-menu .menu-inner {
  row-gap: 0 !important;
  border-radius: 0 !important;
}

.dark .layout-menu .menu-inner-link,
.dark .layout-menu .menu-inner-button,
.dark .wiki-menu__button {
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--hud-ink-dim) !important;
  font-family: var(--lk-font) !important;
  font-size: 13.5px !important;
  font-weight: 550 !important;
  line-height: 1.4 !important;
  padding: 9px 12px !important;
  min-height: 0 !important;
}

.dark .layout-menu .menu > .menu-inner-item:nth-child(odd) > .menu-inner-link,
.dark .layout-menu .menu > .menu-inner-item:nth-child(odd) > .menu-inner-button,
.dark .layout-menu .menu-inner > .menu-inner-item:nth-child(odd) > .menu-inner-link,
.dark .layout-menu .menu-inner > .menu-inner-item:nth-child(odd) > .menu-inner-button {
  background: #101820 !important;
}

.dark .layout-menu .menu > .menu-inner-item:nth-child(even) > .menu-inner-link,
.dark .layout-menu .menu > .menu-inner-item:nth-child(even) > .menu-inner-button,
.dark .layout-menu .menu-inner > .menu-inner-item:nth-child(even) > .menu-inner-link,
.dark .layout-menu .menu-inner > .menu-inner-item:nth-child(even) > .menu-inner-button {
  background: #182230 !important;
}

.dark .layout-menu .menu-inner-link:hover,
.dark .layout-menu .menu-inner-button:hover,
.dark .wiki-menu__button:hover:not(.active) {
  color: var(--hud-ink) !important;
  background: #243448 !important;
  box-shadow: inset 3px 0 0 var(--hud-steel) !important;
  transform: none !important;
}

.dark .layout-menu .menu-inner-item._is-active > .menu-inner-link,
.dark .layout-menu .menu-inner-item._is-active > .menu-inner-button,
.dark .wiki-menu__button.active {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(201, 164, 106, 0.28) 0%, rgba(36, 52, 72, 0.95) 55%, #1a2838 100%) !important;
  box-shadow: inset 3px 0 0 var(--hud-accent) !important;
}

.dark .layout-menu .menu-inner-text {
  color: inherit !important;
  font-size: 13.5px !important;
}

.dark .layout-menu .menu-bottom,
.dark .layout-menu .lk-menu-collapse {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: rgba(10, 14, 20, 0.9) !important;
  box-shadow: none !important;
}

.dark .lk-footer,
.dark .lk-footer__copy {
  color: var(--hud-ink-dim) !important;
  border-color: rgba(201, 164, 106, 0.2) !important;
}

/* ---------- Cards / boxes ---------- */
.dark .box,
.dark .box-donate,
.dark .report-card,
.dark .column-dashboard,
.dark .account-table,
.dark .lk-auth-card {
  background: var(--hud-section-odd) !important;
  border: 1px solid rgba(201, 164, 106, 0.32) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  overflow: hidden;
}

.dark .box:nth-child(even),
.dark .report-card:nth-child(even) {
  background: var(--hud-section-even) !important;
  border-color: rgba(201, 164, 106, 0.22) !important;
}

.dark .box-title,
.dark .report-card .title,
.dark .account-table .box-title,
.dark .column-dashboard .box-title {
  display: block;
  margin: 0 !important;
  padding: 10px 14px !important;
  font-family: var(--lk-font) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--hud-ink) !important;
  background: var(--hud-titlebar) !important;
  border: none !important;
  border-bottom: 1px solid rgba(127, 149, 173, 0.25) !important;
  border-radius: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65);
}

.dark .column-dashboard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.dark .box-dashboard1,
.dark .box-dashboard2,
.dark .box-dashboard3 {
  border: 1px solid rgba(201, 164, 106, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden;
}

.dark .box-dashboard1::after,
.dark .box-dashboard2::after,
.dark .box-dashboard3::after {
  background: linear-gradient(120deg, rgba(12, 16, 22, 0.82), rgba(18, 26, 36, 0.45)) !important;
}

/* Dashboard account table + KPI (override dashboard.css) */
:is(.dark .account-table),
html.dark .account-table {
  background: var(--hud-section-even) !important;
  border: 1px solid rgba(201, 164, 106, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

:is(.dark .column-dashboard) {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

:is(.dark .btn-pass),
:is(.dark .btn-start),
.dark .btn-dashboard {
  border-radius: 0 !important;
}

/* ---------- Buttons ---------- */
.dark .btn,
.dark .btn-start,
.dark .btn-style701,
.dark .btn-pass,
.dark .btn-main,
.dark .btn-pay,
.dark .btn-dashboard,
.dark a.btn {
  background: linear-gradient(180deg, #2a3544 0%, #1a2432 55%, #121820 100%) !important;
  border: 1px solid rgba(201, 164, 106, 0.4) !important;
  color: var(--hud-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--lk-font) !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em;
  transform: none !important;
}

.dark .btn:hover,
.dark .btn-start:hover,
.dark .btn-pass:hover,
.dark .btn-dashboard:hover,
.dark a.btn:hover {
  background: #243448 !important;
  border-color: rgba(224, 196, 138, 0.65) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: 0 0 10px rgba(201, 164, 106, 0.18) !important;
}

.dark .btn-primary,
.dark .btn.btn-primary,
.dark .meta_ribbon-btn.primary,
.dark a.btn-primary {
  background: linear-gradient(180deg, #3a4a5c 0%, #2a3544 50%, #1a2432 100%) !important;
  border-color: rgba(201, 164, 106, 0.55) !important;
  color: var(--hud-accent-hi) !important;
}

.dark .btn-primary:hover,
.dark a.btn-primary:hover {
  background: #2a3544 !important;
  color: #f0e0b0 !important;
}

/* ---------- Forms ---------- */
.dark .form-input,
.dark .form-textarea,
.dark .form-select,
.dark .form-multiselect,
.dark .form-file-upload,
.dark .choices__inner,
.dark .choices[data-type*="select-one"] .choices__input,
.dark input:not([type="checkbox"]):not([type="radio"]),
.dark select,
.dark textarea {
  background: rgba(10, 14, 20, 0.92) !important;
  border: 1px solid rgba(127, 149, 173, 0.3) !important;
  color: var(--hud-ink) !important;
  caret-color: var(--hud-accent-hi) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--lk-font) !important;
}

.dark input::placeholder,
.dark textarea::placeholder,
.dark .form-input::placeholder,
.dark .form-textarea::placeholder,
.dark .choices__placeholder {
  color: rgba(174, 184, 198, 0.55) !important;
  -webkit-text-fill-color: rgba(174, 184, 198, 0.55) !important;
}

.dark .form-input:focus,
.dark .form-textarea:focus,
.dark .form-select:focus,
.dark input:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: rgba(201, 164, 106, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(201, 164, 106, 0.18) !important;
}

/* ---------- Tables ---------- */
.dark .table-list,
.dark .account-table {
  border-radius: 0 !important;
  overflow: hidden;
}

.dark .table-list table {
  border-collapse: collapse !important;
}

.dark .table-list thead > tr > th,
.dark .table-list thead > tr > td,
.dark .account-table thead > tr > th,
.dark .account-table thead th,
.dark .account-table table thead th {
  background: rgba(42, 53, 68, 0.98) !important;
  color: var(--hud-accent-hi) !important;
  font-family: var(--lk-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(201, 164, 106, 0.35) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}

.dark .table-list tbody > tr > th,
.dark .table-list tbody > tr > td,
.dark .account-table tbody > tr > td,
.dark .account-table tbody td {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(127, 149, 173, 0.12) !important;
  color: var(--hud-ink-dim) !important;
  font-family: var(--lk-font) !important;
  font-size: 14px !important;
}

.dark .table-list tbody > tr:nth-child(odd) > td,
.dark .table-list tbody > tr:nth-child(odd) > th,
.dark .account-table tbody > tr:nth-child(odd) > td {
  background: #101820 !important;
}

.dark .table-list tbody > tr:nth-child(even) > td,
.dark .table-list tbody > tr:nth-child(even) > th,
.dark .account-table tbody > tr:nth-child(even) > td {
  background: #161e28 !important;
}

.dark .table-list tbody > tr:hover > td,
.dark .table-list tbody > tr:hover > th,
.dark .account-table tbody > tr:hover > td {
  background: #243040 !important;
  color: var(--hud-ink) !important;
}

.dark .imgs {
  border: 1px solid rgba(127, 149, 173, 0.35) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ---------- Server cards ---------- */
.dark #server-info .status-s,
.dark .lk-server-card {
  background: rgba(14, 20, 30, 0.92) !important;
  border: 1px solid rgba(127, 149, 173, 0.3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dark .lk-server-card.is-current,
.dark #server-info .lk-server-card.is-current {
  border: 1px solid rgba(93, 206, 114, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(93, 206, 114, 0.25),
    0 0 16px rgba(93, 206, 114, 0.2) !important;
  background:
    linear-gradient(135deg, rgba(93, 206, 114, 0.12), rgba(14, 20, 30, 0.95)),
    #121a24 !important;
}

.dark .progress,
.dark .progress-bar,
.dark [class*="progress"] {
  border-radius: 0 !important;
}

/* ---------- Auth / modals / alerts ---------- */
.dark .lk-auth-card,
.dark .layout-content .box.max-w-md {
  background: var(--hud-section-even) !important;
  border: 1px solid rgba(201, 164, 106, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.dark .lk-auth-card .title,
.dark .layout-content .box.max-w-md .title,
.dark .layout-content .box.max-w-md h1,
.dark .layout-content .box.max-w-md h2,
.dark .layout-content .box.max-w-md h3 {
  font-family: var(--lk-font) !important;
  color: var(--hud-accent-hi) !important;
  letter-spacing: 0.04em;
}

.dark .description {
  color: var(--hud-ink-dim) !important;
}

.dark .alert,
.dark .modal-content,
.dark .offcanvas,
.dark .dropdown-menu,
.dark [data-tippy-root] .tippy-box {
  background: var(--hud-panel-2) !important;
  border: 1px solid rgba(127, 149, 173, 0.32) !important;
  border-radius: 0 !important;
  color: var(--hud-ink) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important;
}

/* ---------- Page chrome (kill rounded "shell") ---------- */
html.dark .layout-page,
.dark .layout-page,
html.dark .lk-shell--no-topbar .layout-page,
.dark .lk-shell--no-topbar .layout-page,
html.dark .layout-page.lk-page,
.dark .layout-page.lk-page {
  background: linear-gradient(160deg, rgba(18, 26, 36, 0.92), rgba(10, 14, 20, 0.9)) !important;
  border: 1px solid rgba(127, 149, 173, 0.32) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden;
}

.dark .layout-content,
.dark .lk-shell--no-topbar .layout-content,
.dark .layout-content.lk-content {
  border-radius: 0 !important;
  background: transparent !important;
}

.dark .layout-page .layout-navigation,
.dark .layout-page .layout-header {
  background: var(--hud-titlebar) !important;
  border-bottom: 1px solid rgba(127, 149, 173, 0.25) !important;
  border-radius: 0 !important;
}

@media (max-width: 1024px) {
  html.dark .layout-page,
  .dark .layout-page {
    border-radius: 0 !important;
  }
}

/* Phone: drop floating framed page shell — full-bleed content */
@media (max-width: 767px) {
  html.dark .layout-page,
  .dark .layout-page,
  html.dark .lk-shell--no-topbar .layout-page,
  .dark .lk-shell--no-topbar .layout-page,
  html.dark .layout-page.lk-page,
  .dark .layout-page.lk-page {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .dark .layout-content,
  .dark .lk-shell--no-topbar .layout-content,
  .dark .layout-content.lk-content,
  .dark .layout-content.p-4 {
    padding: 0.5rem 0.65rem 0.85rem !important;
  }

  .dark .layout-wrapper,
  .dark .lk-shell--no-topbar .layout-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mobile: HUD must NOT paint full-screen aside over content.
   MoonShine aside is position:fixed inset-0 — shell stays transparent,
   only .menu._is-opened is the drawer. */
@media (max-width: 1023px) {
  html.dark .layout-menu,
  html.dark .layout-menu.lk-sidebar,
  .dark .layout-menu,
  .dark .layout-menu.lk-sidebar {
    background: transparent !important;
    border: 0 !important;
    border-right: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }

  html.dark .layout-menu .menu-heading,
  html.dark .layout-menu .menu-heading.lk-sidebar-head,
  .dark .layout-menu .menu-heading,
  .dark .layout-menu .menu-heading.lk-sidebar-head {
    background: rgba(12, 16, 22, 0.97) !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  html.dark .layout-menu .menu.lk-menu,
  html.dark .layout-menu .menu,
  .dark .layout-menu .menu.lk-menu,
  .dark .layout-menu .menu {
    background: linear-gradient(180deg, #151c28 0%, #0c1016 100%) !important;
    border: 1px solid rgba(127, 149, 173, 0.35) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45) !important;
  }

  html.dark .layout-menu .menu:not(._is-opened),
  .dark .layout-menu .menu:not(._is-opened) {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateX(-110%) !important;
  }

  html.dark .layout-menu .menu._is-opened,
  .dark .layout-menu .menu._is-opened {
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Tools/collapse live inside .menu — hide with it; don't float over page */
  html.dark .layout-menu .menu:not(._is-opened) .lk-sidebar-tools,
  html.dark .layout-menu .menu:not(._is-opened) .lk-menu-collapse,
  .dark .layout-menu .menu:not(._is-opened) .lk-sidebar-tools,
  .dark .layout-menu .menu:not(._is-opened) .lk-menu-collapse {
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

/* ---------- Feature pages using --lk-* ---------- */
.dark .ex-root,
.dark .inv-root,
.dark .bp-root,
.dark .admin-dash {
  --lk-radius: 0;
  --lk-radius-sm: 0;
}

/* Soften pill badges in sidebar (balance chip) — keep avatars round */
.dark .layout-menu .badge,
.dark .layout-menu [class*="badge"] {
  border-radius: 0 !important;
}

/* ---------- Dashboard hard overrides (dashboard.css) ---------- */
html.dark .column-dashboard,
:is(.dark .column-dashboard) {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.dark .account-table,
:is(.dark .account-table) {
  background: #1c2838 !important;
  border: 1px solid rgba(201, 164, 106, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

/* Dashboard accounts box — flat title, no black table bands */
html.dark .lk-dash-box,
.dark .lk-dash-box {
  background: #121a24 !important;
  border: 1px solid rgba(127, 149, 173, 0.28) !important;
  box-shadow: none !important;
}

html.dark .lk-dash-box .box-title,
html.dark .lk-dash-box__title,
.dark .lk-dash-box .box-title,
.dark .lk-dash-box__title {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  color: var(--hud-accent-hi) !important;
}

html.dark .lk-dash-box .table-list,
html.dark .lk-dash-box .table-responsive,
.dark .lk-dash-box .table-list,
.dark .lk-dash-box .table-responsive {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

html.dark .lk-dash-box .table-list tbody > tr:nth-child(odd) > td,
html.dark .lk-dash-box .table-list tbody > tr:nth-child(odd) > th,
.dark .lk-dash-box .table-list tbody > tr:nth-child(odd) > td {
  background: rgba(255, 255, 255, 0.02) !important;
}

html.dark .lk-dash-box .table-list tbody > tr:nth-child(even) > td,
html.dark .lk-dash-box .table-list tbody > tr:nth-child(even) > th,
.dark .lk-dash-box .table-list tbody > tr:nth-child(even) > td {
  background: rgba(0, 0, 0, 0.12) !important;
}

html.dark .lk-dash-box .table-list tbody > tr > td,
html.dark .lk-dash-box .table-list tbody > tr > th,
.dark .lk-dash-box .table-list tbody > tr > td {
  border: 0 !important;
  border-bottom: 1px solid rgba(127, 149, 173, 0.12) !important;
}

html.dark .lk-dash-box .table-list tbody > tr:last-child > td,
html.dark .lk-dash-box .table-list tbody > tr:last-child > th,
.dark .lk-dash-box .table-list tbody > tr:last-child > td {
  border-bottom: 0 !important;
}

html.dark .btn-pass,
html.dark .btn-start,
html.dark .btn-dashboard,
:is(.dark .btn-pass),
:is(.dark .btn-start) {
  border-radius: 0 !important;
}

html.dark .btn-pass {
  border: 1px solid rgba(201, 164, 106, 0.4) !important;
  background: linear-gradient(180deg, #2a3544 0%, #1a2432 100%) !important;
  color: var(--hud-ink, #e8edf4) !important;
}

html.dark .btn-pass:hover,
:is(.dark .btn-pass:hover) {
  background: #243448 !important;
  color: #fff !important;
}

html.dark .btn-start:hover,
:is(.dark .btn-start:hover) {
  background: #243448 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ---------- Global square corners in dark (except circles) ---------- */
html.dark .layout-menu .menu-inner-link,
html.dark .layout-menu .menu-inner-button,
html.dark .wiki-menu__button,
html.dark .lk-server-card,
html.dark #server-info .status-s,
html.dark .box,
html.dark .box-donate,
html.dark .report-card,
html.dark .account-table,
html.dark .table-list,
html.dark .btn,
html.dark .btn-start,
html.dark .btn-pass,
html.dark .btn-dashboard,
html.dark .btn-primary,
html.dark a.btn,
html.dark .form-input,
html.dark .form-textarea,
html.dark .form-select,
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea,
html.dark .alert,
html.dark .modal-content,
html.dark .dropdown-menu,
html.dark .progress,
html.dark .progress-bar,
html.dark [class*="progress"]:not([class*="circle"]) {
  border-radius: 0 !important;
}

/* Inventory */
html.dark .lk-inv,
html.dark .lk-inv__hero,
html.dark .lk-inv__chip,
html.dark .lk-inv__flash,
html.dark .lk-inv__empty,
html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel,
html.dark .lk-inv__panel,
html.dark .lk-inv__card,
html.dark .lk-inv__btn,
html.dark .lk-inv__submit,
html.dark .lk-inv button,
html.dark .lk-inv .btn,
html.dark .lk-inv [class*="panel"],
html.dark .lk-inv [class*="card"],
html.dark .lk-inv [class*="slot"]:not([class*="round"]),
html.dark .lk-inv [class*="item"] {
  border-radius: 0 !important;
}

html.dark .lk-inv__hero {
  background:
    radial-gradient(520px 180px at 0% 0%, rgba(201, 164, 106, 0.12), transparent 60%),
    linear-gradient(160deg, #1c2838, #121a24) !important;
  border: 1px solid rgba(127, 149, 173, 0.32) !important;
}

html.dark .lk-inv__title {
  font-family: var(--lk-font) !important;
  color: var(--hud-accent-hi) !important;
}

html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel {
  background: #121a24 !important;
  border: 1px solid rgba(127, 149, 173, 0.28) !important;
  box-shadow: none !important;
}

html.dark .lk-inv__chip {
  border: 1px solid rgba(201, 164, 106, 0.35) !important;
  background: rgba(201, 164, 106, 0.12) !important;
}

/* Exchange / battlepass / shop — square panels & buttons */
html.dark .ex-root,
html.dark .ex-root [class*="panel"],
html.dark .ex-root [class*="card"],
html.dark .ex-root [class*="box"],
html.dark .ex-root button,
html.dark .ex-root .btn,
html.dark .bp-root,
html.dark .bp-root [class*="panel"],
html.dark .bp-root [class*="card"],
html.dark .bp-root button,
html.dark .bp-root .btn,
html.dark .lk-shop,
html.dark .lk-shop [class*="card"],
html.dark .lk-shop button {
  border-radius: 0 !important;
}

/* Keep true circles only where intended (avatars) */
html.dark .avatar,
html.dark [class*="avatar"]:not([class*="panel"]):not([class*="card"]),
html.dark img.rounded-full,
html.dark .rounded-full:not(.btn):not(button):not(.lk-inv__chip):not(.lk-exch__chip):not(.lk-bp__chip) {
  border-radius: 50% !important;
}

/* Item icons / slots — square like HUD */
html.dark .lk-inv img,
html.dark .lk-inv [class*="slot"],
html.dark .lk-inv [class*="icon"] {
  border-radius: 0 !important;
}

/* ==================================================================
   Exchange / Battle Pass / Inventory / Shop — full HUD skin
   ================================================================== */
html.dark .lk-exch {
  --ex-surface: #121a24;
  --ex-row: #101820;
  --ex-border: rgba(201, 164, 106, 0.32);
  --ex-border-soft: rgba(201, 164, 106, 0.16);
  --ex-text: #e8edf4;
  --ex-dim: #aeb8c6;
  --ex-accent: #c9a46a;
  --ex-accent-2: #e0c48a;
  --ex-ok: #5dce72;
  --ex-danger: #ff6b63;
  font-family: var(--lk-font) !important;
}

html.dark .lk-bp {
  --bp-surface: #141a24;
  --bp-border: rgba(201, 164, 106, 0.32);
  --bp-border-soft: rgba(201, 164, 106, 0.16);
  --bp-text: #e8edf4;
  --bp-dim: #aeb8c6;
  --bp-accent: #c9a46a;
  --bp-accent-2: #e0c48a;
  --bp-ok: #5dce72;
  font-family: var(--lk-font) !important;
}

/* BP секции/квесты/награды — тот же тон, что Биржа/ЛК (не «чёрнее») */
html.dark .lk-bp__section,
html.dark .lk-bp__quest,
html.dark .lk-bp__reward-box,
html.dark .lk-bp__lane-label,
html.dark .lk-bp__select {
  background: #141a24 !important;
  border-color: rgba(201, 164, 106, 0.28) !important;
}

html.dark .lk-bp__quest.is-done {
  background: rgba(95, 159, 106, 0.08) !important;
}

html.dark .lk-bp__reward-cell.is-premium .lk-bp__reward-box {
  background: rgba(201, 164, 106, 0.1) !important;
}

html.dark .lk-inv {
  --inv-surface: #121a24;
  --inv-border: rgba(201, 164, 106, 0.32);
  --inv-border-soft: rgba(201, 164, 106, 0.16);
  --inv-text: #e8edf4;
  --inv-dim: #aeb8c6;
  --inv-accent: #c9a46a;
  --inv-accent-2: #e0c48a;
  --inv-ok: #5dce72;
  --inv-danger: #ff6b63;
  font-family: var(--lk-font) !important;
}

/* Square everything in these modules (except avatars handled above) */
html.dark .lk-exch,
html.dark .lk-exch *,
html.dark .lk-bp,
html.dark .lk-bp *,
html.dark .lk-inv,
html.dark .lk-inv * {
  border-radius: 0 !important;
}

html.dark .lk-exch__hero,
html.dark .lk-bp__hero,
html.dark .lk-inv__hero {
  background:
    linear-gradient(180deg, #243044 0%, #161e2c 100%) !important;
  border: 1px solid rgba(201, 164, 106, 0.28) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

html.dark .lk-exch__title,
html.dark .lk-bp__title,
html.dark .lk-inv__title {
  font-family: var(--lk-font) !important;
  color: var(--hud-accent-hi) !important;
  letter-spacing: 0.04em !important;
}

html.dark .lk-exch__panel,
html.dark .lk-exch__tabs,
html.dark .lk-exch__filters-wrap,
html.dark .lk-exch__lots-scroll,
html.dark .lk-exch__list--cards,
html.dark .lk-exch__empty,
html.dark .lk-exch__my-grid,
html.dark .lk-exch__meta,
html.dark .lk-exch__toast,
html.dark .lk-exch__help-modal-panel,
html.dark .lk-bp__toolbar,
html.dark .lk-bp__bind,
html.dark .lk-bp__empty,
html.dark .lk-bp__toast,
html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel,
html.dark .lk-inv__empty,
html.dark .lk-inv__flash {
  background: #121a24 !important;
  border: 1px solid rgba(127, 149, 173, 0.28) !important;
  box-shadow: none !important;
}

html.dark .lk-exch__tab,
html.dark .lk-exch__help-btn,
html.dark .lk-exch__help-link,
html.dark .lk-exch__chip,
html.dark .lk-exch__stats-toggle,
html.dark .lk-bp__chip,
html.dark .lk-bp__btn,
html.dark .lk-bp__select,
html.dark .lk-inv__chip,
html.dark .lk-inv__btn,
html.dark .lk-inv button,
html.dark .lk-exch button,
html.dark .lk-bp button {
  border-radius: 0 !important;
  font-family: var(--lk-font) !important;
}

html.dark .lk-exch__tab.is-active,
html.dark .lk-exch__tab:hover {
  background: #243448 !important;
  border-color: rgba(201, 164, 106, 0.45) !important;
  color: var(--hud-accent-hi) !important;
}

html.dark .lk-exch__chip,
html.dark .lk-bp__chip,
html.dark .lk-inv__chip {
  background: rgba(201, 164, 106, 0.12) !important;
  border: 1px solid rgba(201, 164, 106, 0.35) !important;
  color: var(--hud-accent-hi) !important;
}

/* Progress bars — rectangular track */
html.dark .lk-bp__bar,
html.dark .lk-bp__bar > *,
html.dark .lk-exch [class*="progress"],
html.dark .lk-bp [class*="bar"] {
  border-radius: 0 !important;
}

/* Shop / donate panels */
html.dark .shop,
html.dark .shop-box,
html.dark .box-donate,
html.dark [class*="donate"] .box,
html.dark .shop .card,
html.dark .shop button,
html.dark .shop .btn,
html.dark .lk-donate,
html.dark .lk-donate *,
html.dark .donate-bns,
html.dark .donate-bns * {
  border-radius: 0 !important;
}

html.dark .lk-donate__panel,
html.dark .lk-donate__hero,
html.dark .lk-donate__side,
html.dark .lk-donate__main {
  background: #121a24 !important;
  border: 1px solid rgba(127, 149, 173, 0.28) !important;
  box-shadow: none !important;
}

html.dark .lk-donate__title,
html.dark .lk-donate__panel-title {
  font-family: var(--lk-font) !important;
  color: var(--hud-accent-hi) !important;
}

/* Currency plates: sharp HUD frame (PNG no longer carries round chrome) */
html.dark .lk-donate__currency,
html.dark .lk-donate__currencies .currency-btn,
html.dark .lk-donate__currencies .payment-imgs {
  border-radius: 0 !important;
  border: 1px solid rgba(127, 149, 173, 0.28) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  background: #191b21 !important;
}

html.dark .lk-donate__currency img,
html.dark .lk-donate__currencies .currency-btn img {
  border-radius: 0 !important;
}

html.dark .lk-donate__currency.active,
html.dark .lk-donate__currencies .currency-btn.active,
html.dark .lk-donate__currencies .payment-imgs.active {
  border: 1px solid #c9a46a !important;
  box-shadow: inset 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  opacity: 1 !important;
  background: #1c222c !important;
}

html.dark .lk-donate__currency.active::after,
html.dark .lk-donate__currencies .currency-btn.active::after {
  border-radius: 0 !important;
}

/* Restore circular only for character/item face avatars if class says so */
html.dark .lk-exch img.rounded-full,
html.dark .lk-bp img.rounded-full,
html.dark .lk-inv .rounded-full.avatar {
  border-radius: 50% !important;
}

/* ==================================================================
   Unified wiki-HUD language for LK modules (last word)
   ================================================================== */
html.dark .lk-inv,
html.dark .lk-bp,
html.dark .lk-exch,
html.dark .lk-donate,
html.dark .shop {
  --hud-frame: #3d4f63;
  font-family: var(--lk-font) !important;
  color: var(--hud-ink) !important;
}

html.dark .lk-inv *,
html.dark .lk-bp *,
html.dark .lk-exch *,
html.dark .lk-donate *,
html.dark .shop * {
  border-radius: 0 !important;
}

html.dark .lk-inv__char-status,
html.dark .lk-inv__slot-check,
html.dark .lk-exch__slot-check {
  border-radius: 50% !important;
}

html.dark .lk-inv__hero,
html.dark .lk-bp__hero,
html.dark .lk-exch__hero,
html.dark .lk-inv__wh-side,
html.dark .lk-inv__wh-main,
html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel,
html.dark .lk-bp__quest,
html.dark .lk-bp__bind,
html.dark .lk-bp__empty,
html.dark .lk-bp__reward-box,
html.dark .lk-bp__buy-pack,
html.dark .lk-exch__panel,
html.dark .lk-exch__lot,
html.dark .lk-exch__auction-card,
html.dark .lk-exch__help-modal-panel,
html.dark .lk-exch__meta {
  border: 1px solid #3d4f63 !important;
  box-shadow: inset 0 0 0 1px rgba(201, 164, 106, 0.18), 0 4px 14px rgba(0, 0, 0, 0.22) !important;
  background: #121a24 !important;
}

/* Аукцион: история ставок — ровный список, не ломать flex HUD-оверлеем */
html.dark .lk-exch__auction-feed {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.35rem !important;
}

html.dark .lk-exch__auction-msg,
html.dark .lk-exch__auction-msg.is-other,
html.dark .lk-exch__auction-msg.is-mine {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
}

html.dark .lk-exch__auction-msg-bubble {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
  background: #121a24 !important;
  border: 1px solid rgba(201, 164, 106, 0.22) !important;
}

html.dark .lk-exch__auction-msg.is-mine .lk-exch__auction-msg-bubble {
  background: rgba(201, 164, 106, 0.12) !important;
  border-color: rgba(201, 164, 106, 0.4) !important;
}

html.dark .lk-exch__auction-drawer-panel {
  border-radius: 0 !important;
}

html.dark .lk-inv__hero,
html.dark .lk-bp__hero,
html.dark .lk-exch__hero {
  background: linear-gradient(180deg, #2a3544 0%, #1a2432 55%, #121820 100%) !important;
}

html.dark .lk-inv__title,
html.dark .lk-bp__title,
html.dark .lk-exch__title,
html.dark .lk-inv__section-title,
html.dark .lk-bp__section-title,
html.dark .lk-bp__bind-title {
  font-family: var(--lk-font) !important;
  color: var(--hud-accent-hi) !important;
  letter-spacing: 0.04em !important;
}

html.dark .lk-inv__mode,
html.dark .lk-exch__tab,
html.dark .lk-bp__btn,
html.dark .lk-bp__buy-pack-btn,
html.dark .lk-bp__btn--swap,
html.dark .lk-inv__submit,
html.dark .lk-exch button,
html.dark .lk-bp button {
  border-radius: 0 !important;
}

html.dark .lk-bp__btn--swap,
html.dark .lk-bp button.lk-bp__btn--swap {
  color: #f0b4b0 !important;
  border-color: rgba(196, 92, 92, 0.6) !important;
  background: linear-gradient(180deg, rgba(140, 48, 48, 0.58), rgba(90, 28, 28, 0.78)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 180, 170, 0.12) !important;
}

html.dark .lk-bp__btn--swap:hover,
html.dark .lk-bp button.lk-bp__btn--swap:hover {
  color: #ffd0cc !important;
  border-color: rgba(220, 110, 110, 0.8) !important;
  background: linear-gradient(180deg, rgba(168, 56, 56, 0.72), rgba(110, 34, 34, 0.9)) !important;
}

html.dark .lk-inv__mode.is-active,
html.dark .lk-exch__tab.is-active {
  border-color: rgba(201, 164, 106, 0.55) !important;
  color: var(--hud-accent-hi) !important;
  background: rgba(201, 164, 106, 0.14) !important;
}

html.dark .lk-inv__char-card,
html.dark .lk-inv__slot,
html.dark .lk-inv__grid,
html.dark .lk-bp__pill,
html.dark .lk-bp__chip,
html.dark .lk-inv__chip,
html.dark .lk-exch__chip,
html.dark .lk-exch__bid-row,
html.dark .lk-exch__stat-box {
  border-radius: 0 !important;
  border-color: rgba(201, 164, 106, 0.28) !important;
  background: #18202c !important;
}

html.dark .lk-inv__char input:checked + .lk-inv__char-card {
  border-color: rgba(201, 164, 106, 0.7) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 164, 106, 0.35) !important;
  background: rgba(201, 164, 106, 0.1) !important;
}

html.dark .lk-inv__submit,
html.dark .lk-bp__btn--gold,
html.dark .lk-bp__btn--grab,
html.dark .lk-bp__btn--claim-all,
html.dark .lk-bp__badge {
  border-radius: 0 !important;
  border: 1px solid rgba(232, 196, 138, 0.55) !important;
  background: linear-gradient(180deg, #e8c48a 0%, #c9a46a 55%, #a88046 100%) !important;
  color: #1a140c !important;
  font-weight: 800 !important;
}

html.dark .lk-bp__bar,
html.dark .lk-bp__bar > span,
html.dark .lk-bp__xp .lk-bp__bar {
  border-radius: 0 !important;
}

html.dark .lk-bp__bar {
  background: rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(201, 164, 106, 0.28) !important;
}

html.dark .lk-bp__bar > span {
  background: linear-gradient(90deg, #a88046, #c9a46a, #e0c48a) !important;
}

/* Dashboard / donate / shop leftover soft cards */
html.dark .lk-dash__period,
html.dark .lk-dash__section,
html.dark .lk-dash__stat,
html.dark .box-donate,
html.dark .shop-box,
html.dark .donate-bns .box,
html.dark .layout-page .card,
html.dark .layout-page .box {
  border-radius: 0 !important;
  border-color: rgba(201, 164, 106, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 164, 106, 0.1) !important;
}

/* ==================================================================
   FINAL HUD SQUARE PASS — kill leftover soft UI (notif / dropdowns / pills)
   ================================================================== */
html.dark,
.dark {
  --lk-radius: 0 !important;
  --lk-radius-sm: 0 !important;
}

html.dark .notifications .dropdown-body,
html.dark .lk-notifications-dropdown,
html.dark .lk-notifications-dropdown.dropdown-body,
html.dark .lk-sidebar-tools .notifications .dropdown-body,
html.dark .dropdown-body,
html.dark .dropdown-content,
html.dark .dropdown-menu,
html.dark .ms-dropdown,
html.dark .ms-dropdown .dropdown-body,
html.dark .offcanvas,
html.dark .modal,
html.dark .modal-dialog,
html.dark .modal-content,
html.dark .modal-template,
html.dark .toast,
html.dark .lk-notif-toast,
html.dark .alert,
html.dark .tippy-box,
html.dark [data-tippy-root] .tippy-box,
html.dark .choices__inner,
html.dark .choices__list--dropdown,
html.dark .swal2-popup,
html.dark .lk-exch-confirm,
html.dark .lk-exch-confirm__panel,
html.dark .lk-bp-confirm,
html.dark .lk-bp-confirm__panel {
  border-radius: 0 !important;
}

html.dark .notifications .notifications-read,
html.dark .lk-sidebar-tools .notifications .notifications-read,
html.dark .notifications-read,
html.dark .notifications .dropdown-footer .btn,
html.dark .notifications button,
html.dark .notifications a.btn,
html.dark .dropdown-footer button,
html.dark .dropdown-footer a {
  border-radius: 0 !important;
}

html.dark .notifications-category,
html.dark .notifications .badge,
html.dark .notifications [class*="badge"],
html.dark .notifications .ind,
html.dark .notifications .rounded-full.bg-red-500,
html.dark .layout-menu .ind,
html.dark .layout-menu .badge,
html.dark .layout-menu [class*="badge"]:not(.avatar),
html.dark .badge:not(.avatar),
html.dark .pill,
html.dark [class*="pill"]:not([class*="avatar"]) {
  border-radius: 0 !important;
}

html.dark .notifications .dropdown-heading {
  background: var(--hud-titlebar) !important;
  color: var(--hud-accent-hi) !important;
  border-bottom: 1px solid rgba(127, 149, 173, 0.28) !important;
  border-radius: 0 !important;
}

html.dark .notifications .dropdown-body,
html.dark .lk-notifications-dropdown.dropdown-body {
  background:
    linear-gradient(180deg, rgba(28, 40, 54, 0.98), rgba(12, 16, 22, 0.98)) !important;
  border: 1px solid rgba(127, 149, 173, 0.35) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
}

html.dark .notifications .dropdown-footer {
  background: rgba(12, 16, 22, 0.98) !important;
  border-top: 1px solid rgba(127, 149, 173, 0.28) !important;
}

html.dark .notifications .notifications-read {
  border: 1px solid rgba(201, 164, 106, 0.45) !important;
  background: rgba(201, 164, 106, 0.12) !important;
  color: var(--hud-accent-hi) !important;
}

html.dark .notifications .notifications-category {
  background: rgba(201, 164, 106, 0.16) !important;
  border: 1px solid rgba(201, 164, 106, 0.35) !important;
  color: var(--hud-accent-hi) !important;
}

html.dark .lk-server-card,
html.dark #server-info .status-s,
html.dark #server-info .lk-server-card,
html.dark .status-s,
html.dark .report-card,
html.dark .account-table,
html.dark .table-list,
html.dark .box,
html.dark .card,
html.dark .form-input,
html.dark .form-textarea,
html.dark .form-select,
html.dark .form-file,
html.dark .btn,
html.dark a.btn,
html.dark button:not(.rounded-full),
html.dark .progress,
html.dark .progress-bar,
html.dark .tabs,
html.dark .tab,
html.dark [role="tab"],
html.dark .pagination a,
html.dark .pagination span,
html.dark .page-link {
  border-radius: 0 !important;
}

/* Soft-nav toast + exchange/bp overlays */
html.dark .lk-notif-toast,
.dark .lk-notif-toast {
  border-radius: 0 !important;
}

/* Keep only real avatar circles */
html.dark .avatar,
html.dark img.avatar,
html.dark .lk-rating__avatar,
html.dark .lk-rating__avatar img {
  border-radius: 50% !important;
}

/* Final pass: copper frames everywhere (beat leftover steel) */
html.dark .box,
html.dark .card,
html.dark .report-card,
html.dark .layout-page .box,
html.dark .layout-page .card,
html.dark .lk-donate__panel,
html.dark .lk-donate__hero,
html.dark .lk-inv__hero,
html.dark .lk-inv__wh-side,
html.dark .lk-inv__wh-main,
html.dark .lk-inv__char-panel,
html.dark .lk-inv__items-panel,
html.dark .lk-bp__hero,
html.dark .lk-bp__quest,
html.dark .lk-bp__bind,
html.dark .lk-bp__empty,
html.dark .lk-bp__reward-box,
html.dark .lk-bp__buy-pack,
html.dark .lk-exch__hero,
html.dark .lk-exch__panel,
html.dark .lk-exch__lot,
html.dark .lk-exch__auction-card,
html.dark .lk-exch__meta,
html.dark .lk-dash__section,
html.dark .lk-dash__stat,
html.dark .lk-dash-box,
html.dark .box-donate,
html.dark .shop-box,
html.dark .account-table,
html.dark .column-dashboard,
html.dark .lk-auth-card,
html.dark .alert,
html.dark .modal-content,
html.dark .dropdown-menu,
html.dark .dropdown-body,
html.dark .form-input,
html.dark .form-select,
html.dark .form-textarea,
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea,
html.dark .btn,
html.dark .btn-dashboard,
html.dark .btn-start,
html.dark .btn-pass,
html.dark a.btn {
  border-color: rgba(201, 164, 106, 0.32) !important;
}

html.dark .box-title,
html.dark .report-card .title,
html.dark .account-table .box-title,
html.dark .column-dashboard .box-title,
html.dark .table-list thead > tr > th,
html.dark .table-list thead > tr > td {
  border-bottom-color: rgba(201, 164, 106, 0.28) !important;
}

/* Compact hrs (dashboard download tips, luckywheel, forum headers) */
html.dark hr.my-1,
html.dark hr.my-2,
html.dark hr.opacity-20,
html.dark .memberHeader-separator {
  margin: 0.45rem 0 !important;
}

html.dark hr.my-1::before,
html.dark hr.my-2::before,
html.dark hr.opacity-20::before,
html.dark .memberHeader-separator::before {
  width: 5px !important;
  height: 5px !important;
}