.replay{position:fixed;inset:0;z-index:190;background:#071711;color:#e6f6e9;overflow:hidden}.replay-head{position:absolute;top:0;left:0;right:0;height:62px;display:flex;align-items:center;gap:14px;padding:5px 14px;background:#0a201adf;border-bottom:1px solid #5c9e7a;z-index:3}.replay-head h2{margin:0;font-size:20px;color:#adf0c5;flex:1}.replay-head small{font-size:10px;color:#8aa996}.replay button,.replay select{background:#123127;border:1px solid #5d987a;color:#e2f4e6;padding:5px 8px;cursor:pointer;font:inherit}.replay button:hover{border-color:#a2ebbe}
.replay-field{position:absolute;inset:62px 0 95px}.replay-loading,.replay-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0b241de8;padding:12px;border:1px solid #6caa84}.replay-side{position:absolute;top:80px;right:14px;z-index:2;background:#0a211bda;border:1px solid #5e9b76;display:grid;gap:9px;padding:12px;width:220px}.replay-side label{display:grid;gap:4px}.replay-side select{max-width:100%}
.replay-controls{position:absolute;left:0;right:0;bottom:0;height:95px;display:flex;align-items:center;gap:8px;padding:15px 12px 20px;background:#0a201af2;border-top:1px solid #5c9e7a;z-index:3}.replay-controls input[type=range]{flex:1;accent-color:#81ddb0}.replay-nodes{position:absolute;left:43%;right:50px;bottom:12px;height:10px;pointer-events:none}.replay-nodes button{position:absolute;width:6px;height:8px;padding:0;background:#d5e9a5;border:0;pointer-events:auto}
@media(max-width:700px){.replay-head{height:48px}.replay-head h2{font-size:14px}.replay-head small{display:none}.replay-field{inset:48px 0 75px}.replay-side{top:55px;right:4px;width:150px;padding:5px;font-size:11px}.replay-controls{height:75px;padding:6px;gap:3px}.replay-controls button,.replay-controls select{font-size:11px;padding:3px}.replay-nodes{display:none}}