.scroll-cue { margin-top: 22px; font-size: 13px; color: var(--ink-3); animation: bob 2s ease-in-out infinite; }
@keyframes bob { 50% { transform: translateY(5px); } }
.ceil-line { position: absolute; top: -8px; bottom: -8px; left: calc(160px + (100% - 222px) * var(--x-num, 0)); border-left: 2px dashed var(--ink-3); pointer-events: none; }
.loss-svg { width: 100%; height: auto; max-height: 52vh; }
.loss-svg text { font: 700 12px var(--font); fill: var(--ink); }
.loss-svg .lbl-sm { font: 500 10.5px var(--mono); fill: var(--ink-3); }
.replay { align-self: flex-start; margin-top: 8px; font-size: 13px; padding: 5px 13px; }
.big-num { margin-top: 20px; font-size: 44px; font-weight: 900; color: var(--accent-ink); line-height: 1; }
.big-num small { font-size: 15px; font-weight: 700; color: var(--ink-2); }
.xfade { position: relative; aspect-ratio: 1 / 1; max-height: 58vh; border-radius: 12px; overflow: hidden; background: #000; }
.xfade img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.xfade img.b, .xfade .xf-tag.b { animation: xf 5s ease-in-out infinite; }
.xfade .xf-tag.a { animation: xf 5s ease-in-out infinite reverse; }
.xf-tag { position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: 999px; font: 700 12px var(--font); color: #fff; background: rgba(0,0,0,.6); }
.xf-tag.b { background: var(--accent); }
@keyframes xf { 0%, 30% { opacity: 0; } 50%, 80% { opacity: 1; } 100% { opacity: 0; } }
.attn-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.attn-meta { font-size: 14px; color: var(--ink-2); margin-top: 10px; }
.time-label { display: block; font-size: 14px; color: var(--ink-2); margin-bottom: 6px; }
.time-range { width: 100%; accent-color: var(--accent); margin: 0 0 10px; }
.tsf-frame { margin-top: 12px; border-radius: 10px; overflow: hidden; max-width: 180px; }
.tsf-frame img { display: block; width: 100%; }
@media (max-width: 760px) { .attn-layout { grid-template-columns: 1fr; } .mbar { grid-template-columns: 110px 1fr 46px; } .ceil-line { left: calc(120px + (100% - 176px) * var(--x-num, 0)); } }

.h {
  display: flex;
  align-items: center; 
  font-size: 22px;
  font-weight: 555;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #2c2c2c;
  letter-spacing: 0.5px;
}

.h img {
    width: 1.6em;
    height: 1.6em;
    vertical-align: middle;
    margin-right: 0.5em;
}

.fig-frame img{
  max-height: 320px;
  width: auto;
}

#human_consistency .stats {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(32px,1fr));
  margin: 0;
  grid-template-rows: auto;
  margin-top: -8px;
}

#human_consistency .stat {
  background:#f8faff;
  border:1px solid rgba(151,168,194,.28);
  border-radius:14px;
  padding:3px 12px;
}

#human_consistency .stat-label{
  display:block;
  color:#6b7a90;
  font-size:11px;
  letter-spacing:0.12em;
  margin-bottom:4px;
  font-weight:600;
}

#human_consistency .stat strong{
  display:block;
  font-size:14px;
  letter-spacing:0.05em;
  color:#4A90D9;
}

#human_consistency .stat small{
  color:#6a7a94;
  font-weight:600;
  font-size:11px;
}

@media (max-width: 100%){
  #human_consistency .stats{grid-template-columns:1fr}
}