:root { --page-bg: #111; }

.mode-single {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--page-bg);
  position: relative;
  overflow: hidden;
}

.mode-single .comic-single-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.mode-single .comic-single-page {
  max-width: 92%;
  max-height: 92%;
  width: auto;
  height: auto;
  object-fit: contain;
  user-select: none;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.7);
  transition: transform 0.15s ease-out;
  cursor: zoom-in;
}

.mode-single.is-zoomed .comic-single-page {
  cursor: grab;
  transition: none;
}

.mode-single.is-zoomed.is-dragging .comic-single-page {
  cursor: grabbing;
}