@keyframes brk-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-4%,5%,0) scale(1.08)}}.brk-drift{animation:brk-drift 14s ease-in-out infinite alternate}@keyframes brk-ping{0%{transform:scale(1);opacity:.7}75%,to{transform:scale(var(--brk-ping-to,2.2));opacity:0}}.brk-ping{animation:brk-ping 2.2s cubic-bezier(0,0,.2,1) infinite}.brk-ring{--brk-ping-to:1.6;animation:brk-ping 2.6s cubic-bezier(0,0,.2,1) 1s infinite;opacity:0}@keyframes brk-card-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes brk-stage-in{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes brk-dot-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes brk-rail-in{0%{transform:scaleY(0)}to{transform:none}}[data-brk-board=intro]{--brk-d0:0.35s}[data-brk-board=run]{--brk-d0:0s}html.tw [data-brk-board=intro],html.tw [data-brk-board=run]{animation:brk-card-in .9s cubic-bezier(.16,1,.3,1) var(--brk-d0) both}html.tw [data-brk-board=intro] .brk-stage,html.tw [data-brk-board=run] .brk-stage{animation:brk-stage-in .65s cubic-bezier(.16,1,.3,1) calc(var(--brk-d0) + .35s + var(--i, 0) * .23s) both}html.tw [data-brk-board=intro] .brk-dot,html.tw [data-brk-board=run] .brk-dot{animation:brk-dot-in .65s cubic-bezier(.34,1.56,.64,1) calc(var(--brk-d0) + .42s + var(--i, 0) * .23s) both}html.tw [data-brk-board=intro] .brk-rail,html.tw [data-brk-board=run] .brk-rail{transform-origin:top;animation:brk-rail-in .42s cubic-bezier(.65,0,.35,1) calc(var(--brk-d0) + .64s + var(--i, 0) * .23s) both}html.tw [data-brk-board=armed],html.tw [data-brk-board=armed] .brk-stage{opacity:0}.brk-dot-on,.brk-stage-glow{opacity:0;transition:opacity .45s ease}.brk-dot-on{transform:scale(.6);transition:opacity .4s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.brk-stage[data-active] .brk-dot-on,.brk-stage[data-active] .brk-stage-glow{opacity:1;transform:none;transition-delay:.25s}.brk-stage-ping{--brk-ping-to:1.55;opacity:0}.brk-stage[data-active] .brk-stage-ping{animation:brk-ping 1.9s cubic-bezier(0,0,.2,1) .4s infinite}.brk-stage-copy{transition:transform .5s cubic-bezier(.16,1,.3,1)}.brk-stage[data-active] .brk-stage-copy{transform:translateX(4px);transition-delay:.25s}.brk-rail-fill{transform:scaleY(0);transform-origin:top;transition:transform .65s cubic-bezier(.65,0,.35,1)}.brk-stage[data-done] .brk-rail-fill{transform:none}.brk-face{transition:transform .5s cubic-bezier(.16,1,.3,1)}.brk-face[data-tilt]{transform:perspective(1100px) rotateX(var(--brk-rx,0deg)) rotateY(var(--brk-ry,0deg))}.brk-spot{position:absolute;left:-210px;top:-210px;width:420px;height:420px;border-radius:9999px;background:radial-gradient(closest-side,rgba(232,64,31,.16),transparent);opacity:0;transform:translate3d(var(--brk-x,0),var(--brk-y,0),0);transition:opacity .4s ease;pointer-events:none}.brk-face[data-tilt] .brk-spot{opacity:1}.brk-num{transform-origin:left bottom}[data-rv=armed] .brk-num,[data-stg=armed] .brk-num{opacity:0;transform:translateY(10px) scale(.4)}[data-stg=armed] .brk-arrow{opacity:0;transform:translateX(-10px)}[data-rv=run] .brk-num,[data-stg=run] .brk-arrow,[data-stg=run] .brk-num{transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.34,1.56,.64,1)}[data-stg=run] .brk-num{transition-delay:calc(var(--stg-delay, 0s) + var(--i, 0) * var(--stg-step, .11s) + .22s)}[data-rv=run] .brk-num{transition-delay:calc(var(--rv-delay, 0s) + .26s)}[data-stg=run] .brk-arrow{transition-delay:calc(var(--stg-delay, 0s) + var(--i, 0) * var(--stg-step, .11s) + .48s)}[data-stg=armed].brk-frame{opacity:0;transform:translateY(16px)}[data-stg=run].brk-frame{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.brk-lift{position:relative;transition:translate .35s cubic-bezier(.22,1,.36,1)}.brk-glow:after,.brk-lift:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 22px 50px -26px rgba(232,64,31,.75);opacity:0;transition:opacity .35s ease;pointer-events:none}.brk-glow{position:relative}.brk-glow:after{inset:0;border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:inset 0 0 40px -22px rgba(232,64,31,.6)}@media (hover:hover){.brk-lift:hover{translate:0 -4px}.brk-glow:hover:after,.brk-lift:hover:after{opacity:1}}.brk-row{position:relative}.brk-row:after,.brk-row:before{content:"";position:absolute;pointer-events:none}.brk-row:before{inset:0;background:linear-gradient(90deg,rgba(232,64,31,.09),transparent 70%);opacity:0;transition:opacity .3s ease}.brk-row:after{left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--accent);transform:scaleY(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.brk-row:hover:before{opacity:1}.brk-row:hover:after{transform:none}}@media (prefers-reduced-motion:reduce){.brk-drift,.brk-ping,.brk-ring,.brk-stage[data-active] .brk-stage-ping{animation:none}.brk-ping,.brk-ring,.brk-stage-ping{opacity:0}.brk-lift:hover{translate:none}}