/* Opening the recorder, the film strip, findings that point at evidence, and the verdict stamp. */


/* ---------- film strip scrubber ---------- */
.film{display:flex;align-items:center;gap:10px;margin-top:14px}
.film-reel{flex:none;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#1C1A16 14%,#5A4F3F 15% 22%,#2B251D 23% 70%,#5A4F3F 71%)}
body.scrubbing .film-reel{animation:spin 2s linear infinite}
.film-strip{position:relative;flex:1;min-width:0;height:44px;border-radius:3px;background:#1C1A16;
  background-image:repeating-linear-gradient(90deg,#EEE8D8 0 6px,transparent 6px 14px),repeating-linear-gradient(90deg,#EEE8D8 0 6px,transparent 6px 14px);
  background-size:100% 5px,100% 5px;background-position:0 4px,0 calc(100% - 4px);background-repeat:repeat-x}
.film-ticks{position:absolute;left:10px;right:10px;top:13px;bottom:13px;pointer-events:none}
.film-ticks i{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;opacity:.95}
#scrub{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0 2px;background:transparent;-webkit-appearance:none;appearance:none;cursor:ew-resize;z-index:2}
#scrub::-webkit-slider-runnable-track{height:44px;background:transparent}
#scrub::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:44px;border:3px solid #B3261E;background:rgba(243,211,74,.18);border-radius:2px}
#scrub::-moz-range-track{height:44px;background:transparent}
#scrub::-moz-range-thumb{width:16px;height:38px;border:3px solid #B3261E;background:rgba(243,211,74,.18);border-radius:2px}
#scrub:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* while the film is scrubbed, wallets that have not entered yet fade back, fresh arrivals glow */
#fundMap .card,.ledger tr{transition:opacity .25s}
#fundMap .card.future,.ledger tr.future{opacity:.22}
#fundMap .card.fresh-in rect{stroke:#B3261E;stroke-width:3}
.ledger tr.fresh-in td{background:rgba(179,38,30,.12)}

/* ---------- findings point at their evidence ---------- */
.findings li{cursor:pointer;border-radius:3px;padding:2px 6px;margin:0 -6px;transition:background .15s}
.findings li:hover,.findings li.on,.findings li:focus-visible{background:rgba(28,26,22,.06);outline:none}
.findings li.on span::after{content:"  → see the evidence";font:700 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);white-space:nowrap}
body.tracing #fundMap .card:not(.ev-hit){opacity:.28}
body.tracing #fundMap .card.ev-hit rect{fill:#FFF3B8;stroke:#B3261E;stroke-width:2}
body.tracing .ledger tr:not(.ev-hit){opacity:.35}
body.tracing .ledger tr.ev-hit td{background:rgba(243,211,74,.5)}
body.tracing .hrow.ev-hit{background:rgba(243,211,74,.5)}

/* ---------- verdict stamp across the cover ---------- */
.verdict-stamp{position:relative;z-index:3;pointer-events:none;transform:rotate(-7deg);max-width:220px;text-align:center;font:800 26px/1.05 var(--display);letter-spacing:.1em;text-transform:uppercase;padding:.25em .5em .18em;border:5px double currentColor;border-radius:6px;opacity:.85;background:rgba(238,232,216,.3)}
.verdict-stamp.pending{display:none}
.verdict-stamp.cleared{color:#2F6B3A}
.verdict-stamp.review{color:#B07A00}
.verdict-stamp.rug{color:#B3261E}
.verdict-stamp.inked{animation:verdictIn .35s ease-out}
@keyframes verdictIn{from{transform:rotate(-7deg) translateY(-10px) scale(1.06);opacity:.4}}

@media (max-width:900px){
}
@media (prefers-reduced-motion:reduce){
  body.scrubbing .film-reel{animation:none}
  .verdict-stamp.inked{animation:none}
}