/* skin Modern «Космос» — стекло, звёзды, светящийся горизонт планеты снизу. */
@layer theme {
body {
  background:
    radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,.5), transparent),
    radial-gradient(1px 1px at 70% 12%, rgba(180,200,255,.5), transparent),
    radial-gradient(1px 1px at 40% 30%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 85% 26%, rgba(160,190,255,.4), transparent),
    radial-gradient(70% 42% at 50% 118%, rgba(91,124,255,.30), transparent 70%),
    var(--bg);
  background-attachment: fixed;
}
body::after {                     /* светящийся горизонт планеты */
  content: ""; position: fixed; left: 50%; bottom: -78vh; transform: translateX(-50%);
  width: 160vw; height: 160vw; border-radius: 50%; pointer-events: none; z-index: -1;
  background: radial-gradient(closest-side, rgba(20,28,54,.9), rgba(10,14,28,.4) 70%, transparent);
  box-shadow: 0 -2px 90px 10px rgba(91,124,255,.28), inset 0 8px 60px rgba(120,150,255,.25);
}
.card, .topbar { backdrop-filter: blur(16px); }
.card { background: rgba(18, 23, 37, .62); }
.big-num, .wallet .chip { font-variant-numeric: tabular-nums; }
.btn.primary { box-shadow: var(--btn-glow); }
.topnav a.on { box-shadow: 0 0 18px color-mix(in oklab, var(--accent) 55%, transparent); }
}