.bbsct{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:640px;height:100%;margin:0 24px;overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bbsct a{color:inherit;text-decoration:none}
.bbsct-track{display:flex;align-items:center;gap:48px;white-space:nowrap;width:max-content;animation:bbsct-scroll var(--bbsct-speed,18s) linear infinite}
.bbsct:hover .bbsct-track{animation-play-state:paused}
.bbsct-item{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:600;letter-spacing:.06em;font-size:15px;line-height:1}
.bbsct-icon{width:36px;height:36px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.35);flex:0 0 auto}
.bbsct-icon img{width:88%;height:88%;object-fit:contain;display:block}
.bbsct-days{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 8px;border-radius:14px;
  background:#c9a865;color:#3a2129;font-size:16px;font-weight:800;letter-spacing:0}
.bbsct-sep{opacity:.5}
@keyframes bbsct-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bbsct-track{animation:none}}
@media (max-width:900px){.bbsct{margin:0 10px}.bbsct-item{font-size:13px}.bbsct-icon{width:30px;height:30px}}
.bbsct-count{display:inline-flex;align-items:center;gap:8px}
.bbsct-time{display:inline-flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums}
.bbsct-time b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:6px;
  background:rgba(255,255,255,.16);font-weight:800;font-size:15px}
.bbsct-time i{font-style:normal;opacity:.7;padding:0 1px}
.bbsct-units{font-size:11px;opacity:.8;letter-spacing:.08em}
.bbsct-days{font-variant-numeric:tabular-nums}
/* Overlay mode: sits on top of the top bar without changing its layout */
.bbsct.bbsct--overlay{position:absolute;top:0;bottom:0;margin:0;max-width:none;height:auto;z-index:5}
.bbsct--overlay .bbsct-icon{width:32px;height:32px}
/* v1.3 text layout */
.bbsct-item{gap:14px;padding-right:14px}
.bbsct-num{color:#f3d58c;font-weight:800;font-size:1.1em}
.bbsct-sep{opacity:.55;font-weight:400}
.bbsct-icon{background:#fff}
/* v1.4: chorten image fills the circle */
.bbsct-icon{background:transparent;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.bbsct-icon img{width:100%;height:100%;object-fit:cover}
/* v1.5: full logo in a white rounded badge */
.bbsct-icon{width:auto;height:44px;padding:0;border-radius:10px;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.4)}
.bbsct-icon img{width:auto;height:100%;object-fit:contain}
.bbsct--overlay .bbsct-icon{width:auto;height:44px}
@media (max-width:900px){.bbsct-icon,.bbsct--overlay .bbsct-icon{height:36px}}
/* v1.7: gold text + stupa icon in a circle */
.bbsct-item{color:#c2a56c;text-shadow:0 1px 2px rgba(34,11,21,.45)}
.bbsct-num{color:#e8cf93}
.bbsct-sep{color:#c2a56c;opacity:.7}
.bbsct-icon,.bbsct--overlay .bbsct-icon{width:44px;height:44px;border-radius:50%;background:transparent;box-shadow:none}
.bbsct-icon img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.bbsct-icon,.bbsct--overlay .bbsct-icon{width:36px;height:36px}}