:root{font-family:system-ui,sans-serif;color:#f6edd5;background:#103337;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #315356}h1{font-size:24px;margin:0}.eyebrow{font-size:11px;letter-spacing:3px;color:#d6b980;margin:0 0 5px}a{color:#ead29c;text-decoration:none;font-size:14px}main{max-width:1500px;margin:auto;padding:16px 24px}.summary{display:flex;gap:24px;align-items:center;justify-content:space-between}.summary strong{font-size:18px}.summary p{color:#bbcecb;font-size:13px;margin:7px 0}.stats{display:flex;gap:26px;font-size:12px;color:#bbcecb}.stats b{display:block;color:#f6edd5;font-size:22px;font-weight:600}.replay-heading{display:flex;align-items:center;gap:20px;margin:18px 0 10px;font-size:14px}.replay-heading label{display:flex;align-items:center;gap:8px}select{font:inherit;padding:8px 12px;background:#254e51;border:1px solid #507070;border-radius:8px;color:#fff4da}input{accent-color:#d6b980;width:18px;height:18px}#cadence{color:#bbcecb;font-size:12px;margin-left:auto}#viewer-wrap{position:relative;height:65vh;min-height:350px;background:#194549;border-radius:16px;overflow:hidden}iframe{width:100%;height:100%;border:0}#empty{position:absolute;top:40%;left:0;right:0;text-align:center;pointer-events:none}details{margin-top:20px;padding:16px;background:#193f43;border-radius:12px;font-size:14px;line-height:1.6}summary{cursor:pointer;font-weight:600}details p{max-width:1000px;color:#c6d6d1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #34565a}#error{color:#ffc7aa}#updated{font-size:12px}@media(max-width:650px){header{padding:12px 14px}h1{font-size:21px}main{padding:12px 10px}.summary{display:block}.stats{gap:22px;margin-top:12px}.stats b{font-size:19px}.replay-heading{gap:12px;flex-wrap:wrap}#cadence{margin-left:0;width:100%}#viewer-wrap{height:61vh;min-height:330px}details{padding:12px}.follow{margin-left:auto}}

.replay-heading{flex-wrap:wrap}@media(max-width:650px){.replay-heading>label:first-child{width:100%}.replay-heading>label:first-child select{flex:1;min-width:0}}

.replay-context{font-size:12px;color:#bbcecb;line-height:1.5;margin:0 0 12px;max-width:1000px}