/* Artist-supplied purple mask pattern for the purple-mode preview. */
html[data-purple="true"] body{background-image:url('/purple-mask-pattern.png');background-size:1400px 1400px;background-repeat:repeat}

/* Smaller original tiles, rotated and mirrored without changing the artwork. */
.purple-pattern-tiles{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.purple-pattern-tiles>div{position:absolute;width:700px;height:700px;background:url('/purple-mask-pattern.png') center/700px 700px}
html[data-purple="true"] body{position:relative;isolation:isolate;background-image:none}
html[data-purple="true"] .purple-pattern-tiles{display:block}



html[data-purple="true"] .lore-hero h1{color:#000}
html[data-purple="true"] .mask-reveal h3{color:#000}
html[data-purple="true"] .launch-memes img{mix-blend-mode:multiply}
/* Meme references beside the NFT examples, on both homepage and Krak Heads. */
html[data-purple="true"] :is(.dna-trait,.dna-meme){mix-blend-mode:multiply}
html[data-purple="true"] .tool-profile .profile-circle{background:transparent;mix-blend-mode:multiply}

html[data-purple="true"] #krak-preview{--km-paper:transparent;--km-ink:#110b1b;--km-tint:#a687ff;background:transparent;color:#110b1b}

html[data-purple="true"] #krak-preview h1 em{color:#fff}
html[data-purple="true"] #krak-preview .km-note{color:#110b1b}