:root,
body.dark {
  --bg: #090909;
  --text: #f5f5f3;
  --muted: #aaa9a5;
  --line: rgba(255, 255, 255, .16);
  --card: rgba(22, 22, 22, .64);
  --lime: #fff;
  --lime-deep: #fff;
  --purple: #fff;
  --navy: #050505;
  --shadow: 0 18px 55px rgba(0, 0, 0, .35);
  color-scheme: dark;
}

body {
  background: radial-gradient(circle at 78% -10%, #292929 0, transparent 28%), radial-gradient(circle at 8% 90%, #1d1d1d 0, transparent 31%), #090909;
}

.orb { display: none; }
.topbar, .filters, .recruit-card, .hero-panel, .modal, .admin-panel, .stat, .notice, .live-metrics div, .wizard-choices button, .mode-choices button, .wizard-slider-block, .country-search, .game-detail {
  background: rgba(20, 20, 20, .58) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

.topbar, .filters, .modal {
  backdrop-filter: blur(6px) saturate(108%);
  -webkit-backdrop-filter: blur(6px) saturate(108%);
}

.topbar { background: rgba(9, 9, 9, .48); }
.brand > span:last-child, .brand-dot, .hero h1 em, .sparkle, .feature-list span { color: #fff; }
.primary, .button-lime { background: #f5f5f3 !important; color: #090909 !important; box-shadow: none; }
.primary:hover { box-shadow: 0 8px 0 rgba(255, 255, 255, .2); }
.secondary, .button-ghost, .circle-button, .language-button, .account-button {
  background: rgba(24, 24, 24, .58) !important;
  color: #f5f5f3 !important;
  border-color: rgba(255, 255, 255, .2) !important;
}
.game-marks, .games-strip { background: #050505; }
.entry-option.selected, .wizard-choices button.selected, .mode-choices button.selected, .wizard-choices button:hover, .mode-choices button:hover {
  background: rgba(255, 255, 255, .14) !important;
  border-color: #fff !important;
  box-shadow: none;
}
.rank-display i, .rank-heading b { background: linear-gradient(135deg, #fff, #767676) !important; color: #050505; }
.rank-preference input[type=range], .wizard-slider-block input[type=range] { accent-color: #fff; }
.rank-preference input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(90deg, #5f5f5f, #fff); }
.rank-preference input[type=range]::-webkit-slider-thumb { background: #fff; border-color: #151515; }

.match-modal { width: min(760px, calc(100vw - 28px)); }
.match-list { display: grid; gap: 9px; }
.match-list article { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .05); padding: 14px; border-radius: 10px; }
.match-list b { display: block; font-size: 13px; }
.match-list span { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }

@media (max-width: 610px) {
  .match-list article { align-items: flex-start; flex-direction: column; }
}