/* The page X frames inside a post (templates/x_player.html): the app fills the square, with a small link home. */
html, body { margin: 0; height: 100%; overflow: hidden; background: #000; }
iframe { display: block; width: 100%; height: 100%; border: 0; }
.home {
  position: fixed; right: 8px; bottom: 8px; display: flex; align-items: center; gap: 6px;
  padding: 4px 9px 4px 4px; border-radius: 999px; background: rgb(0 0 0 / 0.6); color: #fff;
  font: 600 11px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: 0.01em; text-decoration: none;
  opacity: 0.75; transition: opacity 0.2s;
}
.home:hover, .home:focus-visible { opacity: 1; }
.home img { width: 14px; height: 14px; border-radius: 50%; }