@property --br-half-slots{syntax:"<number>";inherits:true;initial-value:8}.bracketeer-bracket-canvas{--br-half-slots:8;--br-slot:clamp(30px, calc((100dvh - 10rem) / var(--br-half-slots,8)), 420px);--br-line:#64748b;--br-line-dim:#334155;--br-line-winner:#f59e0b99}.bracketeer-bracket-viewport{--br-canvas-h:calc(100dvh - 10rem);scrollbar-width:thin;overflow:auto hidden}.bracketeer-bracket-stage{width:max-content}.br-exit-line,.br-rail{background:var(--br-segment-color,var(--br-line));height:2px;transition:background-color .35s}.br-spine{background:var(--br-segment-color,var(--br-line));width:2px;transition:background-color .35s}.br-exit-line-winner{background:var(--br-line-winner)}@keyframes br-path-flow-x{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes br-path-flow-y{0%{background-position:0 -140%}to{background-position:0 240%}}.br-rail.br-path-winner,.br-exit-line.br-path-winner{background-color:var(--br-segment-color,var(--br-line-winner));animation:br-path-flow-x var(--br-flow-duration,2.8s) linear infinite;animation-delay:var(--br-flow-delay,0s);background-image:linear-gradient(90deg,#f59e0b00 0%,#fbbf24f2 45%,#f59e0b00 100%);background-repeat:no-repeat;background-size:42% 100%}.br-spine.br-path-winner{background-color:var(--br-segment-color,var(--br-line-winner));animation:br-path-flow-y var(--br-flow-duration,2.8s) linear infinite;animation-delay:var(--br-flow-delay,0s);background-image:linear-gradient(#f59e0b00 0%,#fbbf24f2 45%,#f59e0b00 100%);background-repeat:no-repeat;background-size:100% 42%}@keyframes br-node-breathe{0%{border-color:#f59e0b73;box-shadow:0 0 #f59e0b1a}50%{border-color:#f59e0bd9;box-shadow:0 0 0 3px #f59e0b24}to{border-color:#f59e0b73;box-shadow:0 0 #f59e0b0f}}.br-node-rollable{animation:1.1s ease-in-out infinite br-node-breathe}.br-final-node{border-width:2px;box-shadow:0 0 0 1px #f59e0b29}.br-final-column{position:relative}.br-final-stage{isolation:isolate;place-items:center;width:100%;display:grid;position:relative}.br-final-stage>*{z-index:1;position:relative}.br-final-stage:before,.br-final-stage:after{content:"";z-index:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.br-final-stage:before{width:min(220px, calc(var(--br-slot) * 1.28));height:min(220px, calc(var(--br-slot) * 1.28));border:1px solid #fbbf241f;border-radius:999px;transition:border-color .35s,box-shadow .35s;box-shadow:0 0 0 5px #f59e0b06,0 0 18px #fbbf2414}.br-final-stage:after{width:min(260px, calc(var(--br-slot) * 1.52));height:min(260px, calc(var(--br-slot) * 1.52));opacity:.62;background:repeating-conic-gradient(from 8deg,#fbbf2414 0deg 4deg,#0000 4deg 18deg);border-radius:999px;transition:opacity .35s;animation:10s linear infinite br-final-rays;-webkit-mask:radial-gradient(circle,#0000 0 39%,#000 40% 41%,#0000 57%);mask:radial-gradient(circle,#0000 0 39%,#000 40% 41%,#0000 57%)}.br-final-stage-ready:before{border-color:#fbbf2457;animation:1.25s ease-in-out infinite br-final-ready-pulse;box-shadow:0 0 0 8px #f59e0b0f,0 0 32px #fbbf2433,inset 0 0 24px #fbbf240f}.br-final-stage-ready:after{opacity:1;background:repeating-conic-gradient(from 8deg,#fbbf2442 0deg 4deg,#0000 4deg 18deg);animation-duration:4.8s}.br-final-stage-ready .br-final-node{border-color:#fbbf24e6;box-shadow:0 0 0 1px #fbbf245c,0 0 20px #fbbf2438}.br-final-title{left:50%;top:calc(50% - min(156px, calc(var(--br-slot) * .9)));z-index:20;text-shadow:0 0 12px #fbbf245c;white-space:nowrap;position:absolute;transform:translate(-50%)}@keyframes br-final-winner-glow{0%{box-shadow:0 0 #f59e0b38}50%{box-shadow:0 0 14px 1px #fbbf2459}to{box-shadow:0 0 #f59e0b38}}@keyframes br-final-rays{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes br-final-ready-pulse{0%{transform:translate(-50%,-50%)scale(.98)}50%{transform:translate(-50%,-50%)scale(1.04)}to{transform:translate(-50%,-50%)scale(.98)}}.br-final-winner{color:#fef3c7;text-shadow:0 0 10px #fbbf2475;background:linear-gradient(135deg,#78350ff5,#0f172afa 46%,#92400ef5);border-color:#fbbf24db;animation:1.8s ease-in-out infinite br-final-winner-glow;overflow:hidden;box-shadow:0 0 0 1px #fbbf2442,0 0 22px #fbbf2447}.br-final-winner:before{content:"";background:linear-gradient(100deg,#0000 0%,#fef08a6b 46%,#0000 72%);animation:2.2s ease-in-out infinite br-final-winner-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes br-final-winner-shine{0%,42%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes br-line-draw-right{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes br-line-draw-left{0%{transform-origin:100%;transform:scaleX(0)}to{transform-origin:100%;transform:scaleX(1)}}.br-exit-line-draw-right{animation:.35s ease-out forwards br-line-draw-right}.br-exit-line-draw-left{animation:.35s ease-out forwards br-line-draw-left}@keyframes bracketeer-die-roll{0%{transform:rotate(-8deg)scale(1.08)}25%{transform:rotate(7deg)scale(1.12)}50%{transform:rotate(-5deg)scale(1.08)}75%{transform:rotate(4deg)scale(1.1)}to{transform:rotate(0)scale(1)}}.bracketeer-die-rolling{animation:.12s ease-in-out infinite bracketeer-die-roll}@keyframes bracketeer-die-land{0%{transform:scale(1.18)}60%{transform:scale(.94)}to{transform:scale(1)}}.bracketeer-die-landed{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards bracketeer-die-land}@keyframes bracketeer-die-spark-burst{0%{opacity:1;transform:translate(calc(-50% + var(--spark-ux,0) * var(--spark-start,12px)), calc(-50% + var(--spark-uy,-1) * var(--spark-start,12px))) rotate(var(--spark-angle,0deg)) scaleY(1)}to{opacity:0;transform:translate(calc(-50% + var(--spark-ux,0) * var(--spark-end,20px)), calc(-50% + var(--spark-uy,-1) * var(--spark-end,20px))) rotate(var(--spark-angle,0deg)) scaleY(.45)}}@keyframes bracketeer-die-ring-burst{0%{opacity:.85;transform:translate(-50%,-50%)scale(.78)}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}.bracketeer-die-spark-layer{pointer-events:none;z-index:0;position:absolute;inset:-18px}.bracketeer-die-spark-ring{width:calc(var(--spark-start,12px) * 1.8);height:calc(var(--spark-start,12px) * 1.8);border:1px solid #fbbf24d9;border-radius:999px;animation:.34s ease-out forwards bracketeer-die-ring-burst;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #fbbf2459}.bracketeer-die-spark{transform-origin:50%;background:linear-gradient(#fbbf24,#f59e0b00);border-radius:999px;width:2px;height:16px;animation:.38s ease-out forwards bracketeer-die-spark-burst;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #fbbf2480}@media (prefers-reduced-motion:reduce){.br-rail.br-path-winner,.br-exit-line.br-path-winner,.br-spine.br-path-winner,.br-node-rollable,.br-final-stage:after,.br-final-stage-ready:before,.br-final-winner,.br-final-winner:before,.br-exit-line-draw-right,.br-exit-line-draw-left,.bracketeer-die-rolling,.bracketeer-die-landed,.bracketeer-die-spark-ring,.bracketeer-lock-shaking,.bracketeer-lock-snapped,.bracketeer-die-spark{animation:none!important}}@keyframes bracketeer-lock-shake{0%{transform:rotate(0)scale(1.1)}15%{transform:rotate(-12deg)scale(1.15)}30%{transform:rotate(10deg)scale(1.1)}45%{transform:rotate(-8deg)scale(1.15)}60%{transform:rotate(6deg)scale(1.1)}75%{transform:rotate(-4deg)scale(1.12)}90%{transform:rotate(2deg)scale(1.1)}to{transform:rotate(0)scale(1.1)}}.bracketeer-lock-shaking{animation:.4s ease-in-out infinite bracketeer-lock-shake;display:inline-block}@keyframes bracketeer-lock-snap{0%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.bracketeer-lock-snapped{animation:.3s ease-out forwards bracketeer-lock-snap;display:inline-block}