/* Final tea-room artwork layer. This file is mounted by forum.html directly. */
html:has(body.forum-tea-room-assets-final),
body.forum-tea-room-assets-final {
  background-color: #eee5d2 !important;
}

body.forum-tea-room-assets-final {
  position: relative;
  isolation: isolate;
  background-image: url("./assets/tea-room/tea-room-background.webp?v=20260803-final") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed;
}

body.forum-tea-room-assets-final::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("./assets/tea-room/tea-room-background.webp?v=20260803-final") center top / cover no-repeat;
}

/* Keep the existing dark navigation/header, but let the supplied paper scene show through page shells. */
body.forum-tea-room-assets-final > main,
body.forum-tea-room-assets-final > #app,
body.forum-tea-room-assets-final .forum-page,
body.forum-tea-room-assets-final .forum-shell,
body.forum-tea-room-assets-final .forum-layout,
body.forum-tea-room-assets-final .forum-content {
  background-color: transparent !important;
  background-image: none !important;
}

/* Directly marked cards. The image is stretched to the card box so no artwork is lost. */
body.forum-tea-room-assets-final [data-tea-asset="post"],
body.forum-tea-room-assets-final [data-tea-asset="rules"],
body.forum-tea-room-assets-final [data-tea-asset="tags"] {
  position: relative !important;
  overflow: hidden !important;
  background-color: rgba(250, 245, 231, 0.78) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  border-color: rgba(154, 119, 69, 0.34) !important;
  box-shadow: 0 8px 24px rgba(74, 52, 24, 0.08);
}

body.forum-tea-room-assets-final [data-tea-asset="post"] {
  background-image: url("./assets/tea-room/forum-post-card.webp?v=20260803-final") !important;
}

body.forum-tea-room-assets-final [data-tea-asset="rules"] {
  background-image: url("./assets/tea-room/forum-rules-board.webp?v=20260803-final") !important;
}

body.forum-tea-room-assets-final [data-tea-asset="tags"] {
  background-image: url("./assets/tea-room/forum-tags-board.webp?v=20260803-final") !important;
}

/* Fallback selectors keep cards styled even if the forum re-renders without data attributes. */
body.forum-tea-room-assets-final article,
body.forum-tea-room-assets-final .post-card,
body.forum-tea-room-assets-final .post-item,
body.forum-tea-room-assets-final .thread-card,
body.forum-tea-room-assets-final .topic-card,
body.forum-tea-room-assets-final .forum-post {
  background-image: url("./assets/tea-room/forum-post-card.webp?v=20260803-final") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

body.forum-tea-room-assets-final [data-tea-asset]::before,
body.forum-tea-room-assets-final [data-tea-asset]::after {
  background-image: none !important;
}

@media (max-width: 720px) {
  body.forum-tea-room-assets-final {
    background-attachment: scroll;
    background-size: auto 100% !important;
  }

  body.forum-tea-room-assets-final::before {
    background-size: auto 100%;
  }
}