/* A quiet occupant of the seam above the Visitor Room's chat panel. */
.archive-page.visitor-room-page { padding-top: 75px; }
.visitor-room-card { position: relative; isolation: isolate; }
.visitor-nook {
  position: relative;
  height: 190px;
  margin: 4px 0 -8px;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  isolation: isolate;
}
.visitor-nook::before {
  content: "";
  position: absolute;
  right: 3.5%;
  bottom: -13px;
  width: 310px;
  height: 83px;
  border-radius: 52% 46% 0 0;
  background: radial-gradient(ellipse at 52% 100%, #000c16 12%, #001724 65%, transparent 74%);
  box-shadow: inset 0 -12px 15px #000d19;
  opacity: .85;
}
.visitor-nook::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  height: 12px;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(180deg, transparent, rgba(0, 10, 20, .6));
}
.visitor-nook-figure {
  position: absolute;
  z-index: 1;
  width: 260px;
  right: 48px;
  bottom: -55px;
  animation: visitor-nook-breathe 16s ease-in-out -4s infinite alternate;
}
.visitor-nook-figure img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  filter: drop-shadow(0 4px 3px rgba(0, 9, 18, .38));
}
.visitor-room-page #remna-chat {
  position: relative;
  z-index: 3;
  margin-top: 0;
  background: #00243b !important;
  box-shadow: 0 -3px 0 rgba(112, 173, 197, .16), 0 5px 12px rgba(0, 10, 20, .3);
}
.visitor-room-page #remna-chat::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  background: linear-gradient(90deg, transparent 55%, rgba(118, 178, 201, .2) 83%, transparent);
  pointer-events: none;
}
.visitor-room-page #chatbox { position: relative; z-index: 1; }
.visitor-room-page #remna-chat .room-counter { color: #b8dbea; }
@keyframes visitor-nook-breathe {
  from { transform: translateY(0); }
  to { transform: translateY(2px); }
}
[data-room-hidden] .visitor-nook-figure { animation-play-state: paused; }
@media (max-width: 1000px) {
  .visitor-nook { height: 176px; }
  .visitor-nook-figure { width: 245px; right: 24px; bottom: -55px; }
  .visitor-nook::before { width: 280px; right: 0; }
}
@media (max-width: 600px) {
  .archive-page.visitor-room-page { padding-top: 55px; }
  .visitor-nook { height: 153px; margin-top: 6px; }
  .visitor-nook-figure { width: 204px; right: 0; bottom: -48px; }
  .visitor-nook::before { width: 214px; height: 62px; right: 0; }
  .visitor-room-page #chatbox { width: 105px; max-width: 45%; margin-left: -4px; margin-right: auto; display: block; }
  .visitor-room-page #remna-chat { padding: 20px 12px; }
}
@media (max-width: 360px) {
  .visitor-nook { height: 140px; }
  .visitor-nook-figure { width: 184px; bottom: -44px; right: -4px; }
  .visitor-nook::before { width: 196px; }
  .visitor-room-page #chatbox { width: 92px; }
  .visitor-room-page #remna-chat .remna-chat-pinned { height: 128px; }
  .visitor-room-page #remna-chat .remna-chat-messages { top: 128px; }
}
@media (prefers-reduced-motion: reduce) {
  .visitor-nook-figure { animation: none; transform: none; }
}
@media print { .visitor-nook { display: none; } }