.jr-replay{position:relative;z-index:4;overflow:hidden;border:1px solid rgba(220,181,96,.28);border-radius:20px;background:linear-gradient(145deg,rgba(18,21,22,.94),rgba(3,6,8,.98));box-shadow:0 50px 120px rgba(0,0,0,.72),inset 0 1px rgba(255,239,191,.08)}
.jr-replay:before{content:"";position:absolute;inset:-70% -40%;z-index:6;pointer-events:none;background:linear-gradient(108deg,transparent 45%,rgba(255,224,143,.09) 50%,transparent 55%);animation:jrReplayGlint 8s ease-in-out infinite}
.jr-replay__top,.jr-replay__controls,.jr-replay__stats{position:relative;z-index:7;display:flex;align-items:center;padding:14px 18px;color:#b9b2a3;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.jr-replay__top{justify-content:space-between;border-bottom:1px solid rgba(220,181,96,.13)}.jr-replay__top span{display:flex;align-items:center;gap:8px}.jr-replay__top i{width:7px;height:7px;border-radius:50%;background:#6ddfbc;box-shadow:0 0 12px #6ddfbc;animation:jrLive 1.6s ease-in-out infinite}.jr-replay__top b{color:#d6b66e;font-weight:600}
.jr-replay__screen{position:relative;aspect-ratio:3/2;min-height:330px;background:#070b0d}.jr-replay canvas{display:block;width:100%;height:100%}.jr-replay__vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 25px rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 12%,transparent 88%,rgba(0,0,0,.28))}
.jr-replay__empty{position:absolute;inset:0;z-index:3;display:grid;place-content:center;gap:8px;text-align:center;background:radial-gradient(circle,#142126,#070b0d 64%)}.jr-replay__empty[hidden]{display:none}.jr-replay__empty strong{color:#dbc27f;font:400 24px Georgia,serif}.jr-replay__empty span{color:#69777b;font-size:11px}
.jr-replay__controls{gap:13px;border-top:1px solid rgba(220,181,96,.12);border-bottom:1px solid rgba(220,181,96,.1)}.jr-replay__controls button{border:0;background:none;color:#d8c38f;font:600 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.jr-replay__controls [data-replay-toggle]{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(220,181,96,.3);border-radius:50%;font-size:12px}.jr-replay__track{position:relative;flex:1;height:2px;background:#2a2c29}.jr-replay__track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#9a6e27,#ffe29a);box-shadow:0 0 8px rgba(238,190,79,.5)}.jr-replay__controls span{min-width:36px;color:#80796b}.jr-replay__stats{justify-content:space-between;padding-top:11px;padding-bottom:11px}.jr-replay__stats b{color:#d4b46a}
@keyframes jrLive{50%{opacity:.35;transform:scale(.75)}}@keyframes jrReplayGlint{0%,72%{transform:translateX(-55%);opacity:0}78%{opacity:1}92%,100%{transform:translateX(55%);opacity:0}}
@media(max-width:1050px){.jr-replay{width:100%;max-width:820px}.jr-replay__screen{min-height:280px}}@media(max-width:600px){.jr-replay__screen{min-height:220px}.jr-replay__controls{padding:11px 12px}.jr-replay__controls [data-replay-next]{font-size:0}.jr-replay__controls [data-replay-next]:after{content:"↻";font-size:17px}}