/* v5.43: the PLAYING AREA grows inside a slim illustrated frame. */
#wordforgeDialog .wf-mini-board.ornate,
#wordforgeDialog .wf-board-shell.ornate,
#wordforgeDialog .wf-mini-board[data-frame=forest],
#wordforgeDialog .wf-board-shell[data-frame=forest],
#wordforgeDialog .wf-mini-board[data-frame=frost],
#wordforgeDialog .wf-board-shell[data-frame=frost],
#wordforgeDialog .wf-mini-board[data-frame=astral],
#wordforgeDialog .wf-board-shell[data-frame=astral] {
  --frame-size: 84%; --frame-x: 50%; --frame-y: 50%;
}
/* Do not enlarge the surrounding console again. At wide sizes it is slightly
   smaller; all 225 cells now occupy 84%, rather than 52–56%, of its width. */
#wordforgeDialog .wf-board-shell.ornate {
  width: min(100%,max(469.2px,calc(138svh - 372.6px)),786.6px);
}
#wordforgeDialog .wf-board-shell.ornate .wf-board-viewport {
  box-shadow: 0 0 0 2px #547ca0, 0 0 16px #72d5ff30;
  border-radius: 5px;
}
@media (max-width:760px) {
  #wordforgeDialog .wf-board-shell.ornate { width: min(100%,648.6px); }
}

/* A distinct illustration per lesson number. Exact, accessible lesson labels
   are rendered as live text on the artwork's blue/gold ribbon, never baked in. */
.dashboard .quest-panel .quest-scene { container-type: inline-size; }
.dashboard .quest-panel .quest-scene-title {
  position: absolute; left: 15%; right: 15%; top: 80%; bottom: 5%;
  display: flex; align-items: center; justify-content: center;
  margin: 0; padding: 0; color: #fff6d3;
  font-family: 'Quest Rounded', sans-serif;
  font-size: clamp(16px,1.7vw,29px);
  font-size: clamp(15px,7.2cqi,34px);
  font-weight: 900; line-height: 1.1; letter-spacing: .01em;
  text-shadow: 0 2px 2px #101f4c, 0 0 8px #0a164b;
  white-space: nowrap; pointer-events: none;
}
.dashboard .quest-panel .quest-node:hover .quest-scene img { transform: none; }