/* Practice page. Board and verdict styles come from dojo / reversi / chess / puzzles CSS. */
.pstats { margin: 0; font-size: 13.5px; color: var(--ink-2); }
.pstats b { font-family: var(--mono); font-size: 18px; color: var(--ink); background: var(--hl); padding: 0 6px; }
.dojo > .empty { grid-column: 1 / -1; padding: 16px; border: 2px solid var(--ink); background: var(--surface); }
.prompt .pgame { font-family: var(--sans); font-weight: 700; font-size: 18px; }
.pnotes { margin-top: 8px; font-size: 13px; color: var(--ink-2); }
.pnotes ul { margin: 4px 0 0; padding-left: 1.2em; }
.plist2 { list-style: none; margin: 0; padding: 0 12px 8px; font-size: 13px; max-height: 360px; overflow: auto; }
.plist2 li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--rule); }
.plist2 .lg { font-size: 11.5px; color: var(--muted); min-width: 4.5em; }
.plist2 .lm { font-family: var(--mono); }
.plist2 .ld { font-family: var(--mono); font-size: 11px; color: var(--muted); margin-left: auto; }
.dojo .plist2 .lx { font-size: 11px; padding: 2px 8px; border-width: 1px; box-shadow: none; }