#replay-ui,#replay-meta,.replay-card,.replay-flash{--rp-ground:var(--ink-050);--rp-r1:var(--ink-100);--rp-r2:var(--ink-200);--rp-r3:var(--ink-300);--rp-r4:var(--ink-400);--rp-signal:var(--signal,#f2b33d);--rp-hot:var(--hot,#ff5a36);--rp-pop:.14s}#replay-scene{width:100%;height:100%;display:block;position:fixed;inset:0}#replay-crosshair{pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;position:fixed;top:50%;left:50%}#replay-crosshair.is-live{width:auto;height:auto;margin:0;inset:0}#replay-crosshair.is-live:before,#replay-crosshair.is-live:after{content:none}#replay-crosshair:before,#replay-crosshair:after{content:"";background:var(--fg);position:absolute}#replay-crosshair:before{height:1px;margin-top:-.5px;top:50%;left:0;right:0}#replay-crosshair:after{width:1px;margin-left:-.5px;top:0;bottom:0;left:50%}#replay-ui{pointer-events:none;font-family:var(--font-body);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}#replay-ui a,#replay-ui button,#replay-ui input,#replay-ui select,#replay-ui .rmenu,#replay-ui .replay-toast{pointer-events:auto}#replay-ui svg,.replay-flash svg{stroke-linecap:square;stroke-linejoin:miter}#replay-ui :focus-visible,#replay-meta :focus-visible{outline:2px solid var(--rp-signal);outline-offset:2px}.replay-head{align-items:center;gap:var(--s-4);padding:var(--s-3) var(--gutter);background:color-mix(in oklab, var(--rp-ground) 92%, transparent);display:flex}.replay-back{align-items:center;gap:var(--s-1);color:var(--fg-muted);font-size:var(--t-sm);transition:color var(--d-hover) var(--e-glide);text-decoration:none;display:inline-flex}.replay-back:hover{color:var(--fg)}.replay-back svg{display:block}.replay-title{align-items:center;gap:var(--s-2);min-width:0;color:var(--fg);font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-sm);letter-spacing:0;flex-wrap:wrap;display:flex}.replay-badge{background:var(--rp-r2);color:var(--ink-700);font-family:var(--font-body);font-stretch:100%;font-size:var(--t-xs);letter-spacing:0;padding:.15rem .5rem;font-weight:400;display:inline-block}.replay-badge.is-warn{color:var(--fg);box-shadow:inset 3px 0 0 var(--rp-hot);padding-left:calc(.5rem + 3px)}.replay-status{color:var(--fg-muted);font-size:var(--t-sm);text-align:center;align-self:center;max-width:36rem}.replay-status:empty{display:none}.replay-controls{gap:var(--s-1);padding:var(--s-1) var(--gutter) var(--s-3);background:color-mix(in oklab, var(--rp-ground) 92%, transparent);display:grid;position:relative}.tbar{align-items:center;gap:var(--s-3);min-height:2.75rem;display:flex}.tbar__play{--cut:8px;background:var(--rp-signal);width:2.75rem;height:2.5rem;color:var(--ink-000);cursor:pointer;clip-path:polygon(calc(var(--cut) / 2) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));transition:background-color var(--d-hover) var(--e-glide);border:0;border-radius:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.tbar__play:hover{background:var(--accent-bright,#f7c766)}#replay-ui .tbar__play:focus-visible{clip-path:none;outline-offset:3px}.tbar__play svg{grid-area:1/1}.tbar__play .tbar__i-play path{fill:currentColor}.tbar__play .tbar__i-pause{stroke-width:3.5px}.tbar__play .tbar__i-pause,.tbar__play.is-playing .tbar__i-play{opacity:0;transform:scale(.6)}.tbar__play.is-playing .tbar__i-pause{opacity:1;transform:none}.tbar__read{align-items:baseline;gap:var(--s-4);white-space:nowrap;min-width:0;display:flex;overflow:hidden}.tbar__clock,.tbar__score b{font-family:var(--font-display);letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--fg);font-size:1.0625rem;font-weight:700;font-stretch:75%}.tbar__clock b{font-weight:700}.tbar__dim{color:var(--fg-muted)}.tbar__label{font-size:var(--t-xs);color:var(--fg-faint)}.tbar__tick{font-family:var(--font-mono);font-weight:500;font-size:var(--t-mono);font-variant-numeric:tabular-nums;color:var(--fg-faint)}.tbar__end{flex:none;align-items:center;gap:2px;margin-left:auto;display:flex}.tbar__pop{position:relative}.tbar__btn{min-width:2.375rem;height:2.375rem;color:var(--fg-muted);cursor:pointer;transition:background-color var(--d-hover) var(--e-glide), color var(--d-hover) var(--e-glide);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.tbar__btn:hover{background:var(--rp-r2);color:var(--fg)}.tbar__btn[aria-expanded=true],#meta-toggle[aria-pressed=true]{background:var(--rp-r3);color:var(--rp-signal)}.tbar__speed{min-width:3rem;padding:0 var(--s-2);font-family:var(--font-body);font-weight:700;font-size:var(--t-sm);font-variant-numeric:tabular-nums;color:var(--fg)}.rmenu{--cut:8px;right:0;bottom:calc(100% + var(--s-2));z-index:30;min-width:13rem;padding:var(--s-1);background:var(--rp-r3);clip-path:polygon(calc(var(--cut) / 2) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut) / 2) 100%, 0 100%, 0 var(--cut));font-size:var(--t-sm);color:var(--fg);cursor:default;position:absolute}.rmenu:focus{outline:none}.rmenu--speed{min-width:8rem}.rmenu__item{align-items:center;gap:var(--s-3);width:100%;min-height:2.25rem;padding:0 var(--s-3);color:var(--fg);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;display:flex}.rmenu__item svg{color:var(--fg-muted);flex:none}.rmenu__item:hover,.rmenu__item:focus-visible{background:var(--rp-r4)}#replay-ui .rmenu__item:focus-visible{outline-offset:-2px}.rmenu__item[aria-disabled=true]{color:var(--fg-faint);cursor:default}.rmenu__item[aria-disabled=true] svg{color:var(--fg-faint)}.rmenu__item[aria-disabled=true]:hover{background:0 0}.rmenu__item--speed{font-variant-numeric:tabular-nums;gap:var(--s-2)}.rmenu__item--speed svg{visibility:hidden}.rmenu__item--speed[aria-checked=true]{color:var(--rp-signal)}.rmenu__item--speed[aria-checked=true] svg{visibility:visible;color:var(--rp-signal)}.rmenu__aside{font-family:var(--font-body);font-size:var(--t-xs);color:var(--fg-muted);margin-left:auto}.rmenu__rule{height:1px;margin:var(--s-1) var(--s-2);background:var(--rp-r4)}.rmenu__item--keys kbd{margin-left:auto}.rmenu__note{max-width:15rem;margin:var(--s-1) 0 0;padding:var(--s-1) var(--s-3) var(--s-2);font-size:var(--t-xs);color:var(--fg-muted);white-space:normal;line-height:1.45}.rmenu kbd,.replay-card kbd{min-width:1.5em;padding:2px var(--s-1);background:var(--rp-r4);color:var(--fg);font-family:var(--font-mono);font-weight:500;font-size:var(--t-mono);text-align:center;border-radius:0;line-height:1.3;display:inline-block}.rkeys{width:19rem;min-width:0;padding:var(--s-3) var(--s-4) var(--s-4)}.rkeys__title{margin:0 0 var(--s-3);font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-sm);letter-spacing:0}.rkeys__list{align-items:center;gap:var(--s-2) var(--s-4);grid-template-columns:auto 1fr;margin:0;display:grid}.rkeys__list dt{gap:3px;display:flex}.rkeys__list dd{color:var(--fg-muted);margin:0}.rkeys__marks{align-items:center;gap:var(--s-1) var(--s-2);margin:var(--s-3) 0 0;font-size:var(--t-xs);color:var(--fg-muted);flex-wrap:wrap;display:flex}.rkeys__marks i{width:2px;height:10px;display:inline-block}.rkeys__marks i:not(:first-child){margin-left:var(--s-2)}.rkeys__marks .is-kill{background:var(--fg)}.rkeys__marks .is-miss{background:var(--rp-hot);height:7px}.rkeys__marks .is-pb{background:var(--rp-hot);width:3px;height:14px}@media (hover:none){.rmenu__rule,.rmenu__item--keys{display:none}}.replay-toast{left:var(--gutter);bottom:calc(100% + var(--s-2));max-width:calc(100% - 2 * var(--gutter));padding:var(--s-2) var(--s-3);background:var(--rp-r2);color:var(--fg);font-size:var(--t-sm);position:absolute}.scrub{--ty:20px;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:1.75rem;position:relative}.scrub-spark{left:0;top:calc(var(--ty) - 18px);pointer-events:none;width:100%;height:16px;position:absolute}.scrub-track{left:0;right:0;top:calc(var(--ty) - 2px);background:var(--rp-r4);height:4px;position:absolute;overflow:hidden}.scrub-hover,.scrub-fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.scrub-hover{background:color-mix(in oklab, var(--fg) 34%, transparent)}.scrub-fill{background:var(--rp-signal);will-change:transform}.scrub-marks{left:0;right:0;top:var(--ty);pointer-events:none;height:0;position:absolute}.scrub-mark{width:2px;margin-left:-1px;position:absolute}.scrub-mark.is-kill{background:color-mix(in oklab, var(--fg) 70%, transparent);height:10px;top:-5px}.scrub-mark.is-miss{background:var(--rp-hot);height:8px;top:-4px}.scrub.is-dense .scrub-mark.is-kill{background:color-mix(in oklab, var(--fg) 38%, transparent);width:1px;height:8px;margin-left:-.5px;top:-4px}.scrub-mark.is-pb{background:var(--rp-hot);width:3px;height:20px;margin-left:-1.5px;top:-10px}.scrub-mark.is-pb:before{content:"";background:var(--rp-hot);width:6px;height:6px;position:absolute;top:0;left:3px}.scrub-thumb{top:var(--ty);background:var(--rp-signal);width:12px;height:12px;box-shadow:0 0 0 2px var(--rp-ground);margin:-6px 0 0 -6px;position:absolute}#replay-ui .scrub-thumb:focus-visible{outline-offset:3px}.scrub-tip{bottom:calc(100% + var(--s-1));align-items:baseline;gap:var(--s-2);padding:var(--s-1) var(--s-2);background:var(--rp-r3);white-space:nowrap;pointer-events:none;display:flex;position:absolute;transform:translate(-50%)}.scrub-tip__time{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--fg);font-size:.9375rem;font-weight:700;font-stretch:75%}.scrub-tip__score{font-family:var(--font-mono);font-weight:500;font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--fg-muted)}.scrub-tip__what{font-size:var(--t-xs);color:var(--fg)}.scrub-tip__what.is-miss,.scrub-tip__what.is-pb{color:var(--rp-hot)}@media (pointer:coarse){.scrub{--ty:24px;height:2.25rem}.scrub-thumb{width:16px;height:16px;margin:-8px 0 0 -8px}}#replay-meta{--cut:10px;z-index:20;top:calc(var(--replay-head-h,3.6rem) + var(--s-3));right:var(--gutter);width:min(22rem, calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - var(--replay-head-h,3.6rem) - var(--replay-controls-h,6rem) - 2 * var(--s-3));padding:var(--s-4);background:var(--rp-r1);clip-path:polygon(calc(var(--cut) / 2) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut) / 2) 100%, 0 100%, 0 var(--cut));font-family:var(--font-body);position:fixed;overflow-y:auto}#replay-meta[hidden]{display:none}.replay-meta__title{margin:0 0 var(--s-3);font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-sm);letter-spacing:0;color:var(--fg)}#replay-meta dl{gap:var(--s-1) var(--s-4);font-size:var(--t-xs);grid-template-columns:auto 1fr;margin:0;display:grid}#replay-meta dt{color:var(--fg-faint)}#replay-meta dd{color:var(--fg);font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:500}.replay-flash{--cut:10px;z-index:5;background:color-mix(in oklab, var(--rp-ground) 84%, transparent);width:4.5rem;height:4.5rem;color:var(--fg);clip-path:polygon(calc(var(--cut) / 2) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut) / 2) 100%, 0 100%, 0 var(--cut));opacity:0;pointer-events:none;place-items:center;margin:-2.25rem 0 0 -2.25rem;display:grid;position:fixed;top:50%;left:50%}.replay-flash svg path{fill:currentColor}.replay-flash svg{stroke-width:3.5px}.replay-flash.is-on{animation:rp-flash-fade .48s var(--e-glide) forwards}@keyframes rp-flash-fade{0%{opacity:1}to{opacity:0}}@keyframes rp-flash{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.15)}}@keyframes rp-pop{0%{opacity:0}}@keyframes rp-pop-up{0%{opacity:0;transform:translateY(6px)}}@keyframes rp-slide-in{0%{opacity:0;transform:translate(1rem)}}.replay-head,.replay-controls{transition:opacity .2s var(--e-glide), transform .2s var(--e-glide)}body.is-idle{cursor:none}body.is-idle .replay-head,body.is-idle .replay-controls{opacity:0}body.is-idle #replay-ui *{pointer-events:none}.rmenu:not([hidden]),.replay-toast:not([hidden]){animation:rp-pop var(--rp-pop) var(--e-glide)}#replay-meta:not([hidden]){animation:rp-pop .16s var(--e-glide)}@media (prefers-reduced-motion:no-preference){.rmenu:not([hidden]),.replay-toast:not([hidden]){animation-name:rp-pop-up}#replay-meta:not([hidden]){animation-name:rp-slide-in}.replay-flash.is-on{animation-name:rp-flash}body.is-idle .replay-head{transform:translateY(-.5rem)}body.is-idle .replay-controls{transform:translateY(.5rem)}.tbar__play svg{transition:opacity .12s var(--e-glide), transform .12s var(--e-glide)}.scrub-track,.scrub-thumb{transition:transform var(--d-hover) var(--e-glide)}.scrub:hover .scrub-track,.scrub.is-dragging .scrub-track{transform:scaleY(1.5)}.scrub:hover .scrub-thumb,.scrub.is-dragging .scrub-thumb{transform:scale(1.35)}.xdlg__bar-fill{transition:transform var(--d-hover) var(--e-glide)}}.replay-card .btn{min-height:2rem;padding:0 var(--s-3);gap:var(--s-2);font-size:var(--t-xs);background:var(--rp-r2);color:var(--fg);border:0;border-radius:0}.replay-card .btn svg{stroke-width:1.5px;width:15px;height:15px}.replay-card .btn:hover:not(:disabled){background:var(--rp-r3)}.replay-card .btn--solid{--cut:8px;clip-path:polygon(calc(var(--cut) / 2) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));background:var(--rp-signal);color:var(--ink-000)}.replay-card .btn--solid:hover:not(:disabled){background:var(--accent-bright,#f7c766);color:var(--ink-000)}.replay-card .btn--solid:focus-visible{outline-offset:-3px}.fbk.replay-card{z-index:40;background:color-mix(in oklab, var(--ink-000) 62%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;place-items:stretch end;position:fixed}.fbk.replay-card .fbk__inner{width:min(100%,28rem);height:100%;max-height:none;padding:var(--s-5);background:var(--rp-r1);box-shadow:none;border:0;border-radius:0}.replay-card__title{font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-d3);letter-spacing:0;margin:0;line-height:1.1}.replay-card .fbk__head{align-items:flex-start}.replay-card .fbk__title{margin-top:0}.replay-card .fbk__x{background:var(--rp-r2);border:0;border-radius:0}.replay-card .fbk__x:hover,.replay-card .fbk__x:focus-visible{background:var(--rp-r3);color:var(--fg)}.replay-card .field{background:var(--rp-r2);border:0;border-radius:0}@media (prefers-reduced-motion:no-preference){.fbk.replay-card .fbk__inner{transition:transform var(--d-fast) var(--e-glide)}.fbk.replay-card:not(.is-open) .fbk__inner{transform:translate(2rem)}}.replay-card__actions{gap:var(--s-2);margin-top:var(--s-2);display:flex}.replay-card__actions .btn{text-decoration:none}.replay-card--export .replay-card__actions .btn{flex:1}.xdlg__group{gap:var(--s-2);display:grid}.xdlg__label{font-family:var(--font-display);font-weight:800;font-stretch:125%;font-size:var(--t-sm);color:var(--fg)}.xdlg__row{justify-content:space-between;align-items:center;gap:var(--s-4);font-size:var(--t-sm);display:flex}.xdlg__row .field{width:auto;min-width:8rem;min-height:2rem;padding:0 var(--s-3)}.xdlg__check{align-items:center;gap:var(--s-2);font-size:var(--t-sm);cursor:pointer;display:flex}.xdlg__check input{accent-color:var(--signal)}.xdlg__note{font-size:var(--t-xs);color:var(--fg-muted);line-height:1.45}.xdlg__state{gap:var(--s-2);padding:var(--s-3);background:var(--rp-ground);display:grid}.xdlg__state-head{align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:500;display:flex}.xdlg__state-glyph{color:var(--fg-muted);display:inline-flex}.xdlg__state-glyph svg{display:block}.xdlg__bar{background:var(--rp-r3);border-radius:0;height:4px;position:relative;overflow:hidden}.xdlg__bar-fill{background:var(--rp-signal);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.xdlg__progress{font-family:var(--font-mono);font-weight:500;font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--ink-700);min-height:1.2em}@media (max-width:40em){.replay-head{gap:var(--s-2) var(--s-3);flex-wrap:wrap}.replay-title{flex:1 0 100%}#replay-meta{left:var(--gutter);right:var(--gutter);width:auto;top:calc(var(--replay-head-h,3.6rem) + var(--s-2));max-height:calc(100dvh - var(--replay-head-h,3.6rem) - var(--replay-controls-h,6rem) - 2 * var(--s-2))}.tbar{gap:var(--s-2)}.tbar__read{gap:var(--s-3)}.tbar__label,.tbar__tick{display:none}.tbar__btn{min-width:2.25rem}.rmenu{max-width:calc(100vw - 2 * var(--gutter))}}