/* typing 共享壳 —— 统一 HUD(返回·面包屑·全局🔥连续天数). 单源,三面(index/sp/maze)共用.
   颜色全走 shared/tokens.css;右侧留 --chrome-inset-right 给 suite ⚙ 浮层,不重复造齿轮. */
.thud{display:flex;align-items:center;gap:9px;padding:9px 12px;
  border-bottom:1px solid var(--border);position:relative;
  padding-right:var(--chrome-inset-right,40px)}
.thud .back{color:var(--muted);font-size:17px;line-height:1;text-decoration:none;flex:none;
  padding:2px 6px;margin:-2px 2px -2px -6px;border-radius:6px}
.thud .back:hover{color:var(--accent)}
.thud .idw{width:20px;height:20px;border-radius:5px;background:var(--accent);flex:none;
  display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}
.thud .crumb{font-size:13px;font-weight:700;color:var(--foreground);flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thud .crumb small{color:var(--highlight);font-weight:600;font-size:11px;margin-left:3px}
.thud .streak{font-size:11px;color:var(--muted);flex:none;
  font-variant-numeric:tabular-nums;display:none}
.thud .streak.on{display:inline}
.thud .streak b{color:var(--highlight);font-weight:700}
/* 练习进行中(focus 态)整条 HUD 降透明,让位给当前 unit —— monkeytype focus 师承 */
body.focus .thud{opacity:.25;transition:opacity .3s}
body.focus .thud:hover{opacity:1}