.moves { flex: 1; min-height: 0; overflow-y: auto; padding: 8.8px; }
.panel[data-widget="notation"] > .panel-b { display: flex; flex-direction: column; }
.panel-b[data-body="notation"] { padding: 0; }
.move-nav {
  flex: none; gap: 5.5px; padding: 6.6px 8.8px;
  border-top: 1px solid var(--line); background: rgba(var(--seal-bg-0-rgb), .35);
}
.move-nav .btn {
  flex: 1; font-family: var(--mono); font-size: 13.2px; letter-spacing: 0;
  padding: 4.4px 0; line-height: 1.2;
}
.move-nav .btn:disabled { opacity: .32; cursor: default; }
.move-nav .btn.away { color: #fff; border-color: var(--vermilion); background: rgba(var(--accent-rgb), .3); }
.move-row { display: grid; grid-template-columns: 33px 1fr 1fr; gap: 4.4px; align-items: center; font-size: 13.2px; }
.move-row .num { color: rgba(var(--seal-fg-mute-rgb), .75); font-size: 11px; }
.move-row .mv { padding: 2.2px 6.6px; cursor: default; }
.move-row .mv.step { cursor: pointer; }
.move-row .mv.step:hover { background: rgba(var(--seal-fg-rgb), .08); color: #fff; }
.move-row .mv.w { color: var(--bone); }
.move-row .mv.b { color: var(--bone-dim); }
.move-row .mv.hot { background: rgba(var(--accent-rgb), .28); color: #fff; box-shadow: inset 0 0 0 1px rgba(var(--accent-rgb), .5); }
@media (max-width: 900px) {
  .moves { max-height: none; }
}