.pc-replay{margin:1rem 0;padding:.75rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:.82rem;line-height:1.5}.pc-replay p{margin:.4rem 0}.pc-replay button,.pc-replay select{min-height:44px;min-width:44px;font:inherit;font-weight:700;border:1px solid #94a3b8;border-radius:8px;background:#f1f5f9;color:#0f172a;padding:.4rem .6rem}.pc-replay button{cursor:pointer}.pc-replay button:disabled{opacity:.5;cursor:default}.pc-replay button:focus-visible,.pc-replay select:focus-visible,.pc-replay input:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}.pc-replay dialog{width:calc(100% - 24px);max-width:390px;max-height:calc(100svh - 24px);overflow:auto;margin:auto;padding:14px;border:2px solid #0ea5e9;border-radius:12px;color:#0f172a;background:#fff;font:inherit}.pc-replay dialog::backdrop{background:#0f172ac2}.pc-replay h2{font-size:1.1rem;margin-bottom:.4rem}.pc-replay label{display:block;margin:.5rem 0}.pc-replay select,.pc-replay input{width:100%;min-width:0;max-width:100%}.pc-replay input[type=range]{height:44px;cursor:pointer;accent-color:#0ea5e9}.pc-replay svg{display:block;width:100%;max-width:180px;height:auto;margin:.5rem auto;border-radius:6px}.pc-replay-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:.5rem 0}.pc-replay [data-replay=close]{width:100%}.pc-replay [role=status]{min-height:2.8em}.pc-replay select{white-space:normal}.pc-replay [data-replay=positions]{color:#475569}