.move-replay{margin:.75rem 0;color:#1e293b}
.move-replay>button{width:100%;min-height:44px}
.replay-dialog{margin:auto;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:1rem;border:2px solid #1D4ED8;border-radius:14px;background:#fff;color:#1e293b}
.replay-dialog:not([open]){display:none}
.replay-dialog::backdrop{background:#0f172a99}
.replay-dialog h2{font-size:1.2rem;margin-bottom:.35rem}
.replay-dialog p{font-size:.85rem;line-height:1.5;margin:.35rem 0}
.replay-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;background:#1D4ED8;padding:6px;border-radius:10px;margin:.6rem 0}
.replay-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f8fafc;font-weight:800;font-size:.75rem}
.replay-p1{background:#ef4444;color:#fff}.replay-p2{background:#eab308;color:#1e293b}.replay-last{outline:2px solid #fff;outline-offset:1px}
.replay-slider{display:block;width:100%;height:44px;margin:.15rem 0;accent-color:#1D4ED8}
.replay-controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}
.replay-dialog button{min-height:44px;padding:.55rem .4rem;font-size:.85rem}
.replay-close{width:100%}
.move-replay button:focus-visible,.replay-dialog button:focus-visible,.replay-slider:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}