.section.real-replay{display:block;background:var(--quiet,#edf1f4)}.replay-heading{display:grid;grid-template-columns:5fr 7fr;gap:var(--gap,64px)}.replay-heading h2{max-width:15ch}.replay-heading>p{font-size:24px;line-height:1.4;max-width:40ch}.replay-intro{margin-top:24px;font-size:16px;color:var(--muted,#465d69)}.replay-player{margin-top:40px;background:#0d2030;color:#fff;border-radius:12px;overflow:hidden}.replay-sensor-labels{display:grid;grid-template-columns:1fr 1fr}.replay-sensor-labels>div{padding:24px 32px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.replay-sensor-labels strong{font-size:24px}.replay-sensor-labels span{font-size:14px;color:#cad9e0;text-align:right}.replay-video{display:block;width:100%;height:auto;aspect-ratio:16/5;background:#0d2030}.replay-custom{padding:24px 32px}.replay-toolbar{display:flex;align-items:center;gap:24px}.replay-transport{display:flex;gap:8px}.replay-toolbar button,.replay-toolbar select{font:inherit;font-size:16px;min-height:44px;border:0;border-radius:8px;padding:8px 16px;color:#0d2030;background:#edf1f4;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}.replay-toolbar .replay-play{background:#fff;font-weight:600;min-width:112px}.replay-toolbar button:hover{opacity:.82}.replay-toolbar button:active{transform:translateY(1px)}.replay-toolbar select{appearance:auto;cursor:pointer;padding-right:8px}.replay-speed{display:flex;align-items:center;gap:12px;font-size:14px}.replay-toolbar output{margin-left:auto;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.replay-timeline-label{display:block;font-size:14px;margin-top:20px;color:#cad9e0}.replay-custom input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:#58c7c4;cursor:pointer}.replay-player button:focus-visible,.replay-player select:focus-visible,.replay-player input:focus-visible{outline:3px solid #58c7c4;outline-offset:4px}.replay-error{padding:24px 32px;font-size:16px;background:#183448}.replay-error a{display:inline-flex;min-height:44px;align-items:center;margin-left:12px}.replay-observation{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;font-size:14px;color:var(--muted,#465d69)}.replay-readout{margin-top:48px}.replay-query-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.replay-query-heading h3{font-size:30px}.replay-query-heading>p{display:flex;gap:16px;flex-wrap:wrap;font-size:16px;font-variant-numeric:tabular-nums}.replay-query-heading span{color:var(--muted,#465d69)}.replay-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0}.replay-value{padding:24px;background:#fff;border-radius:8px}.replay-value dt{font-size:16px;font-weight:500}.replay-value dd{margin:16px 0 0;font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.replay-value dd span{font-size:18px;font-weight:400;letter-spacing:0}.replay-fusion{background:#007c80;color:#fff}.replay-event dt{color:#9b4e27}.replay-reference dt{color:#465d69}.replay-query-controls{margin-top:24px}.replay-query-controls>p{font-size:14px;margin-bottom:12px}.replay-query-grid{display:grid;grid-template-columns:repeat(16,minmax(44px,1fr));gap:4px}.replay-query{min-height:44px;border:0;border-radius:4px;font:inherit;font-size:14px;background:#fff;color:#0d2030;cursor:pointer;transition:background .3s cubic-bezier(.22,1,.36,1),color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1)}.replay-query:hover{background:#d2e7e7}.replay-query[aria-pressed=true]{background:#0d2030;color:#fff}.replay-query:focus-visible{outline:3px solid #007c80;outline-offset:3px}.replay-query:disabled{cursor:default}.replay-sampling,.replay-nojs{font-size:14px;color:var(--muted,#465d69);margin-top:20px;max-width:100ch}.replay-plot{background:#fff;border-radius:12px;padding:32px;margin-top:32px}.replay-plot>figcaption{font-size:20px;font-weight:500}.replay-legend{padding:0;list-style:none;display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin:16px 0}.replay-legend li{display:flex;align-items:center;gap:8px}.replay-legend span{display:block;width:24px;height:4px;background:currentColor}.replay-legend .plot-reference span{height:0;border-top:3px dashed currentColor;background:transparent}.replay-plot svg{display:block;width:100%;height:auto;overflow:visible}.replay-plot svg text{font:14px "Work Sans",sans-serif;fill:#465d69}.replay-curves polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.plot-reference{color:#70818b;stroke:#70818b;stroke-dasharray:7 6}.plot-rgb{color:#254b74;stroke:#254b74}.plot-event{color:#b46d3c;stroke:#b46d3c;stroke-dasharray:3 5}.plot-fusion{color:#007c80;stroke:#007c80}.plot-dot{fill:#fff;stroke-width:3;stroke-dasharray:none}.plot-dot.plot-fusion{fill:#007c80}.replay-plot #replay-cursor{stroke:#b8c7ce;stroke-width:2;stroke-dasharray:3 5}.replay-plot>p{font-size:14px;color:var(--muted,#465d69);margin-top:16px;max-width:90ch}.replay-records{margin-top:24px;background:#fff;border-radius:8px}.replay-records>summary{padding:24px;font-size:18px;cursor:pointer;min-height:64px}.replay-table-wrap{overflow-x:auto;padding:0 24px 24px}.replay-table-wrap table{font-size:14px;white-space:nowrap}.replay-table-wrap th,.replay-table-wrap td{padding:12px 16px;font-size:14px}.replay-table-wrap tbody tr:nth-child(odd){background:#f0f4f6}.replay-table-wrap td{text-align:right;font-variant-numeric:tabular-nums}.replay-table-wrap th{font-weight:500}.replay-table-wrap caption{padding-bottom:16px}.replay-scope{margin-top:24px;font-size:14px;max-width:100ch;color:var(--muted,#465d69)}.replay-scope a{display:inline-block;min-height:32px;line-height:32px}.real-replay .replay-records a:focus-visible,.replay-table-wrap:focus-visible{outline:3px solid #007c80;outline-offset:4px}
@media(max-width:1000px){.replay-query-grid{grid-template-columns:repeat(8,minmax(44px,1fr))}.replay-value{padding:20px}.replay-value dd{font-size:30px}.replay-sensor-labels>div{display:block;padding:20px 24px}.replay-sensor-labels span{display:block;margin-top:4px;text-align:left}.replay-toolbar{gap:16px}.replay-heading{gap:32px}}
@media(max-width:700px){.replay-heading{display:block}.replay-heading>p{margin-top:24px;font-size:20px}.replay-intro{font-size:14px}.replay-player{margin-top:24px;border-radius:8px}.replay-sensor-labels>div{padding:16px}.replay-sensor-labels strong{font-size:20px}.replay-sensor-labels span{font-size:12px;line-height:1.5}.replay-custom{padding:16px}.replay-toolbar{flex-wrap:wrap;gap:12px}.replay-toolbar button{padding:8px 12px;font-size:14px}.replay-toolbar .replay-play{min-width:104px}.replay-speed{margin-left:auto;font-size:14px;gap:8px}.replay-speed>select{padding:8px;font-size:14px}.replay-toolbar output{width:100%;text-align:right;font-size:14px}.replay-timeline-label{margin-top:12px}.replay-observation{grid-template-columns:1fr;gap:16px;font-size:14px}.replay-readout{margin-top:32px}.replay-query-heading{display:block}.replay-query-heading h3{font-size:24px}.replay-query-heading>p{font-size:14px;margin-top:12px;gap:12px}.replay-values{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.replay-value{padding:16px}.replay-value dt{font-size:14px}.replay-value dd{font-size:30px;margin-top:12px}.replay-value dd span{font-size:16px}.replay-query-grid{grid-template-columns:repeat(6,minmax(40px,1fr));gap:4px}.replay-query{min-width:40px}.replay-plot{padding:20px 16px;margin-top:24px}.replay-plot>figcaption{font-size:18px;line-height:1.4}.replay-legend{gap:12px 16px;font-size:12px}.replay-legend span{width:16px}.replay-plot>p{font-size:14px}.replay-records>summary{padding:20px;font-size:16px}.replay-table-wrap{padding:0 16px 16px}.replay-scope{font-size:14px}.replay-error{padding:16px}.replay-error a{margin-left:0}}
@media(max-width:370px){.replay-query-grid{grid-template-columns:repeat(5,minmax(40px,1fr))}.replay-speed{margin-left:0}.replay-toolbar output{width:auto;margin-left:auto}.replay-transport{width:100%}.replay-sensor-labels>div{padding:12px}.replay-value dd{font-size:24px}}
@media(prefers-reduced-motion:reduce){.real-replay *{transition:none!important;animation:none!important}}