.tl-arena{--tl-a:#6ee7b7;--tl-b:#6ee7b7;--tl-ok:#34d399;--tl-warn:#fcd34d;border:1px solid #ffffff21;border-radius:16px;overflow:clip}.tl-rail{pointer-events:none;background:#5a5a66;border-radius:99px;position:absolute}.tl-beam{display:none}.tl-node{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#d4d4dc;background:#16161d;border:1px solid #4a4a56;border-radius:8px;font-weight:600;transition:background-color .15s,color .15s}.tl-node[data-on=true]{color:#0b0b10;background:#6ee7b7;border-color:#6ee7b7}.tl-slot{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}.tl-slot[data-free=true]{cursor:grab}.tl-slot[data-drag=true]{z-index:30;cursor:grabbing}.tl-slot:focus-visible{outline:none}.tl-slot:focus-visible .tl-card{outline-offset:3px;outline:2px solid #ff8ab4}.tl-grip{touch-action:none;cursor:grab}.tl-card{background:#16161d;border:1px solid #33333e;border-radius:12px;height:100%;transition:transform .18s,border-color .15s;position:relative}.tl-slot[data-free=true]:hover .tl-card{border-color:#c4c4ce}.tl-slot[data-drag=true] .tl-card{border-color:#d4d4dc;transform:scale(1.02);box-shadow:0 12px 24px #0003}.tl-card[data-state=locked]{background:#1d1d26;border-color:#34d399}.tl-card[data-state=wrong]{background:#2a2410;border-color:#fcd34d}.tl-card[data-state=missed]{border-style:dashed;border-color:#fcd34d}.tl-lock{color:#0b0b10;background:#6ee7b7}.tl-move{color:#e4e4ea;background:#1d1d26;border:1px solid #3a3a46;border-radius:8px;place-items:center;min-width:44px;min-height:44px;transition:background-color .15s;display:grid}.tl-move:hover{background:#2a2a34}.tl-move[aria-disabled=true]{opacity:.3;pointer-events:none}.tl-check{color:#fff;background:#f01565}.tl-check:hover{background:#c80f52}.tl-sq{background:#ffffff21;border-radius:3px;width:10px;height:10px}.tl-sq[data-v=ok]{background:var(--tl-ok)}.tl-sq[data-v=bad]{background:var(--tl-warn)}.tl-row[data-current=true] .tl-sq{background:#ffffff4d}.tl-reel{vertical-align:bottom;height:1.3em;line-height:1.3em;display:inline-block;position:relative;overflow:hidden}.tl-reel-size{visibility:hidden;white-space:nowrap;height:1.3em;display:block}.tl-reel-strip{inset-inline:-2em;flex-direction:column;align-items:center;transition:transform .6s ease-out;display:flex;position:absolute;top:0}.tl-reel-strip>span{white-space:nowrap;height:1.3em;display:block}.tl-date{color:#a7f3d0}.tl-gap{color:#e4e4ea;background:#14141b;border:1px solid #4a4a56}@media (prefers-reduced-motion:reduce){.tl-reel-strip{transition-duration:0s!important;transition-delay:0s!important}}