.creplay[data-astro-cid-5wi5brig]{touch-action:manipulation;flex-direction:column;display:flex}.court[data-astro-cid-5wi5brig]{flex:1;min-height:0;position:relative;overflow:hidden}.tape[data-astro-cid-5wi5brig]{margin:8px 12px calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:var(--radius);align-self:center;gap:10px;width:min(100% - 24px,520px);padding:12px 14px;display:grid}.now[data-astro-cid-5wi5brig]{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:15px;display:flex}.now[data-astro-cid-5wi5brig] .who{letter-spacing:.08em;white-space:nowrap;font-weight:700}.now[data-astro-cid-5wi5brig] .what{color:var(--text-2);text-align:right;overflow-wrap:anywhere}.played[data-astro-cid-5wi5brig]{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:-4px 0 0;font-size:12px;display:flex}.played[data-astro-cid-5wi5brig] .icon[data-astro-cid-5wi5brig]{flex:none;place-items:center;width:14px;height:14px;display:grid}.played[data-astro-cid-5wi5brig] .icon[data-astro-cid-5wi5brig] svg{width:14px;height:14px;display:block}.track[data-astro-cid-5wi5brig]{background:var(--rim);border-radius:2px;height:4px;overflow:hidden}.fill[data-astro-cid-5wi5brig]{background:var(--text-2);width:0;height:100%}.buttons[data-astro-cid-5wi5brig]{justify-content:center;display:flex}.ctl[data-astro-cid-5wi5brig]{appearance:none;border:1px solid var(--glass-edge);background:var(--glass);min-width:44px;height:40px;color:var(--text);font:600 15px var(--font);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:0 12px}.ctl[data-astro-cid-5wi5brig]:active{transform:scale(.96)}.stage.replay{touch-action:manipulation;flex-direction:column;display:flex}.replay .court{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.replay .court canvas{position:absolute;inset:0}.replay .tape{margin:0 12px calc(env(safe-area-inset-bottom,0px) + 12px);border-radius:var(--radius);align-self:center;gap:10px;width:min(100% - 24px,520px);padding:12px 14px 10px;display:grid}.replay .now{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.replay .now .who{letter-spacing:.08em;white-space:nowrap;font-weight:700}.replay .now .what{color:var(--text-2);text-align:right}.replay .played{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:-4px 0 0;font-size:12px;display:flex}.replay .played .icon{flex:none;place-items:center;width:14px;height:14px;display:grid}.replay .played .icon svg{width:14px;height:14px;display:block}.replay .timeline{cursor:pointer;touch-action:none;outline:none;height:28px;position:relative}.replay .timeline:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:6px}.replay .track{background:var(--rim);border-radius:2px;height:4px;position:absolute;top:12px;left:0;right:0;overflow:hidden}.replay .fill{background:var(--text-2);width:0;height:100%}.replay .marks{position:absolute;inset:0}.replay .mark{border:2px solid var(--bg);background:var(--text-3);cursor:pointer;border-radius:50%;width:14px;height:14px;margin-left:-7px;padding:0;position:absolute;top:7px}.replay .mark.gold{background:var(--gold)}.replay .mark.good{background:var(--text)}.replay .mark.miss{background:var(--text-3);opacity:.7;width:10px;height:10px;margin-left:-5px;top:9px}.replay .mark.bad{background:var(--accent-3)}.replay .head{background:var(--accent);pointer-events:none;border-radius:1px;width:2px;height:24px;margin-left:-1px;position:absolute;top:2px}.replay .buttons{justify-content:center;gap:8px;display:flex}.replay .ctl{appearance:none;border:1px solid var(--glass-edge);background:var(--glass);min-width:44px;height:40px;color:var(--text);font:600 15px var(--font);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:0 10px}.replay .ctl.play{background:var(--text);min-width:64px;color:var(--bg);border-color:#0000}.replay .ctl:active{transform:scale(.96)}
