.replay-choice{position:fixed;z-index:100;right:1rem;bottom:1rem;width:min(30rem,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.25rem;background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.replay-choice[hidden]{display:none!important}
.replay-choice h2{font-size:1.15rem;line-height:1.25;margin:0 0 .65rem}
.replay-choice p{font-size:.83rem;line-height:1.55;margin:.5rem 0}
.replay-choice a{text-decoration:underline;text-underline-offset:.15em}
.replay-status:empty{display:none}
.replay-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.replay-actions button{flex:1;padding:.7rem .8rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--cream);color:var(--ink);font:600 .8rem/1.25 var(--f-ui);cursor:pointer}
.replay-actions button:hover{background:var(--sand)}
.replay-actions [data-replay="close"]{flex:0 0 auto;border-color:transparent}
.replay-settings{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
@media(max-width:899px){.replay-choice{bottom:calc(4.5rem + env(safe-area-inset-bottom));max-height:calc(100dvh - 6rem)}}