/* Keep movable layers inside the painting until the claw approaches. */
.art-object{filter:none;mix-blend-mode:normal;opacity:1;transition:filter .25s,transform .25s}
.art-object:hover,.art-object.targeted{filter:brightness(1.04)}.art-object.held{filter:drop-shadow(0 10px 8px #0009);transform:translateY(-2px)}
.art-object .shape{background-size:100% 100%;background-position:center;border:0;outline:0;box-shadow:none;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,#000 65%,#000e 79%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 65%,#000e 79%,transparent 100%)}
.art-object .shape:after{content:'';position:absolute;inset:0;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.18' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.art-object.window .shape,.art-object.cloth .shape{-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);border-radius:2px;background-size:100% 100%}
.art-object.cloud .shape{-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 48%,#000e 70%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 55%,#000 48%,#000e 70%,transparent 100%);filter:none;box-shadow:none}
.art-object.apple .shape{-webkit-mask-image:radial-gradient(ellipse at 50% 57%,#000 56%,#000e 70%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 57%,#000 56%,#000e 70%,transparent 78%);border-radius:48% 52% 45% 48%}
.art-object.flower .shape{-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 45%,#000e 67%,transparent 78%);mask-image:radial-gradient(circle at 50% 48%,#000 45%,#000e 67%,transparent 78%);border-radius:50%}
.art-object.hat .shape{-webkit-mask-image:radial-gradient(ellipse at 50% 60%,#000 53%,#000e 72%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 60%,#000 53%,#000e 72%,transparent 80%)}
.art-object.hand .shape{-webkit-mask-image:radial-gradient(ellipse at 55% 50%,#000 48%,#000e 68%,transparent 82%);mask-image:radial-gradient(ellipse at 55% 50%,#000 48%,#000e 68%,transparent 82%)}
.art-object.shadow .shape,.art-object.light .shape{filter:none;opacity:.92;box-shadow:none;outline:0}
.art-object.layered .shape{background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;-webkit-mask-image:none!important;mask-image:none!important;border:0!important;border-radius:0!important;filter:none!important;box-shadow:none!important;outline:0!important;transform:none!important}
.art-object.layered .shape:after{display:none}
.art-object.layered{filter:sepia(.1) saturate(.88) contrast(.96)}
.art-object.layered.held{filter:sepia(.05) saturate(.92) drop-shadow(0 12px 9px #0009)}
.art-object.layered.apple:after{content:'';position:absolute;z-index:-1;left:15%;right:15%;bottom:5%;height:13%;border-radius:50%;background:#17140e80;filter:blur(6px);transform:skewX(-18deg)}
.art-object.layered.flower:after{content:'';position:absolute;z-index:-1;left:42%;bottom:4%;width:22%;height:12%;border-radius:50%;background:#17140e66;filter:blur(5px)}
.art-object.layered.hand:after{content:'';position:absolute;z-index:-1;left:6%;top:28%;width:55%;height:35%;background:#17140e4d;filter:blur(9px);transform:rotate(12deg)}

/* The generated background plate already contains the underpainting. Scars only
   add a restrained rim of disturbed pigment instead of a synthetic placeholder. */
.scar{background:radial-gradient(ellipse at center,transparent 54%,rgba(54,47,31,.08) 70%,rgba(205,190,145,.12) 84%,transparent 100%)!important;border:0!important;border-radius:42% 48% 45% 50%!important;box-shadow:inset 0 0 12px rgba(21,18,12,.16),0 0 7px rgba(170,150,105,.08)!important;filter:none!important;mix-blend-mode:multiply;opacity:.72;pointer-events:none}
.scar:before{content:'';position:absolute;inset:8%;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.08 .65' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(ellipse,transparent 45%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse,transparent 45%,#000 78%,transparent 100%)}
.scar:after{content:''!important;display:none!important}