.bb-combo-climb-trail { position:relative; width:100%; margin:0; min-height:48px; color:var(--bounce-cream); background:var(--bounce-panel); font:var(--text-sm,14px)/1.4 var(--font-body); text-align:left; }
.bb-combo-climb-trail .bb-replay-disclosure { position:relative; }
.bb-combo-climb-trail .bb-replay-summary { display:flex; align-items:center; gap:8px; min-height:48px; padding:4px 8px; cursor:pointer; border:1px solid var(--bounce-border); list-style:none; }
.bb-combo-climb-trail .bb-replay-summary::-webkit-details-marker { display:none; }
.bb-combo-climb-trail .bb-replay-summary strong { flex:0 0 auto; font-family:var(--font-display); color:var(--bounce-yellow); }
.bb-combo-climb-trail .bb-replay-summary strong::before { content:'▴ '; }
.bb-combo-climb-trail .bb-replay-summary-state { flex:1 1 0; min-width:0; font-size:11px; overflow-wrap:anywhere; }
.bb-combo-climb-trail .bb-replay-body { position:absolute; bottom:100%; left:0; right:0; z-index:8; max-height:40dvh; overflow-y:auto; overscroll-behavior:contain; padding:12px; border:1px solid var(--bounce-yellow); border-radius:10px 10px 0 0; background:var(--bounce-panel); box-shadow:0 -8px 24px #0008; }
.bb-combo-climb-trail .bb-replay-body p { margin:0 0 10px; }
.bb-combo-climb-trail h3 { margin:12px 0 8px; font:700 16px/1.3 var(--font-display); }
.bb-combo-climb-trail .bb-replay-plan-form { display:flex; flex-wrap:wrap; gap:8px; align-items:end; }
.bb-combo-climb-trail label { display:grid; gap:4px; min-width:0; flex:1 1 140px; }
.bb-combo-climb-trail select,.bb-combo-climb-trail button { min-height:48px; max-width:100%; padding:8px 12px; border:1px solid var(--bounce-teal); border-radius:6px; background:var(--bounce-bg); color:var(--bounce-cream); font:inherit; }
.bb-combo-climb-trail :disabled { opacity:.6; }
.bb-combo-climb-trail :focus-visible { outline:3px solid var(--bounce-yellow); outline-offset:2px; }
.bb-combo-climb-trail .bb-replay-goal { display:block; margin:12px 0 8px; font-weight:700; overflow-wrap:anywhere; }
.bb-combo-climb-trail .bb-replay-marker { position:relative; overflow:hidden; flex:0 0 48px; border:1px solid var(--bounce-teal); border-radius:6px; background:var(--bounce-bg); }
.bb-combo-climb-trail .bb-replay-marker-fill { position:absolute; inset:0; background:var(--bounce-teal); transform:scaleX(var(--bb-replay-progress,0)); transform-origin:left; transition:transform 180ms ease-out; opacity:.25; pointer-events:none; }
.bb-combo-climb-trail .bb-replay-marker-text { position:relative; display:block; padding:4px; text-align:center; font-size:11px; font-weight:700; overflow-wrap:anywhere; }
.bb-combo-climb-trail[data-status="reached"] .bb-replay-marker { border-color:var(--bounce-yellow); animation:bb-replay-earned 220ms ease-out; }
.bb-combo-climb-trail .bb-replay-ledger { margin:0 0 12px; padding-left:24px; overflow-wrap:anywhere; }
.bb-combo-climb-trail .bb-replay-ledger li + li { margin-top:8px; }
.bb-combo-climb-trail .bb-replay-ledger li:last-child { animation:bb-replay-report 160ms ease-out; }
.bb-combo-climb-trail .bb-replay-note,.bb-combo-climb-trail .bb-replay-past { opacity:.85; overflow-wrap:anywhere; }
@keyframes bb-replay-earned { from { opacity:.6; transform:translateY(2px); } to { opacity:1; transform:translateY(0); } }
@keyframes bb-replay-report { from { opacity:.55; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .bb-combo-climb-trail .bb-replay-marker,.bb-combo-climb-trail .bb-replay-ledger li:last-child { animation:none; } .bb-combo-climb-trail .bb-replay-marker-fill { transition:none; } }