/* Eluna Play portal (/portal): the shared portal (site/site.css) in the Eluna colours, with the Eluna site header and footer. */
:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0a08; --bg-2: #100e0b; --surface: #15120d; --surface-2: #1f1a12; --line: rgba(245, 238, 225, .12); --line-strong: rgba(245, 238, 225, .22);
  --text: #f5eee1; --muted: #b9ae9c; --faint: #8a8070;
  --accent: #d4a23c; --accent-hover: #f3d27a; --accent-ink: #160f02; --accent-text: #f3d27a; --accent-soft: rgba(212, 162, 60, .14);
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --grid: rgba(245, 238, 225, .04);
}
.top, .bottom { width: min(100% - 32px, 1080px); margin: 0 auto; }
.top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 24px 0 8px; }
.top .brand { margin: 0; }
.top .brand img { width: 150px; height: auto; }
.top nav { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.top nav a { color: var(--muted); text-decoration: none; font-weight: 600; font-size: .95rem; }
.top nav a:hover, .top nav a[aria-current="page"] { color: var(--text); }
.top nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--accent); }
.bottom { border-top: 1px solid var(--line); padding: 20px 0 40px; font-size: .9rem; color: var(--muted); }
.bottom p { margin: 6px 0; }
.bottom a { color: var(--accent-hover); }
.help-card ol { margin: 0; padding-left: 1.2rem; color: var(--muted); font-size: .93rem; }
.help-card li { margin: 6px 0; }
.top nav a.lang { border: 1px solid var(--line); border-radius: 8px; padding: 0 8px; color: var(--text); }
.top nav a.lang:hover { border-color: var(--accent); }