.bb{--bb-open:var(--accent);--bb-build:var(--warning);--bb-next:var(--ink-3);--bb-ease:cubic-bezier(.16, 1, .3, 1)}.bb-head{gap:28px;padding-top:128px;padding-bottom:36px;display:grid}@media (min-width:1024px){.bb-head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:64px;padding-top:168px;padding-bottom:48px}}.bb-place{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex}.bb-counts{border-top:1px solid var(--line-strong);gap:32px;margin-top:24px;padding-top:18px;display:flex}.bb-counts li{gap:6px;display:grid}.bb-counts b{font:760 44px/1 var(--font-head), sans-serif;font-variation-settings:"wdth" 82, "opsz" 96;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bb-st{color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-size:14px;line-height:1.3;display:inline-flex}.bb-st:before{content:"";background:var(--c,var(--ink-3));border-radius:50%;flex:none;width:7px;height:7px}.bb-st.is-open{--c:var(--bb-open)}.bb-st.is-build{--c:var(--bb-build)}.bb-st.is-next:before{box-shadow:inset 0 0 0 1.5px var(--bb-next);background:0 0}.bb-st.is-live:before{animation:bb-live 2s var(--bb-ease) infinite}@keyframes bb-live{0%,to{box-shadow:0 0 0 0 var(--c)}60%{box-shadow:0 0 0 6px #0000}}.bb-no{font:500 13px/1.3 var(--font-code), monospace;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink-3)}.bb-stage-wrap{padding-inline:8px}@media (min-width:768px){.bb-stage-wrap{padding-inline:16px}}.bb-stage{background:var(--bg-sunken);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;isolation:isolate;border-radius:20px;height:min(86svh,920px);min-height:560px;position:relative;overflow:hidden}@media (min-width:768px){.bb-stage{border-radius:var(--r-slab)}}.bb-stage.drag{cursor:grabbing}.bb-stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.bb-nogl{text-align:center;color:var(--ink-2);place-items:center;padding:32px;display:grid;position:absolute;inset:0}.bb-top,.bb-sky,.bb-note,.bb-ctrl{z-index:3;position:absolute}.bb-sky,.bb-note,.bb-pick{background:color-mix(in srgb, var(--bg-sunken) 92%, transparent);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 12px 32px #0f020c47}.bb-top{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;top:12px;left:12px;right:12px}.bb-top>*{pointer-events:auto}.bb-pick{border-radius:14px;flex-wrap:wrap;gap:2px;max-width:100%;padding:4px;display:inline-flex}.bb-pick>button{height:40px;font:500 14.5px/1 var(--font-body), sans-serif;color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .25s var(--bb-ease), color .25s var(--bb-ease);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}@media (hover:hover){.bb-pick>button:hover{color:var(--ink)}}.bb-pick>button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.bb-pick>button[aria-pressed=true] .bb-st:before{box-shadow:0 0 0 1.5px var(--bg)}.bb-pick .bb-st{gap:0}.bb-c{font:500 12.5px/1 var(--font-code), monospace;opacity:.7}.bb-btn{height:48px;font:600 15px/1 var(--font-body), sans-serif;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:transform .25s var(--bb-ease), background .25s var(--bb-ease);border:0;border-radius:12px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.bb-btn:active{transform:translateY(1px)scale(.985)}.bb-btn.is-main{background:var(--accent);color:var(--accent-ink)}.bb-btn.is-main[aria-pressed=true]{background:var(--ink);color:var(--bg)}.bb-btn.is-solid{background:var(--ink);height:40px;color:var(--bg);border-radius:10px;padding:0 14px;font-size:14px}.bb-btn.is-plain{height:40px;color:var(--ink-2);text-underline-offset:4px;background:0 0;padding:0 4px;font-size:14px;text-decoration:underline}.bb-sky{border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:10px 14px;font-size:14px;display:grid;top:12px;right:12px}.bb-sky b{font-weight:600}.bb-sky>span:last-child{font:500 12.5px/1.4 var(--font-code), monospace;letter-spacing:-.02em;color:var(--ink-3);grid-column:2}.bb-sky-i{grid-row:span 2;font-size:22px;line-height:1}.bb-sky>b:first-child{grid-column:2}.bb-note{border-radius:18px;width:min(360px,100% - 24px);padding:18px 20px;bottom:12px;left:12px}.bb-note p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.bb-note-meta{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.bb-note-t{font:700 21px/1.15 var(--font-head), sans-serif;font-variation-settings:"wdth" 85, "opsz" 96;letter-spacing:-.015em;margin:10px 0 6px}.bb-note-h{font-weight:600;color:var(--ink)!important;margin-bottom:6px!important}.bb-now{margin:0 0 10px;padding:0;list-style:none}.bb-now button{border:0;border-top:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:500 15px/1.3 var(--font-body), sans-serif;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.bb-now li:last-child button{border-bottom:1px solid var(--line)}.bb-now .bb-st{gap:0}@media (hover:hover){.bb-now button:hover{text-underline-offset:4px;text-decoration:underline}}.bb-hint{color:var(--ink-3)!important;font-size:13.5px!important}.bb-tnav{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.bb-ctrl{gap:8px;display:flex;bottom:12px;right:12px}.bb-key{width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.bb-key:before{content:"";background:var(--bg-sunken);border-radius:12px;position:absolute;inset:4px 0 0}.bb-key>span{background:var(--surface-2);font:500 20px/1 var(--font-code), monospace;transition:transform .25s var(--bb-ease), background .25s var(--bb-ease);border-radius:12px;place-items:center;display:grid;position:absolute;inset:0 0 4px}@media (hover:hover){.bb-key:hover>span{background:var(--surface-3)}}.bb-key:active>span,.bb-key[aria-pressed=true]>span{transform:translateY(3px)}.bb-key[aria-pressed=true]>span{background:var(--ink);color:var(--bg)}.bb-key svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.bb-key svg path:first-child{fill:currentColor}.bb-snd-on,.bb-key[aria-pressed=true] .bb-snd-off{display:none}.bb-key[aria-pressed=true] .bb-snd-on{display:block}.bb-tags{z-index:2;pointer-events:none;--tw:140px;position:absolute;inset:0;overflow:hidden}.bb-tag{max-width:var(--tw);background:color-mix(in srgb, var(--bg-sunken) 90%, transparent);box-shadow:0 0 0 1px var(--line);color:var(--ink);font:500 13px/1.2 var(--font-body), sans-serif;text-align:left;pointer-events:auto;cursor:pointer;transition:background .2s var(--bb-ease), color .2s var(--bb-ease), box-shadow .2s var(--bb-ease);will-change:transform;border:0;border-radius:8px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:inline-flex;position:absolute;top:0;left:0;translate:-50% -50%}.bb-tn{background:var(--bb-next);min-width:22px;height:22px;color:var(--bg);font:600 12px/1 var(--font-code), monospace;letter-spacing:-.02em;border-radius:6px;flex:none;place-items:center;padding:0 5px;display:grid}.bb-tag.is-built .bb-tn{background:var(--bb-open);color:var(--accent-ink)}.bb-tag.is-build .bb-tn{background:var(--bb-build);color:#2a0c00}.bb-tag.is-next .bb-tn{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--bb-next);background:0 0}.bb-tag.is-build{box-shadow:0 0 0 1.5px var(--bb-build)}.bb-tl{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bb-tags.is-mid .bb-tag{letter-spacing:-.01em;border-radius:7px;gap:5px;padding:3px 6px 3px 3px;font-size:11.5px}.bb-tags.is-mid .bb-tn{border-radius:5px;min-width:19px;height:19px;padding:0 4px;font-size:11px}.bb-tags.is-min .bb-tag{gap:0;padding:3px}.bb-tags.is-min .bb-tl{display:none}@media (hover:hover){.bb-tag:hover{background:var(--surface-3)}}.bb-tag.on{background:var(--ink);color:var(--bg);box-shadow:0 0 0 1px var(--ink);z-index:1}.bb-tags.is-min .bb-tag.on{gap:7px;padding:4px 9px 4px 4px}.bb-tags.is-min .bb-tag.on .bb-tl{white-space:nowrap;display:block}.bb-tag.on.is-next .bb-tn{color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--bg)}.bb-dist{color:var(--ink);font:600 15px/1 var(--font-body), sans-serif;white-space:nowrap;pointer-events:auto;cursor:pointer;text-shadow:0 1px 12px #0f020c99;background:0 0;border:0;align-items:center;gap:10px;padding:0 0 8px;display:inline-flex;position:absolute;top:0;left:0;translate:0 -100%}.bb-dist .bb-st{gap:8px}.bb-dist .bb-c{opacity:1;color:var(--ink-3)}@media (hover:hover){.bb-dist:hover{text-underline-offset:4px;text-decoration:underline}}.bb-hint{z-index:3;max-width:calc(100% - 240px);color:var(--ink-3);pointer-events:none;transition:color .2s var(--bb-ease);margin:0;font-size:13.5px;position:absolute;bottom:18px;left:16px}.bb-hint.is-flash{color:var(--ink)}.bb-note:not(.is-idle)~.bb-hint{visibility:hidden}.bb-note.is-idle{display:none}.bb-note-crew{flex-wrap:wrap;gap:4px 14px;display:flex;margin-top:10px!important}.bb-note-crew button{color:var(--ink);font:500 14px/1.6 var(--font-body), sans-serif;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0}@media (hover:hover){.bb-note-crew button:hover{text-decoration-color:currentColor}}.bb-stage:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:699px){.bb-stage{height:82svh}.bb-sky{gap:0 8px;padding:6px 10px;font-size:13px;top:56px;bottom:auto;right:8px}.bb-sky-i{font-size:18px}.bb-note{width:auto;bottom:120px;left:8px;right:8px}.bb-note.is-idle{display:none}.bb-ctrl{bottom:8px;right:8px}.bb-top{top:8px;left:8px;right:8px}.bb-pick{flex-wrap:nowrap;width:100%;display:flex}.bb-pick>button{flex:auto;justify-content:center;gap:6px;height:36px;padding:0 6px;font-size:13.5px}.bb-pick .bb-c{display:none}.bb-btn.is-main{height:40px;padding:0 14px;font-size:14px}.bb-hint{max-width:calc(100% - 200px);font-size:12.5px;bottom:16px;left:12px}.bb-dist{font-size:14px}}.bb-list{padding-top:96px;padding-bottom:96px}.bb-list-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:40px;display:flex}.bb-cols{gap:48px;display:grid}@media (min-width:960px){.bb-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}.bb-col-h{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.bb-col-h h3{font:700 22px/1.1 var(--font-head), sans-serif;font-variation-settings:"wdth" 85, "opsz" 96;letter-spacing:-.015em}.bb-sub{color:var(--ink-3);margin-top:12px;font-size:14px}.bb-rows{margin:8px 0 0;padding:0;list-style:none}.bb-row{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;isolation:isolate;background:0 0;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:16px 4px 18px;display:grid;position:relative}.bb-row .bb-no{grid-row:span 2;padding-top:2px}.bb-row b{font:600 16px/1.3 var(--font-body), sans-serif}.bb-row>span:last-child{color:var(--ink-3);font-size:14px;line-height:1.5}.bb-row:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .6s var(--bb-ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.bb-row:hover:after{transform:scaleX(1)}}.bb-row[aria-current=true]:after{transform:scaleX(1)}.bb-row[aria-current=true] .bb-no{color:var(--ink)}.bb-foot{max-width:60ch;color:var(--ink-3);margin-top:40px;font-size:14px}.bb-crew{padding-bottom:96px}.bb-teams{gap:40px;display:grid}@media (min-width:720px){.bb-teams{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.bb-teams{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}}.bb-show{color:var(--ink-2);font:500 13.5px/1 var(--font-body), sans-serif;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bb-show[aria-pressed=true]{color:var(--ink);text-decoration-thickness:2px}.bb-names{margin:8px 0 0;padding:0;list-style:none}.bb-names button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);font:500 15px/1.3 var(--font-body), sans-serif;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;gap:16px;padding:11px 0;display:flex}.bb-names button span{color:var(--ink-3);text-align:right;font-size:14px}@media (hover:hover){.bb-names button:hover b{text-underline-offset:4px;text-decoration:underline}}.bb-key .bb-fit path{fill:none}