.bf{--bf-tx: 2px;display:grid;gap:.35rem}.bf__sky{position:relative;block-size:4.75rem}@media (min-width: 46rem){.bf{--bf-tx: max(3px, .21rem)}.bf__sky{block-size:max(6rem,calc(var(--bf-tx) * 32))}}.bf__rail,.bf__trail{position:absolute;left:calc(100% / var(--bf-n) / 2)}.bf__rail{right:calc(100% / var(--bf-n) / 2);bottom:10px;block-size:1px;background:color-mix(in oklab,var(--fg) 22%,transparent)}.bf__trail{--bf-dot: max(3px, var(--bf-tx));bottom:calc(10.5px - var(--bf-dot) / 2);inline-size:0;block-size:var(--bf-dot);background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='3'%3E%3Crect width='3' height='3'/%3E%3C/svg%3E") 0 0 / calc(var(--bf-dot) * 3) var(--bf-dot) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='3'%3E%3Crect width='3' height='3'/%3E%3C/svg%3E") 0 0 / calc(var(--bf-dot) * 3) var(--bf-dot) repeat-x}.bf__node{--bf-sq: max(9px, calc(var(--bf-tx) * 3));position:absolute;bottom:calc(10.5px - var(--bf-sq) / 2);left:calc((var(--bf-i) + .5) * 100% / var(--bf-n));inline-size:var(--bf-sq);block-size:var(--bf-sq);margin-inline-start:calc(var(--bf-sq) / -2);border:1px solid color-mix(in oklab,var(--fg) 28%,transparent);background:var(--bg)}.bf__node.is-done{border-color:var(--accent);background:var(--accent)}.bf__node.is-now{border-color:var(--fg);background:var(--fg)}.bf__pad{position:absolute;bottom:calc(12px - var(--bf-tx));left:calc((var(--bf-i) + .5) * 100% / var(--bf-n));inline-size:calc(12 * var(--bf-tx));block-size:var(--bf-tx);margin-inline-start:calc(-6 * var(--bf-tx));background:color-mix(in oklab,var(--fg) 58%,transparent)}.bf__pad:before,.bf__pad:after{position:absolute;top:var(--bf-tx);inline-size:var(--bf-tx);block-size:calc(2 * var(--bf-tx));background:inherit;content:""}.bf__pad:before{left:var(--bf-tx)}.bf__pad:after{right:var(--bf-tx)}.bf-ship{position:absolute;top:0;left:0;transform-origin:50% calc(100% / 3);pointer-events:none;will-change:transform}.bf-ship__body{display:block;--tx: var(--bf-tx);inline-size:var(--rk-w)}.bf-ship__art{display:block;inline-size:100%;block-size:auto;overflow:visible;fill:var(--fg);shape-rendering:crispEdges}.bf-ship__glass{fill:var(--accent)}.bf-ship__art .rk-shade{fill:color-mix(in oklab,var(--fg) 72%,black)}.bf-ship__art .rk-deep{fill:color-mix(in oklab,var(--fg) 50%,black)}.bf-ship__fl{fill:var(--accent);opacity:0}.bf-ship.is-flying .bf-ship__fl{opacity:1}.bf-ship__ex{fill:var(--accent);opacity:0}.bf-ship.is-burning .bf-ship__ex{opacity:1;transition:opacity .1s steps(1) calc(var(--ex, 0) * 28ms);animation:bf-ex-flicker .2s steps(1) calc(var(--ex, 0) * 28ms) infinite}@keyframes bf-ex-flicker{0%,to{fill:var(--accent)}50%{fill:color-mix(in oklab,var(--accent) 45%,black)}}.bf__stops{display:grid;grid-template-columns:repeat(var(--bf-n),minmax(0,1fr));margin:0;padding:0;list-style:none}.bf__stop{min-inline-size:0;text-align:center}.bf__hit{display:block;inline-size:100%;margin:0;padding:.4rem .2rem;border:0;background:none;color:color-mix(in oklab,var(--fg) 58%,transparent);font-family:var(--sans);font-size:var(--text-sm);font-weight:500;line-height:1.2;white-space:nowrap}.bf__stop.is-done .bf__hit,button.bf__hit{color:var(--fg-muted)}.bf__stop.is-now .bf__hit{color:var(--fg)}button.bf__hit{cursor:pointer}@media (hover: hover) and (pointer: fine){button.bf__hit:hover{color:var(--accent)}}button.bf__hit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width: 30rem){.bf__sky{block-size:4.5rem}.bf__hit{padding-inline:0;font-size:var(--text-xs)}}@media (min-width: 46rem) and (max-height: 42rem){.bf__sky{block-size:5rem}}@media (max-width: 45.9375rem) and (max-height: 42rem){.bf__sky{block-size:3.75rem}}@media (max-height: 42rem){.bf__hit{padding-block:.25rem;font-size:var(--text-xs)}}@media (max-width: 45rem) and (max-height: 36rem){.bf__stops{display:none}}