/* A quiet mineral wall and the natural silhouette of the existing frame. */
main.ritual-room.canvas {
  background-color: #e7dfcf;
  background-image: linear-gradient(#e7dfcf12, #ddd3c626), url("canvas-wall-lime-v023.png?build=20261102-v024-clock-arrival1");
  background-position: center, center;
  background-size: cover, 768px 768px;
  background-repeat: no-repeat, repeat;
}

main.ritual-room.canvas .canvas-v111-layout .canvas-art-mount,
main.ritual-room.unified-work-room.canvas .unified-canvas-work .canvas-stage-real > .canvas-art-mount,
.live-final.live-refined .canvas-preview-section .canvas-art-mount {
  background: transparent;
  border: 0;
  box-shadow: none;
}
main.ritual-room.canvas .canvas-v111-layout .canvas-art-mount::after,
.live-final.live-refined .canvas-preview-section .canvas-art-mount::after {
  display: none;
}
main.ritual-room.canvas .canvas-v111-layout .museum-frame-overlay,
.live-final.live-refined .canvas-preview-section .museum-frame-overlay {
  filter: drop-shadow(0 3px 3px #55432e2b) drop-shadow(0 18px 17px #55432e36);
}
main.ritual-room.canvas .canvas-v111-layout .canvas-art-frame {
  border: 0;
  box-shadow: none;
}

/* The work's small caption belongs to the frame without a second horizontal rule. */
main.ritual-room.canvas .canvas-v111-layout .canvas-stage-real > .canvas-cartel,
main.ritual-room.unified-work-room.canvas .unified-canvas-work .canvas-cartel,
.live-final.live-refined .canvas-preview-section .canvas-cartel {
  align-self: start;
  margin-top: 3px;
  padding-top: 0;
  border: 0;
}

/* The invitation is the tray's heading; its five slots provide the progress. */
main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-guidance {
  grid-column: 1 / -1;
  color: #774532;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-guidance.is-invitation {
  font: italic 400 24px/1.1 var(--pluritual-wip-serif, Georgia, serif);
  letter-spacing: 0;
}
main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn,
main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn:not(:disabled) {
  min-height: 46px;
  font-size: 13px;
}
@media (min-width: 901px) and (min-height: 501px), (min-width: 1025px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Use the stage's spare top space for the work while the shared chrome stays put. */
@media (min-width: 901px) and (min-height: 501px) {
  main.ritual-room.canvas.has-module-navigation {
    --canvas-space-reclaimed: clamp(8px, calc(8px + (100dvh - 720px) * .04), 30px);
  }
  main.ritual-room.canvas.has-module-navigation .canvas-v111-layout {
    --canvas-width: min(900px, calc((100cqh - 80px + var(--canvas-space-reclaimed)) * .831), calc(100vw - 640px));
  }
  main.ritual-room.canvas.has-module-navigation .canvas-stage-real {
    padding-top: max(0px, calc(24px - var(--canvas-space-reclaimed)));
  }
  main.ritual-room.unified-work-room.canvas .unified-canvas-work .canvas-stage-real {
    grid-template-rows: max-content 22px;
    align-content: start;
    padding-top: max(0px, calc(22px - var(--canvas-space-reclaimed)));
    margin-top: calc(-1 * max(0px, calc(var(--canvas-space-reclaimed) - 22px)));
    height: calc(100% + max(0px, calc(var(--canvas-space-reclaimed) - 22px)));
  }
  main.ritual-room.unified-work-room.canvas .unified-canvas-results {
    padding-top: max(0px, calc(22px - var(--canvas-space-reclaimed)));
    margin-top: calc(-1 * max(0px, calc(var(--canvas-space-reclaimed) - 22px)));
    height: calc(100% + max(0px, calc(var(--canvas-space-reclaimed) - 22px)));
  }
}
@media (min-width: 901px) and (max-width: 1200px) and (min-height: 501px) {
  main.ritual-room.canvas.has-module-navigation .canvas-v111-layout {
    --canvas-width: min(640px, calc((100cqh - 80px + var(--canvas-space-reclaimed)) * .831), calc(100vw - var(--chrome-x) - var(--chrome-x) - 452px));
  }
}
@media (max-width: 900px), (max-width: 1024px) and (max-height: 500px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched {
    grid-template-columns: minmax(0, 1fr) minmax(104px, 39%);
    grid-template-rows: auto auto auto;
    gap: 8px;
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-guidance {
    grid-area: 1 / 1 / 2 / -1;
    margin: 0;
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-guidance.is-invitation {
    font: italic 400 clamp(13px, 3.7vw, 15px)/1.3 var(--pluritual-wip-serif, Georgia, serif);
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .hand-slots {
    grid-area: 2 / 1 / 3 / 2;
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn,
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn:not(:disabled) {
    grid-area: 2 / 2 / 3 / 3;
    min-height: 44px;
    font-size: 12px;
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-palette-block {
    grid-area: 3 / 1 / 4 / -1;
  }
}
@media (max-width: 360px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 39%);
    column-gap: 7px;
  }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .canvas-guidance { font-size: 12px; }
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn,
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn:not(:disabled) { font-size: 10.5px; }
}
/* Every stacked panel follows the outer frame when viewport height narrows it. */
@media (max-width: 600px), (max-width: 900px) and (min-height: 501px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched {
    box-sizing: border-box;
    container-name: canvas-hand;
    container-type: inline-size;
    flex: 0 0 auto;
    width: min(100%, var(--canvas-mobile-outer-width, 100%));
    max-width: none;
  }
  main.ritual-room.unified-work-room.canvas .unified-canvas-work .unified-canvas-results {
    justify-self: center;
    width: min(100%, var(--canvas-mobile-outer-width, 100%));
  }
}
@container canvas-hand (max-width: 290px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn,
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn:not(:disabled) {
    padding-inline: 6px;
    font-size: 11px;
  }
}
@container canvas-hand (max-width: 210px) {
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn,
  main.ritual-room.canvas .canvas-hand-card.canvas-hand-etched .choose-btn:not(:disabled) {
    font-size: 10.5px;
  }
}
@media (max-width: 900px) {
  main.ritual-room.canvas .canvas-v111-layout .museum-frame-overlay {
    filter: drop-shadow(0 1px 2px #55432e2b) drop-shadow(0 9px 9px #55432e2e);
  }
}