html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* room backgrounds */
.shell--cabin{
  background:
    linear-gradient(180deg, rgba(13,27,42,.22), rgba(13,27,42,.70)),
    url('assets/lounge-cabin.jpg') center/cover no-repeat fixed;
  background-color: var(--nova-ink);
}
.shell--entry{
  background:
    url('assets/orbit_bronze_panel.png') center/cover no-repeat fixed,
    linear-gradient(180deg, #0B1623, var(--nova-ink));
  background-blend-mode: overlay;
}

/* top bar */
.topbar{
  position:sticky; top:0; z-index:50;
  display:flex; gap:14px; align-items:center;
  margin:8px; padding:10px 16px; border-radius:16px;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
.topbar a{color:var(--text); text-decoration:none; font-weight:650; padding:6px 10px; border-radius:10px}
.topbar a:hover{ background:rgba(255,255,255,.12) }