/* Brush marks occupy the existing collage layer and never intercept input. */
.paint-x,.paint-mark,.art-brush-stamp {pointer-events:none;user-select:none;}
.paint-x canvas,.paint-mark canvas,.art-brush-stamp canvas {display:block;width:100%;height:100%;max-width:none;}
.paint-x,.art-brush-stamp {translate:var(--paint-nudge-x,0px) var(--paint-nudge-y,0px);}
.hero-paint-x {top:auto;right:0;bottom:11%;width:165px;height:165px;opacity:1;}
.sound-big-x {left:3%;bottom:20px;width:145px;height:145px;opacity:1;}
.art-brush-stamp {top:auto;left:0;bottom:-25px;width:145px;height:145px;transform:rotate(8deg);opacity:1;z-index:5;}
.paint-mark {position:absolute;z-index:6;width:clamp(85px,11vw,125px);aspect-ratio:1;translate:var(--paint-nudge-x,0px) var(--paint-nudge-y,0px);transform:rotate(var(--paint-turn,0deg));}
.paint-mark--left {left:-35px;bottom:-12px;}
.paint-mark--right {right:-30px;bottom:-22px;}
.paint-mark--closing {right:4%;bottom:25px;}
.paint-mark--coast {right:-30px;bottom:-25px;}
@media(max-width:700px){
 .hero-paint-x {top:auto;right:0;bottom:10%;width:115px;height:115px;transform:rotate(-8deg);}
 .sound-big-x {left:-12px;bottom:22px;width:94px;height:94px;}
 .art-brush-stamp {top:auto;left:-5px;bottom:-18px;width:105px;height:105px;}
 .paint-mark {width:85px;}
 .paint-mark--left {left:-23px;bottom:-8px;}
 .paint-mark--right,.paint-mark--coast {right:-20px;bottom:-15px;}
}