.trading-replay{--replay-bg: oklch(.14 0 0);--replay-panel: oklch(.185 0 0);--replay-fg: oklch(.95 0 0);--replay-muted: oklch(.74 0 0);--replay-line: oklch(.36 0 0);background:var(--replay-bg);color:var(--replay-fg);border:1px solid var(--replay-line);padding:var(--rule-module);font-size:1rem;line-height:1.55;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;scroll-margin-top:1rem}.trading-replay *{min-width:0}.trading-replay p{margin:0}.trading-replay b,.trading-replay strong{color:inherit;font-weight:600}.trading-replay button{cursor:pointer;font:inherit;line-height:1.4;min-height:2.75rem}.trading-replay button:disabled{cursor:default;color:var(--replay-muted)}.trading-replay button:focus-visible,.trading-replay summary:focus-visible{outline:2px solid var(--replay-fg);outline-offset:4px}.trading-replay svg{flex-shrink:0}.trading-replay .replay-eyebrow{font-family:var(--font-mono);font-size:var(--text-mono-md);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--replay-muted)}.replay-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--replay-line);padding-bottom:.75rem}.replay-topline p{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.replay-reset{display:flex;align-items:center;gap:.5rem;color:var(--replay-muted)}.replay-order-status{font-size:.875rem;color:var(--replay-muted)}.replay-extra-check{border-block:1px solid var(--replay-line);padding:.6rem 0}.replay-extra-check summary{cursor:pointer;min-height:2.75rem;display:list-item;align-content:center;font-size:.875rem}.replay-extra-check .replay-primary{margin-top:.75rem}.replay-read-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.replay-read-controls>:is(.replay-primary,.replay-secondary){flex:1 1 12rem;width:auto;margin-top:0}.replay-read-count{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:min(100%,5rem);border:1px solid var(--replay-fg);padding:.25rem .5rem}.replay-read-count>span{font-size:.875rem;color:var(--replay-muted)}.trading-replay .replay-read-count>b{display:block;font-size:2rem;line-height:1.15;font-weight:600;padding-inline:.25rem}.replay-read-count .count-changed{animation:replay-duplicate-match .8s ease-out}.replay-outcome{border:1px solid var(--replay-line);background:var(--replay-panel);padding:.75rem}.replay-outcome p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.4rem 0}.replay-outcome p+p{border-top:1px solid var(--replay-line)}.replay-outcome span{color:var(--replay-muted)}.replay-guide{padding:1.25rem 0;scroll-margin-top:1rem}.replay-guide h2{font-size:1.5rem;font-weight:500;line-height:1.3}.replay-guide p{margin-top:.5rem;color:var(--replay-muted);max-width:78ch}.replay-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));gap:.75rem;margin-bottom:1.25rem}.replay-stages li{display:flex;align-items:flex-start;gap:.45rem;border-top:2px solid var(--replay-line);padding-top:.5rem;color:var(--replay-muted);font-size:.875rem;line-height:1.4}.replay-stages .is-current{border-color:var(--replay-fg);color:var(--replay-fg);font-weight:600}.replay-stage-number{flex:0 0 1rem;min-height:1.25rem;display:flex;align-items:center;justify-content:center}.replay-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.9fr) minmax(0,1fr);gap:1rem;align-items:stretch}.replay-world{background:var(--replay-panel);border:1px solid var(--replay-line);padding:1.25rem;transition:border-color .25s}.replay-world h3{font-size:1.125rem;line-height:1.4;font-weight:500}.replay-world-purpose{color:var(--replay-muted);font-size:.875rem;margin-top:.3rem!important}.replay-position-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .6rem;margin-top:1rem}.replay-number{font-size:3.25rem;line-height:1.1;font-weight:400;animation:replay-number-arrive .35s ease-out}.replay-number-unit{font-size:.875rem;color:var(--replay-muted)}.replay-confirmed{color:var(--signal-up)}.replay-delta{font-family:var(--font-mono);font-size:var(--text-mono-lg);padding:.15rem .35rem;border:1px solid var(--replay-muted);animation:replay-number-arrive .35s ease-out}.replay-units{display:flex;gap:.35rem;margin-top:.85rem}.replay-units span{height:.45rem;width:2.5rem;border:1px solid var(--replay-muted);transition:background .3s}.replay-units .is-filled{background:var(--replay-fg);border-color:var(--replay-fg)}.replay-units .is-confirmed{background:var(--signal-up);border-color:var(--signal-up)}.replay-book-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;border-block:1px solid var(--replay-line);padding:.65rem 0;margin-top:1rem;font-size:.875rem;animation:replay-record-arrive .3s ease-out}.replay-book-row>span:first-child{font-family:var(--font-mono)}.replay-world-foot{margin-top:.75rem!important;font-size:.875rem;color:var(--replay-muted)}.replay-missing-row{border-style:dashed;color:var(--signal-down)}.just-changed{border-color:var(--replay-fg)}.replay-action{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;padding:.5rem 0}.replay-action-icon{align-self:center;color:var(--replay-muted)}.replay-action-title{text-align:center;font-size:1.125rem;font-weight:500}.replay-action-hint{color:var(--replay-muted);text-align:center;font-size:.875rem}.replay-primary,.replay-secondary{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem;width:100%}.replay-primary{background:var(--replay-fg);color:var(--replay-bg);border:1px solid var(--replay-fg)}.replay-primary:hover{background:#cacaca}.replay-primary:disabled{color:var(--replay-bg)!important}.replay-secondary{border:1px solid var(--replay-muted);color:var(--replay-fg)}.replay-secondary:hover{background:var(--replay-panel)}.replay-packet{display:flex;align-items:center;gap:.65rem;border:1px solid var(--replay-muted);padding:.8rem;background:var(--replay-panel);animation:replay-record-arrive .35s ease-out}.replay-packet div{display:grid;gap:.15rem;flex:1}.replay-packet div>span{font-size:.875rem;color:var(--replay-muted)}.replay-packet b{font-size:1rem}.replay-retrieved{border-style:dashed}.replay-draggable{cursor:grab;touch-action:none;user-select:none}.replay-draggable:active{cursor:grabbing}.replay-draggable.is-dragging,.replay-drop-zone,.can-receive{border-style:dashed}.trading-replay .is-drag-target{outline:2px solid var(--replay-fg);outline-offset:-4px;background:#242424}.replay-drag-ghost{position:fixed;z-index:50;transform:translate(-50%,-50%);pointer-events:none;padding:.4rem .75rem;border:1px solid var(--replay-fg);background:var(--replay-panel);color:var(--replay-fg);font-family:var(--font-mono)}.replay-message-result{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;animation:replay-record-arrive .3s ease-out}.replay-duplicate{border:1px solid var(--replay-line);background:var(--replay-panel);padding:.75rem}.replay-duplicate-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.65rem;align-items:center}.replay-duplicate-route>div{display:grid;gap:.3rem}.replay-duplicate-route span{color:var(--replay-muted);font-size:.875rem}.replay-duplicate-route b{display:flex;align-items:center;justify-content:space-between;gap:.25rem;border:1px solid var(--replay-muted);padding:.35rem .5rem;font-family:var(--font-mono);font-size:1rem}.replay-duplicate-incoming b{border-style:dashed}.replay-duplicate-result{display:flex;gap:.4rem;align-items:center;min-height:3.5em;margin-top:.65rem!important;border-top:1px solid var(--replay-line);padding-top:.5rem;font-size:.875rem}.was-read .replay-duplicate-incoming b{animation:replay-duplicate-arrive .65s ease-out}.was-read .replay-duplicate-existing b,.was-read .replay-duplicate-result{animation:replay-duplicate-match .8s ease-out}@keyframes replay-duplicate-arrive{0%{transform:translate(-.65rem)}to{transform:translate(0)}}@keyframes replay-duplicate-match{0%,35%{background:#333;border-color:var(--replay-fg)}to{background:transparent}}.replay-check-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-block:1px solid var(--replay-line);padding:1rem 0;margin-top:1.25rem}.replay-check-heading{flex:1 1 22rem}.replay-check-heading h3{font-size:1rem;font-weight:500}.replay-check-heading p{margin-top:.25rem;font-size:.875rem;color:var(--replay-muted)}.replay-check-numbers{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:var(--replay-muted);font-size:.875rem}.replay-check-numbers b{font-size:1.5rem;color:var(--replay-fg);font-weight:400;margin-right:.2rem}.replay-equality{font-size:1.5rem}.has-difference h3,.has-difference .replay-equality{color:var(--signal-down)}.replay-bottomline{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding:.75rem 0;color:var(--replay-muted);font-size:.875rem}.replay-bottomline p{flex:1 1 24rem}.replay-bottomline button{display:flex;gap:.5rem;align-items:center}.replay-history{border-top:1px solid var(--replay-line);padding-top:.75rem;font-size:.875rem;color:var(--replay-muted)}.replay-history summary{cursor:pointer;padding:.25rem 0}.replay-history ol{margin-top:.75rem}.replay-history li+li{border-top:1px solid var(--replay-line)}.replay-history button{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;width:100%;text-align:left;padding:.5rem 0}.replay-history button:hover:enabled{color:var(--replay-fg)}.replay-history p{margin-top:.5rem}@keyframes replay-number-arrive{0%{transform:translateY(.2rem);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes replay-record-arrive{0%{transform:translate(-.3rem);opacity:.5}to{transform:translate(0);opacity:1}}@media(max-width:1023px){.replay-workbench{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.replay-provider{order:0}.replay-local{order:1}.replay-action{grid-column:1 / -1;order:2;max-width:34rem;width:100%;justify-self:center}:is([data-phase="0"],[data-phase="1"],[data-phase="9"]) .replay-action{order:-1;padding-top:0}[data-phase="1"] .replay-action-title,[data-phase="1"] .replay-action-hint,.replay-action-icon{display:none}}@media(max-width:767px){.trading-replay{padding:1rem}.replay-topline{align-items:flex-start}.replay-topline p{display:grid;gap:.25rem;font-size:.875rem}.replay-reset span{display:none}.replay-reset{min-width:2.75rem;justify-content:center}.replay-guide{padding:1rem 0}.replay-guide h2{font-size:1.25rem}.replay-guide p{font-size:.875rem}.replay-workbench{gap:.75rem}.replay-world{padding:.75rem}.replay-world h3{font-size:1rem}.replay-world-purpose{display:none}.replay-position-line{margin-top:.75rem}.replay-number{font-size:2.75rem}.replay-number-unit{flex-basis:100%}.replay-delta{position:absolute;right:0;top:.5rem}.replay-position-line{position:relative}.replay-book-row{display:grid}.replay-world-foot{display:none}.replay-provider .replay-world-foot{display:block}.replay-check-strip{margin-top:1rem}.replay-bottomline{align-items:flex-start}.replay-bottomline p{flex-basis:14rem}}@media(prefers-reduced-motion:reduce){.trading-replay *,.trading-replay *:before,.trading-replay *:after{animation:none!important;transition:none!important}}