.bt{display:grid;gap:8px;justify-items:center;width:100%;height:var(--tg-stage-h);grid-template-rows:auto minmax(0,1fr) auto}.bt-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:560px}.bt-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name in" "marks in";align-items:center;gap:2px 8px;padding:6px 10px 7px 12px;border-radius:16px;background:var(--card, var(--cell));border:2px solid transparent;box-shadow:var(--shadow);min-width:0}.bt-panel.is-on{border-color:var(--tg-c)}.bt-panel[data-p="0"]{--tg-c: var(--tg-p0)}.bt-panel[data-p="1"]{--tg-c: var(--tg-p1)}.bt-name{grid-area:name;font-weight:700;font-size:.95rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-panel.is-on .bt-name{color:var(--ink)}.bt-in{grid-area:in;font-family:var(--font-display);font-size:2.1rem;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;min-width:1.1ch;text-align:right}.bt-marks{grid-area:marks;display:grid;grid-template-columns:repeat(10,minmax(0,14px));gap:2px;min-width:0}.bt-mark{box-sizing:border-box;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--line);color:var(--ink-2);background:var(--bg-2);overflow:hidden}.bt-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bt-mark.is-in{background:var(--tg-c);border-color:var(--tg-c);color:#fff}.bt-mark.is-out{background:transparent;color:var(--ink-2)}.bt-mark.is-now{border-color:var(--tg-c);border-width:2px}.bt-box{width:100%;height:100%;min-height:0;display:grid;place-items:center}.bt-frame{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;cursor:grab;box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);background:#f4e7d5}.bt[data-p="0"]{--tg-c: var(--tg-p0)}.bt[data-p="1"]{--tg-c: var(--tg-p1)}.bt.is-live .bt-frame{box-shadow:var(--shadow),0 0 0 2.5px var(--tg-c)}.bt-frame:active{cursor:grabbing}.bt-frame:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.bt-scene{display:block;width:100%;height:100%}.bt-frame{container-type:inline-size}.bt-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px;pointer-events:none}.bt-round,.bt-fan-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#ffffffe6;color:#2a211b;font-weight:800;font-size:.92rem;line-height:1.1;box-shadow:0 1px 3px #00000026;white-space:nowrap}.bt-round.is-sudden{background:#2a211b;color:#ffe08a}.bt-fan-badge[data-level="0"]{color:#6b625a}.bt-fan-arrow{font-size:1.15rem;line-height:1;color:#2f6fb5;font-weight:900}.bt-fan-pips{display:inline-flex;gap:2px}.bt-fan-pips i{width:5px;height:12px;border-radius:2px;background:#d9d2c8}.bt-fan-badge[data-level="1"] .bt-fan-pips i:nth-child(-n+1),.bt-fan-badge[data-level="2"] .bt-fan-pips i:nth-child(-n+2),.bt-fan-badge[data-level="3"] .bt-fan-pips i{background:#2f6fb5}.bt-fan-badge[data-level="0"] .bt-fan-pips{display:none}.bt-readout{position:absolute;left:50%;top:46px;transform:translate(-50%);white-space:nowrap;padding:4px 10px;border-radius:999px;background:#2a211bd1;color:#fff;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transition:opacity calc(.15s * var(--motion))}.bt-readout.is-on{opacity:1}.bt-readout.is-last{background:#ffffffd1;color:#5e5048;font-weight:700}.bt-wall{fill:#f4e7d5}.bt-wall-low{fill:#e9d6bd}.bt-rail{fill:#fff}.bt-glass{fill:#cfe7f7}.bt-cloud{fill:#fff;opacity:.95}.bt-cloud.is-2{opacity:.8}.bt-frame-line{fill:none;stroke:#fff;stroke-width:.05;stroke-linejoin:round}.bt-sill{fill:#fff}.bt-clock-face{fill:#fff;stroke:#3a3f46;stroke-width:.035}.bt-clock-hand{stroke:#3a3f46;stroke-width:.022;stroke-linecap:round}.bt-clock-pin{fill:#c8432c}.bt-desk-top{fill:#9a6e45}.bt-desk-leg{fill:#7a5534}.bt-desk-panel{fill:#8a623d;opacity:.55}.bt-cab{fill:#a3adb8}.bt-cab-line{stroke:#7f8a96;stroke-width:.018}.bt-cab-handle{fill:#5c6672}.bt-skirt{fill:#fff}.bt-skirt-line{stroke:#dcc8ac;stroke-width:.012}.bt-floor{fill:#c79664}.bt-board{fill:none;stroke:#a87a4b;stroke-width:.014}.bt-floor-edge{stroke:#a87a4b;stroke-width:.02}.bt-pot{fill:#c8643c}.bt-pot-rim{fill:#b0532f}.bt-leaf{fill:#3f8a4f}.bt-leaf.is-2{fill:#2f7d4f}.bt-fan-base,.bt-fan-motor{fill:#3a3f46}.bt-fan-stem{stroke:#3a3f46;stroke-width:.035;stroke-linecap:round}.bt-fan-back{fill:#dde6ee}.bt-fan-cage{fill:none;stroke:#3a3f46;stroke-width:.022}.bt-fan-wire{stroke:#3a3f46;stroke-width:.008;opacity:.5}.bt-blade{fill:#2f6fb5}.bt-fan-hub{fill:#3a3f46}.bt-blades{transform-box:view-box;animation:bt-spin 1s linear infinite paused}.bt-fan[data-level="1"] .bt-blades{animation-duration:.9s;animation-play-state:running}.bt-fan[data-level="2"] .bt-blades{animation-duration:.42s;animation-play-state:running}.bt-fan[data-level="3"] .bt-blades{animation-duration:.2s;animation-play-state:running}@keyframes bt-spin{to{rotate:360deg}}.bt-airline{fill:none;stroke:#6fa9d8;stroke-width:.022;stroke-linecap:round;stroke-dasharray:.28 .52;opacity:0}.bt-air[data-level="1"] .bt-airline[data-k="0"],.bt-air[data-level="1"] .bt-airline[data-k="2"]{opacity:.45}.bt-air[data-level="2"] .bt-airline:not([data-k="3"]){opacity:.55}.bt-air[data-level="3"] .bt-airline{opacity:.7;stroke-width:.028}.bt-air[data-level="1"] .bt-airline{animation:bt-air-r 2.4s linear infinite}.bt-air[data-level="2"] .bt-airline{animation:bt-air-r 1.3s linear infinite}.bt-air[data-level="3"] .bt-airline{animation:bt-air-r .75s linear infinite}.bt-air[data-dir=l] .bt-airline{animation-direction:reverse}@keyframes bt-air-r{to{stroke-dashoffset:-.8}}.bt-binpos.is-slide{transition:transform calc(.55s * var(--motion)) cubic-bezier(.3,.7,.3,1)}.bt-bin-inside{fill:#173f48}.bt-bin-rimback{fill:none;stroke:#2b7383;stroke-width:.03}.bt-bin-body{fill:#2e8394}.bt-bin-rib{stroke:#3f9daf;stroke-width:.02;stroke-linecap:round}.bt-bin-shine{stroke:#fff;stroke-width:.03;stroke-linecap:round;opacity:.35}.bt-bin-rim{fill:none;stroke:#4fb4c6;stroke-width:.04;stroke-linecap:round}.bt-wob.is-rattle{animation:bt-rattle calc(.42s * var(--motion)) ease-out}@keyframes bt-rattle{20%{rotate:-2.2deg}45%{rotate:1.8deg}70%{rotate:-.9deg}to{rotate:0deg}}.bt-paper{fill:#fff;stroke:var(--tg-c, #8E877C);stroke-width:.018}.bt-creases path{fill:none;stroke:#b5ad9f;stroke-width:.011;stroke-linecap:round;stroke-linejoin:round}.bt-ball[data-p="0"],.bt-ghost[data-p="0"],.bt-guide[data-p="0"],.bt-band[data-p="0"],.bt-popup[data-p="0"]{--tg-c: var(--tg-p0)}.bt-ball[data-p="1"],.bt-ghost[data-p="1"],.bt-guide[data-p="1"],.bt-band[data-p="1"],.bt-popup[data-p="1"]{--tg-c: var(--tg-p1)}.bt-ball.is-ready .bt-paper{animation:bt-ready calc(1.4s * var(--motion)) ease-in-out infinite}@keyframes bt-ready{50%{stroke-width:.04}}.bt-ghost{opacity:.5}.bt-shadow{fill:#5a3e22}.bt-dot{fill:var(--tg-c);stroke:#fff;stroke-width:.014}.bt-hint-dot{fill:#ffe08a;stroke:#b08a2e;stroke-width:.012;opacity:.75}.bt-band-line{stroke:var(--tg-c);stroke-width:.022;stroke-dasharray:.05 .04;stroke-linecap:round;opacity:.7}.bt-band-start{fill:none;stroke:var(--tg-c);stroke-width:.02;opacity:.7}.bt-band-end{fill:var(--tg-c);opacity:.35}.bt-popup text{font:800 .32px var(--font-display);text-anchor:middle;fill:#fff;stroke:#2a211b;stroke-width:.06px;paint-order:stroke}.bt-popup.is-in text{fill:#8ee6a8}.bt-popup.is-rim text{fill:#ffe08a}.bt-popup{animation:bt-pop 1.5s ease-out both}@keyframes bt-pop{0%{opacity:0;translate:0 .08px}12%{opacity:1;translate:0 0}75%{opacity:1}to{opacity:0;translate:0 -.12px}}.bt-line{margin:0;color:var(--ink-2);font-size:.9rem;text-align:center}:root[data-reduce-motion="1"] .bt-blades,:root[data-reduce-motion="1"] .bt-airline,:root[data-reduce-motion="1"] .bt-popup,:root[data-reduce-motion="1"] .bt-wob,:root[data-reduce-motion="1"] .bt-ball .bt-paper{animation:none!important}@container (max-width: 330px){.bt-round,.bt-fan-badge{font-size:.78rem;padding:3px 8px;gap:4px}.bt-readout{top:36px;font-size:.82rem}}@media(max-height:760px){.bt-line{display:none}.bt{gap:6px}}@media(pointer:fine)and (min-width:700px){.bt-frame{cursor:crosshair}}
