.turning-visual.block-scene {
  height: 239px;
  display: flex; flex-direction: column;
  margin: 17px 0 24px;
  border: 1px solid var(--edge, #293a53); border-radius: 8px;
  background: radial-gradient(ellipse at 50% 20%, #456da51b, transparent 80%), #08132070;
  overflow: hidden;
}
.block-board { display: block; width: 100%; height: 242px; flex: 1; min-height: 0; overflow: visible; }
.board-grid { color: #86a8e7; opacity: .12; }
.board-floor { stroke: #6f89ad; stroke-width: 1; opacity: .35; }
.board-label { fill: #91a6c3; font-family: var(--sans); font-size: 8px; letter-spacing: 1.1px; }
.new-piece-label { fill: #b5ceff; }
.game-piece { transform-box: fill-box; transform-origin: center; filter: drop-shadow(0 4px 4px #0003); }
.block-cell rect { stroke-width: 1; }
.block-cell path { stroke: #ffffff35; stroke-width: 1; stroke-linecap: round; }
.tone-slate .block-cell rect { fill: #283d58; stroke: #65809e; }
.tone-steel .block-cell rect { fill: #3b5677; stroke: #89a4c7; }
.tone-blue-muted .block-cell rect { fill: #355e9c; stroke: #83a8e7; }
.tone-blue .block-cell rect { fill: #668ff0; stroke: #b9d1ff; }
.tone-blue { filter: drop-shadow(0 0 8px #5d8be747); }
.block-gap { fill: #d8a16610; stroke: #d9b481; stroke-width: 1.2; stroke-dasharray: 4 4; opacity: 0; }
.requested-outline { fill: none; stroke: #8bb5ff; stroke-width: 1; stroke-dasharray: 3 3; opacity: .6; }
.replacement-piece { opacity: 0; }
.theme-cool .block-scene, .theme-spotlight .block-scene { background: radial-gradient(ellipse at 50% 20%, #cbdcff90, transparent 80%), #e8eef8; }
.theme-cool .board-grid, .theme-spotlight .board-grid { color: #53709c; }
.theme-cool .board-label, .theme-spotlight .board-label { fill: #536e92; }
.turning-point .problem-card-copy { container-type: inline-size; }
.turning-point .problem-cards h3 { font-size: clamp(18px, 7.4cqw, 26px); text-align: center; }
@media (max-width: 1080px) and (min-width: 761px) {
  .turning-visual.block-scene { height: 204px; }
}
@media (max-width: 760px) {
  .turning-visual.block-scene { height: 234px; margin-top: 17px; }
  .turning-point .problem-cards h3 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .game-piece { filter: none; }
}