/* Turnbook is an optional folded notebook, outside the playable tray. */
.depth-replay { width: 100%; min-width: 0; margin-top: 12px; border: 2px solid var(--brass); border-radius: 12px; background: var(--paper-2); color: var(--ink); text-align: left; }
.depth-replay summary { min-height: 44px; padding: 10px 12px; cursor: pointer; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
.depth-replay .replay-body { padding: 0 12px 12px; display: grid; gap: 9px; min-width: 0; }
.depth-replay p { margin: 0; font-size: .87rem; line-height: 1.55; overflow-wrap: anywhere; }
.depth-replay .replay-total, .depth-replay .replay-target { font-weight: 700; }
.depth-replay .replay-target { border-left: 3px solid var(--brass); padding-left: 8px; }
.depth-replay .replay-turns { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.depth-replay .replay-turns li { padding: 7px 0; border-bottom: 1px solid var(--brass); font-size: .82rem; line-height: 1.5; overflow-wrap: anywhere; }
.depth-replay .replay-fine { font-size: .76rem; }
.depth-replay .replay-again { min-height: 44px; min-width: 44px; padding: 10px 12px; justify-self: start; border: 2px solid var(--brass); border-radius: 8px; font: 600 .9rem var(--body); background: var(--paper); color: var(--ink); cursor: pointer; }
.depth-replay .replay-again:disabled { opacity: .55; cursor: default; }
.depth-replay summary:focus-visible, .depth-replay .replay-again:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.overlay .depth-replay-result { flex: 0 0 auto; max-width: 100%; }
@media (max-width: 360px) { .depth-replay .replay-body { padding-inline: 9px; } }
@media (prefers-reduced-motion: reduce) { .depth-replay * { animation: none; transition: none; } }