.forensic-gadget{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(125,81,43,.24);
  border-radius:22px;
  padding:13px;
  background:
    radial-gradient(circle at 15% 0,rgba(47,159,99,.16),transparent 32%),
    linear-gradient(145deg,#1e1510,#0f0907);
  color:#fff7e8;
  box-shadow:0 14px 42px rgba(0,0,0,.18);
}

.forensic-gadget.shake,
.card-zone.shake{
  animation:forensicShake .34s ease both;
}

@keyframes forensicShake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-6px)}
  50%{transform:translateX(5px)}
  75%{transform:translateX(-3px)}
}

.forensic-gadget__head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

.forensic-gadget__head span{
  border-radius:999px;
  padding:4px 8px;
  background:rgba(47,159,99,.16);
  color:#aef3c2;
  font-size:11px;
  font-weight:1000;
}

.forensic-gadget__head b{
  color:#ffe29d;
  font-size:15px;
}

.forensic-gadget p{
  margin:10px 0;
  color:#e8d1ae;
  font-size:12px;
  line-height:1.55;
}

.forensic-gadget__readout{
  display:flex;
  justify-content:space-between;
  align-items:end;
  margin:7px 0;
}

.forensic-gadget__readout span{
  color:#d6c1a1;
  font-size:12px;
  font-weight:900;
}

.forensic-gadget__readout b{
  font-size:28px;
  color:#fff4c6;
  line-height:1;
}

.forensic-gadget__range{
  width:100%;
  accent-color:#f0c36c;
}

.forensic-gadget__zone{
  margin-top:4px;
  color:#aef3c2;
  font-size:11px;
  font-weight:900;
}

.forensic-gadget__hold{
  position:relative;
  isolation:isolate;
  width:100%;
  margin-top:10px;
  overflow:hidden;
}

.forensic-gadget__hold:disabled{
  opacity:.62;
  cursor:not-allowed;
}

.forensic-gadget__fill{
  position:absolute;
  inset:0 auto 0 0;
  z-index:-1;
  width:0%;
  background:linear-gradient(90deg,rgba(47,159,99,.38),rgba(255,255,255,.24));
  transition:width .04s linear;
}

.forensic-gadget__hold.charging{
  box-shadow:0 0 0 5px rgba(47,159,99,.23),0 14px 32px rgba(0,0,0,.22) !important;
}

.forensic-gadget__result{
  margin-top:9px;
  border-radius:14px;
  padding:9px 10px;
  background:rgba(255,255,255,.07);
  color:#ead2ac;
  font-size:12px;
  line-height:1.45;
}

.forensic-gadget.solved{
  border-color:rgba(93,212,128,.48);
}

.fake-evidence{
  border-left-color:#be3c35 !important;
  background:linear-gradient(145deg,#fff5eb,#ffdcd2) !important;
}

.forensic-fake-tag{
  display:inline-flex;
  margin-top:8px;
  border-radius:999px;
  padding:3px 8px;
  background:rgba(190,60,53,.12);
  color:#93332c;
  font-size:11px;
  font-weight:1000;
}

.forensic-warning{
  margin-top:10px;
  border-radius:14px;
  padding:9px 10px;
  background:rgba(190,60,53,.1);
  color:#81322d;
  font-size:12px;
  font-weight:900;
  line-height:1.45;
}