.tl{--tl-ruler-h: 30px;--tl-sp-h: 68px;--tl-track-h: 46px;--tl-tracks: 0;--tl-min-h: calc(var(--tl-ruler-h) + var(--tl-sp-h) + var(--tl-track-h) * var(--tl-tracks));display:flex;background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.tl[data-tracks="1"]{--tl-tracks: 1}.tl[data-tracks="2"]{--tl-tracks: 2}.tl[data-tracks="3"]{--tl-tracks: 3}.tl[data-tracks="4"]{--tl-tracks: 4}.tl__gutter{min-height:var(--tl-min-h);min-width:0;overflow:hidden;border-right:1px solid var(--border);background:var(--surface-2)}.tl__corner{height:var(--tl-ruler-h);display:flex;align-items:center;gap:.3rem;padding:0 .4rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.tl__collapse{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--muted);font:inherit;font-size:.7rem;line-height:1;cursor:pointer}.tl__collapse:hover{border-color:var(--accent);color:var(--text)}.tl__gutter.is-collapsed .tl__collapse span{display:inline-block;transform:scaleX(-1)}.tl__corner-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl__gutter.is-collapsed .tl__corner-label{display:none}.tl__sp-head{height:var(--tl-sp-h);display:flex;flex-direction:column;justify-content:center;padding:0 .75rem;border-bottom:1px solid var(--border);box-sizing:border-box;cursor:help}.tl__sp-title{font-size:.72rem;font-weight:700;color:color-mix(in srgb,var(--c-cyan) var(--ink-keep),#000)}.sp-lane{position:relative;border-bottom:1px solid var(--border);background-color:color-mix(in srgb,var(--c-cyan) 5%,transparent);box-sizing:border-box}.sp-lane .spg{display:block}.sp-lane .spg__grid{stroke:color-mix(in srgb,var(--muted) 55%,transparent);stroke-width:1}.sp-lane .spg__grid--zero{stroke:color-mix(in srgb,var(--danger) 55%,transparent);stroke-dasharray:3 3}.sp-lane .spg__ticks{position:absolute;top:0;left:0;width:0;height:100%;pointer-events:none}.sp-lane .spg__tick{position:absolute;left:4px;transform:translateY(-50%);padding:0 3px;border-radius:3px;background:color-mix(in srgb,var(--bg) 72%,transparent);font-size:.6rem;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sp-lane .spg__area{fill:color-mix(in srgb,var(--c-cyan) 14%,transparent);stroke:none}.sp-lane .spg__line{fill:none;stroke:color-mix(in srgb,var(--c-cyan) var(--ink-keep),#000);stroke-width:2;stroke-linejoin:round}.sp-lane .spg__dot{fill:color-mix(in srgb,var(--c-cyan) var(--ink-keep),#000)}.sp-lane .spg__dot.is-short{fill:var(--danger)}.sp-lane .spg__dot.is-gain{fill:var(--ok)}.tl__fx-heads .tl__fx-head{display:flex;align-items:center;gap:.4rem;padding:0 .5rem 0 .6rem;border-bottom:1px solid var(--border);box-sizing:border-box}.tl__fx-heads .tl__fx-color{flex:0 0 auto;width:12px;height:12px;border-radius:3px;background:var(--track-color)}.tl__fx-heads .tl__fx-title{flex:1;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl__fx-heads .tl__fx-now{flex:0 0 auto;font-size:.95rem;font-weight:700;color:color-mix(in srgb,var(--track-color) var(--ink-keep),#000);font-variant-numeric:tabular-nums}.tl__fx-heads .tl__fx-now.is-zero{color:var(--muted)}.fx-lanes .fxlane{position:relative;border-bottom:1px solid var(--border);box-sizing:border-box}.fx-lanes .fxg{display:block}.fx-lanes .fxmark{position:absolute;top:0;bottom:0;width:0;border-left:2px solid var(--track-color);pointer-events:auto}.fx-lanes .fxmark__label{position:absolute;top:50%;left:4px;transform:translateY(-50%);white-space:nowrap;font-size:.7rem;line-height:1;padding:2px 5px;border-radius:3px;color:color-mix(in srgb,var(--track-color) var(--ink-keep),#000);background:color-mix(in srgb,var(--track-color) 18%,var(--bg));border:1px solid color-mix(in srgb,var(--track-color) 55%,transparent)}.fx-lanes .fxg__grid{stroke:color-mix(in srgb,color-mix(in srgb,var(--track-color) var(--ink-keep),#000) 45%,transparent);stroke-width:1;stroke-dasharray:3 3}.fx-lanes .fxg__area{fill:color-mix(in srgb,var(--track-color) 18%,transparent);stroke:none}.fx-lanes .fxg__line{fill:none;stroke:color-mix(in srgb,var(--track-color) var(--ink-keep),#000);stroke-width:2;stroke-linejoin:round}.fx-lanes .fxg__dot{fill:color-mix(in srgb,var(--track-color) var(--ink-keep),#000)}.fx-lanes .fxg__label{position:absolute;transform:translateY(-100%);white-space:nowrap;color:var(--text);background:color-mix(in srgb,var(--bg) 60%,transparent);border-radius:3px;padding:0 3px;font-size:11px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;pointer-events:none}.tl__scroll{min-height:var(--tl-min-h);flex:1;overflow-x:auto;overflow-y:hidden}.tl__canvas{position:relative}.ruler{position:relative;border-bottom:1px solid var(--border);background:var(--surface-2);touch-action:none;user-select:none}.ruler__tick{position:absolute;bottom:0;width:1px;height:6px;background:var(--border)}.ruler__tick--major{height:11px;background:var(--muted)}.ruler__label{position:absolute;left:4px;top:-18px;font-size:.65rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ruler__tick--pre{background:color-mix(in srgb,var(--danger) 55%,transparent)}.ruler__label--pre{color:var(--danger)}.precombat{position:absolute;top:0;bottom:0;left:0;width:0;background:color-mix(in srgb,var(--danger) 7%,transparent);border-right:1px solid color-mix(in srgb,var(--danger) 45%,transparent);pointer-events:none;z-index:4}.combatstart{position:absolute;top:0;bottom:0;left:0;width:0;border-left:2px solid var(--danger);pointer-events:none;z-index:4}.combatstart__label{position:absolute;right:2px;top:var(--ruler-h, 30px);font-size:.6rem;line-height:1.2;color:var(--danger);background:var(--surface-2);padding:0 3px;border-radius:3px;white-space:nowrap}.tl__front-head{display:flex;align-items:center;gap:.4rem;padding:0 .75rem;border-bottom:1px solid var(--border);box-sizing:border-box;cursor:help}.tl__front-head[hidden]{display:none}.tl__front-title{flex:0 0 auto;font-size:.72rem;font-weight:700;color:var(--muted)}.tl__front-now{flex:1;min-width:0;text-align:right;font-size:.8rem;font-weight:700;color:color-mix(in srgb,var(--track-color, var(--text)) var(--ink-keep),#000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl__front-now.is-undeclared{font-weight:400}.tl__stop-head{display:flex;align-items:center;gap:.25rem;width:100%;padding:0 .5rem 0 .75rem;border-bottom:1px solid var(--border);box-sizing:border-box}.tl__stop-head[hidden]{display:none}.tl__stop-name{display:flex;align-items:center;gap:.35rem;flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.tl__stop-name:hover .tl__stop-title{color:var(--text)}.tl__stop-title{font-size:.72rem;font-weight:700;color:var(--muted)}.tl__stop-scale{padding:0 .3rem;border-radius:4px;background:var(--warn, var(--border));color:var(--ink-on-fill);font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums}.tl__stop-scale[hidden]{display:none}.th__gear{flex:0 0 auto;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.95rem;line-height:1;padding:.2rem;border-radius:4px}.th__gear:hover{background:var(--border);color:var(--text)}.stopdlg{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.stopdlg[hidden]{display:none}.stopdlg__backdrop{position:absolute;inset:0;background:#0000008c}.stopdlg__panel{position:relative;width:min(30rem,100%);max-height:calc(100vh - 3rem);overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.3rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px var(--shadow)}.stopdlg__title{margin:0;font-size:.95rem}.stopdlg__desc{margin:0;font-size:.78rem;line-height:1.75}.stopdlg__when{margin:0;padding-bottom:.45rem;border-bottom:1px solid var(--border);font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.stopdlg__when[hidden]{display:none}.stopdlg__note{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}.stopdlg__note[hidden]{display:none}.stopdlg__field{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem}.stopdlg__label{font-size:.82rem}.stopdlg__input{display:flex;align-items:center;gap:.3rem}.stopdlg__input select{padding:.35rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:.85rem;font-variant-numeric:tabular-nums}.stopdlg__foot{display:flex;justify-content:flex-end;margin-top:.2rem}.stop-lane{position:relative;border-bottom:1px solid var(--border);background-color:var(--bg);box-sizing:border-box}.stop-lane[hidden]{display:none}.stop-lane .stopband{position:absolute;top:3px;bottom:3px;border-radius:2px;background-color:var(--bg);background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 30%,transparent) 0 4px,color-mix(in srgb,var(--muted) 12%,transparent) 4px 8px);border-left:2px solid var(--muted);cursor:help}.stop-lane .stopband--block{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 60%,transparent) 0 4px,color-mix(in srgb,var(--muted) 28%,transparent) 4px 8px);border-left-color:var(--fg)}.front-lane{position:relative;border-bottom:1px solid var(--border);background-color:var(--bg);box-sizing:border-box}.front-lane[hidden]{display:none}.front-lane .front-seg{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 .35rem;box-sizing:border-box;background:color-mix(in srgb,var(--track-color) 22%,transparent);border-left:3px solid var(--track-color);font-size:.68rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.front-lane .front-seg.is-undeclared{background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,var(--muted) 14%,transparent) 5px 10px);border-left:3px dashed var(--muted);color:var(--muted);font-weight:400}.lanes{position:relative}.lane{position:relative;border-bottom:1px solid var(--border);box-sizing:border-box}.lane,.fx-lanes .fxlane,.sp-lane,.front-lane,.stop-lane{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--border) 90%,transparent) 0 1px,transparent 1px var(--grid-major-w, 100px)),repeating-linear-gradient(90deg,color-mix(in srgb,var(--border) 40%,transparent) 0 1px,transparent 1px var(--grid-minor-w, 20px));background-position:var(--grid-major-x, 0) 0,var(--grid-minor-x, 0) 0;background-size:var(--grid-major-len, 0) 100%,var(--grid-minor-len, 0) 100%;background-repeat:no-repeat}.clip{position:absolute;top:5px;bottom:5px;display:flex;align-items:stretch;border-radius:5px;background:transparent;border:1px solid transparent;user-select:none;box-sizing:border-box}.clip__real{position:absolute;left:-1px;top:-1px;bottom:-1px;box-sizing:border-box;background:color-mix(in srgb,var(--track-color) 30%,var(--surface));border:1px solid color-mix(in srgb,var(--track-color) 85%,transparent);border-radius:5px;pointer-events:none}.clip__hits{position:absolute;inset:0 -1px;pointer-events:none}.clip__hit{position:absolute;bottom:4px;width:1px;height:5px;margin-left:-.5px;background:color-mix(in srgb,var(--el, var(--muted)) 70%,transparent)}.clip__hit.is-critical{box-shadow:0 0 0 1px var(--bg),0 0 0 2px var(--text)}.clip__inner{position:relative;z-index:1;display:flex;align-items:baseline;gap:.35rem;padding:0 .4rem 0 .5rem;min-width:0;overflow:hidden;white-space:nowrap}.clip__kind{flex:0 0 auto;font-size:.7rem;font-weight:700;color:var(--text)}.clip__note{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;background:var(--c-yellow);color:var(--ink-on-fill);font-size:10px;line-height:1}.clip.has-note .clip__real:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 4px 4px;background:var(--c-yellow)}.clip__name{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.cdm{position:absolute;top:0;bottom:0;width:0;z-index:2;pointer-events:none}.cdm.is-ultimate{border-left:1px solid color-mix(in srgb,var(--c-yellow) 85%,transparent)}.cdm.is-comboSkill{border-left:1px dashed color-mix(in srgb,var(--c-cyan) 85%,transparent)}.cdm__label{position:absolute;left:2px;bottom:0;padding:0 2px;border-radius:2px;font-size:.6rem;line-height:1.2;white-space:nowrap;background:color-mix(in srgb,var(--surface) 85%,transparent)}.cdm.is-ultimate .cdm__label{color:color-mix(in srgb,var(--c-yellow) 90%,var(--text))}.cdm.is-comboSkill .cdm__label{color:color-mix(in srgb,var(--c-cyan) 90%,var(--text))}.lane .ueg{position:absolute;inset:0;z-index:0;pointer-events:none}.lane .cwin{position:absolute;top:0;bottom:0;box-sizing:border-box;pointer-events:none;background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--fg-strong) 16%,transparent) 0 5px,transparent 5px 10px);border-left:2px solid color-mix(in srgb,var(--fg-strong) 70%,transparent);border-bottom:2px solid color-mix(in srgb,var(--fg-strong) 70%,transparent)}.lane .cwin__label{position:absolute;left:3px;bottom:2px;padding:0 2px;border-radius:2px;font-size:.6rem;line-height:1.2;white-space:nowrap;background:color-mix(in srgb,var(--surface) 85%,transparent);color:color-mix(in srgb,var(--fg-strong) 90%,var(--text))}.ueg__full{stroke:color-mix(in srgb,color-mix(in srgb,var(--c-yellow) var(--ink-keep),#000) 55%,transparent);stroke-width:1;stroke-dasharray:4 3}.ueg__zero{stroke:color-mix(in srgb,var(--danger) 50%,transparent);stroke-width:1;stroke-dasharray:3 3}.ueg__area{fill:color-mix(in srgb,var(--c-yellow) 10%,transparent);stroke:none}.ueg__line{fill:none;stroke:color-mix(in srgb,color-mix(in srgb,var(--c-yellow) var(--ink-keep),#000) 80%,transparent);stroke-width:1.5;stroke-linejoin:miter}.pnow{position:absolute;width:0;height:0;z-index:5;pointer-events:none}.pnow:before{content:"";position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--pnow-color) var(--ink-keep),#000);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bg) 75%,transparent)}.pnow__v{position:absolute;left:var(--pnow-gap);top:var(--pnow-dy, 0);padding:0 .2rem;border-radius:3px;font-size:.66rem;line-height:var(--pnow-h);color:color-mix(in srgb,var(--pnow-color) var(--ink-keep),#000);background:color-mix(in srgb,var(--bg) 72%,transparent);font-variant-numeric:tabular-nums;white-space:nowrap}.pnow.is-left .pnow__v{left:auto;right:var(--pnow-gap)}.pnow__v.is-negative{color:var(--danger)}.clip.is-ue-short .clip__real,.clip.is-overlap .clip__real,.clip.is-cooldown .clip__real,.clip.is-off-chain .clip__real,.clip.is-off-combo .clip__real,.clip.is-off-front .clip__real{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 60%,transparent)}.clip.is-cancelled .clip__real{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.clip.is-cancelled .clip__real:before{content:"";position:absolute;top:-1px;bottom:-1px;right:0;width:3px;border-radius:1px;background:repeating-linear-gradient(to bottom,var(--muted) 0 3px,transparent 3px 6px)}.clip.is-comboSkill .clip__real{border-style:dashed}.clip.is-heavyAttack .clip__real,.clip.is-diveAttack .clip__real,.clip.is-perfectDodge .clip__real,.clip.is-finalStrike .clip__real,.clip.is-damageTaken .clip__real,.clip.is-defeat .clip__real,.clip.is-generic .clip__real{background:color-mix(in srgb,var(--track-color) 14%,var(--surface));border-style:dotted}.clip.is-switch .clip__real{background:color-mix(in srgb,var(--track-color) 14%,var(--surface));border-left-width:4px}.clip.is-switch .clip__kind{color:color-mix(in srgb,var(--track-color) var(--ink-keep),#000)}.clip.is-generic .clip__kind{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.clip.is-heavyAttack .clip__kind,.clip.is-diveAttack .clip__kind,.clip.is-perfectDodge .clip__kind,.clip.is-finalStrike .clip__kind{color:var(--ok)}.clip.is-ueAdjust .clip__real,.clip.is-spAdjust .clip__real{background:color-mix(in srgb,var(--muted) 16%,var(--surface));border-style:dashed;border-color:var(--muted)}.clip.is-ueAdjust .clip__kind,.clip.is-spAdjust .clip__kind{color:var(--muted)}.endmark{position:absolute;top:0;bottom:0;left:0;width:0;border-left:2px dashed var(--muted);pointer-events:none;z-index:4}.endmark[hidden]{display:none}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--danger);pointer-events:none;z-index:5}.playhead__knob{position:absolute;top:0;left:-5px;width:12px;height:12px;border-radius:0 0 4px 4px;background:var(--danger)}