.camera img{position:absolute;width:300%;height:300%;max-width:none;left:calc(var(--x)*-100%);top:calc(var(--y)*-100%);object-fit:fill;filter:saturate(.65) contrast(1.16) brightness(.82);transition:.5s}
.camera:hover img{transform:none;filter:saturate(1) contrast(1.1) brightness(1)}
.camera.incident{box-shadow:inset 0 0 0 1px #ff3b30}
.camera.incident:before{content:"";position:absolute;z-index:3;inset:15% 25% 20%;border:1px solid #ff4c43;animation:target 1.5s infinite}
.camera .detection{position:absolute;z-index:5;left:5px;bottom:5px;color:#fff;background:#b71816e8;padding:3px 5px;font-size:5px;letter-spacing:.4px}
.camera .confidence{position:absolute;z-index:5;right:5px;bottom:5px;color:#ffdb57;background:#081019dd;padding:3px 4px;font-size:5px;font-style:normal}
.camera.analytic-safe{box-shadow:inset 0 0 0 1px #20d98b}.camera.analytic-safe:before{border-color:#20d98b}.camera.analytic-safe .detection{background:#087f55e8}.camera.analytic-safe .confidence{color:#43e8a6}
.camera.analytic-face:before{inset:18% 34% 27%;border-radius:45% 45% 38% 38%}
.face-points{position:absolute;z-index:5;left:50%;top:35%;transform:translate(-50%,-50%);color:#00d5ff;text-decoration:none;font-size:5px;line-height:4px;letter-spacing:2px}
.tripwire{position:absolute;z-index:4;width:130%;height:1px;left:-15%;top:54%;background:#ff3b30;box-shadow:0 0 8px #ff3b30;transform:rotate(-18deg);text-decoration:none}
.tripwire:after{content:"LÍNEA VIRTUAL";position:absolute;right:8px;bottom:2px;color:#ff746e;font-size:4px;letter-spacing:.5px}
.camera.analytic-object:before{inset:58% 40% 9% 28%}.camera.analytic-fallen:before{inset:52% 18% 9% 18%;transform:rotate(8deg)}
.edge-note{display:flex;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid #14344a;background:linear-gradient(90deg,#04101b,#071a29);font-size:7px;color:#8294a4}.edge-note strong{color:#00b8ff;letter-spacing:.8px}.edge-note span{margin-left:auto}
@keyframes target{50%{border-color:#ffb000;box-shadow:0 0 16px #ff3b30}}