.transport.replay-transport{height:190px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 22px 8px;background:linear-gradient(110deg,#10191f,#18232b);border-top:1px solid #c9d8dd26;position:relative;z-index:12;box-shadow:0 -8px 28px #0003}body #viewport{height:calc(100dvh - 190px)}.tl-head{display:flex;align-items:center;justify-content:space-between;gap:20px;height:32px}.tl-controls,.tl-clock{display:flex;gap:10px;align-items:center}.tl-player{display:flex;align-items:baseline;gap:12px;min-width:0}.tl-player strong{font-size:13px;color:#e9d39a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-player span{color:#94a7b2;font-size:10px;white-space:nowrap}.replay-transport #rounds select{width:115px;border:0;background:#ffffff08}.replay-transport #rounds button{padding:5px 8px;border:0;background:#ffffff07}.replay-transport #play{height:32px;width:36px;padding:2px;border:1px solid #ddc58455;background:#e0c98617;color:#ecd9a1}.replay-transport #time{font-size:11px}.replay-transport #speed{padding:5px 8px;border:0;background:#ffffff08}.tl-rounds{display:flex;gap:4px;min-height:34px;overflow-x:auto;scrollbar-width:thin}.tl-round{position:relative;min-width:34px;flex-basis:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 3px!important;background:#ffffff06;border:1px solid #ffffff0c;border-radius:4px;color:#8096a4;transition:background .1s}.tl-round span{font-size:10px;font-variant-numeric:tabular-nums}.tl-round small{color:#d7c38d;font-size:9px}.tl-round i{color:#e98179;font-style:normal;font-size:8px;position:absolute;right:3px;top:0}.tl-round.active-round{background:#d7bd6b1c;border-color:#dbc38188;color:#eddca5}.tl-round:hover{background:#ffffff13}.tl-detail{position:relative;flex:1;min-height:73px;margin:0 12px;border-bottom:1px solid #ffffff20;border-top:1px solid #ffffff0c;background:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 calc(12.5% - 1px),#ffffff0b calc(12.5% - 1px),#ffffff0b 12.5%);border-radius:3px}.tl-freeze,.tl-after-death{position:absolute;inset:0 auto 0 0;background:#a5b3bb0b;pointer-events:none}.tl-after-death{background:repeating-linear-gradient(120deg,#b63e380b,#b63e380b 6px,#b63e3817 6px,#b63e3817 7px);border-left:1px solid #eb827c66}.tl-lane-label{position:absolute;left:4px;top:5px;font-size:7px;letter-spacing:1.2px;color:#5d7381;pointer-events:none}.tl-utility-label{top:40px}.tl-event{position:absolute;top:5px;transform:translateX(-50%);z-index:2;width:23px;height:25px;padding:2px;border:0;background:#17232af2;color:#e8ce8b;border-radius:3px}.tl-event:hover,.tl-event:focus-visible{background:#42535f;z-index:5;outline:1px solid currentColor}.tl-event svg{width:19px;height:20px;fill:currentColor;stroke:#152027;stroke-width:1}.tl-event.death{color:#fa8d81;background:#42282bf0}.tl-event.utility,.tl-event.bomb,.tl-event.freeze{top:37px;width:20px;height:22px;color:#94b2c6;background:#14232bb0}.tl-event.bomb{color:#e7bd6d}.tl-event.freeze{color:#bec6cb;background:none;width:10px;top:30px;height:32px}.tl-event img{width:17px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.tl-event.stacked{margin-top:12px}.tl-event.utility.stacked,.tl-event.bomb.stacked{margin-top:9px}.tl-ticks{position:absolute;inset:0;pointer-events:none}.tl-ticks span{position:absolute;bottom:1px;transform:translateX(-50%);font-size:8px;color:#7c929e;background:#152129bd;padding:0 2px;z-index:1}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f0deb0;box-shadow:0 0 5px #e0bd7b55;pointer-events:none;z-index:4}.tl-playhead i{position:absolute;top:-4px;left:-4px;width:9px;height:6px;background:#f0deb0;clip-path:polygon(0 0,100% 0,50% 100%)}.replay-transport .tl-detail #seek{position:absolute;left:-6px;right:-6px;bottom:-5px;width:calc(100% + 12px);height:12px;min-width:0;z-index:6;margin:0;opacity:0;cursor:ew-resize}.tl-detail:has(#seek:focus-visible){outline:1px solid #dfc780}.tl-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8196a3;min-height:14px}.tl-footer b{font-weight:400;margin-left:8px;font-size:12px}.tl-gold{color:#e3ca8c}.tl-red{color:#f29486}.tl-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a8c1cf;margin:0 5px 2px 9px}.tl-bomb{color:#d6b774;margin-left:9px}.tl-tooltip{position:fixed;bottom:180px;padding:10px 12px;border:1px solid #d7c58a44;background:#111c24f5;border-radius:5px;box-shadow:0 6px 22px #0007;max-width:280px;z-index:30;pointer-events:none}.tl-tooltip strong,.tl-tooltip span{display:block;font-size:11px}.tl-tooltip span{font-size:10px;color:#9fb2bd;margin-top:5px}@media(max-width:1050px){.tl-head{gap:8px}.tl-player{flex-direction:column;gap:3px}.tl-player span{font-size:9px}.tl-round{min-width:28px}.replay-transport #rounds select{width:95px}}@media(max-width:720px){.transport.replay-transport{padding:8px 10px;height:205px;gap:7px}body #viewport{height:calc(100dvh - 205px)}.tl-head{height:42px}.tl-player span{max-width:140px;overflow:hidden;text-overflow:ellipsis}.tl-player strong{max-width:120px}.tl-controls,.tl-clock{gap:4px}.replay-transport #rounds select{width:78px}.tl-clock{flex-direction:column;gap:2px}.tl-footer{font-size:8px}.tl-footer>span:last-child{display:none}.tl-round{min-width:35px}.tl-tooltip{bottom:198px}.tl-rounds{min-height:34px}}

.tl-event.clutch{color:#cbb6f0;font-size:9px;width:29px;background:#302a43}.tl-detail:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:var(--progress,0%);background:#d9c38a66;pointer-events:none}.tl-detail{cursor:crosshair}.tl-event{cursor:pointer}.tl-footer{font-size:10px}

@media(max-width:1050px){#replay-audio{max-width:200px;padding:6px;font-size:9px;gap:3px}#replay-audio input[type=range]{width:55px}}
.tl-round-voice{display:inline-flex;align-items:center;justify-content:center;gap:3px;line-height:1}
.tl-round-voice>span{display:inline-flex;padding:0}
.tl-round-voice svg{width:14px;height:14px}
.tl-round-voice .voice-ct{color:#83c8ff}
.tl-round-voice .voice-t{color:#f1cb72}
.tl-event.round-end{top:30px;width:14px;height:32px;color:#f1cb72;background:none}
.tl-event.round-end::before{content:'';position:absolute;left:50%;top:1px;bottom:1px;border-left:1px dashed currentColor}
.tl-round[data-voice=true]{min-width:max-content}
.tl-event.round-end:hover,.tl-event.round-end:focus-visible{background:#f1cb7222}
.tl-round.pending-round{color:#8096a4;opacity:.75;cursor:wait;background:linear-gradient(to right,#7faac94d var(--round-progress,0%),#ffffff06 var(--round-progress,0%));transition:background .2s}