/* evidence-wall layer: preview */
.canvas .threads{position:absolute;left:0;top:0;pointer-events:none;z-index:4;overflow:visible}
.threads path{fill:none;stroke:#c74335;stroke-width:2;stroke-linecap:round;opacity:.82;filter:drop-shadow(1px 2px 1px rgba(60,20,10,.25))}
.art{position:absolute;transform:rotate(var(--r));transform-origin:center;pointer-events:none;z-index:3;filter:drop-shadow(0 14px 14px rgba(60,40,10,.22)) drop-shadow(0 2px 3px rgba(60,40,10,.16))}
.art svg,.art img.ph{display:block;width:100%;height:auto}
.art .pin{margin:-4px 0 0 -13px}
.art .tape-s{position:absolute;left:50%;top:-9px;width:88px;height:20px;margin-left:-44px;background:rgba(226,208,160,.84);box-shadow:0 1px 2px rgba(60,40,10,.2);transform:rotate(-3deg)}
.art .cap{position:absolute;left:0;top:100%;margin-top:12px;font:15px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#5d5648;white-space:nowrap}
.art .cap b{display:inline-block;background:#2a2620;color:#f4f1e6;font-weight:400;padding:0 6px;margin-right:8px;border-radius:2px}
#canvas>.pin{position:absolute;z-index:5}
.lab-strip{position:absolute;transform:rotate(var(--r));background:#1d1b17;color:#f4f1e6;font:20px/1 var(--mono);letter-spacing:.14em;padding:9px 16px;box-shadow:0 6px 8px rgba(40,25,5,.25);z-index:3;pointer-events:none;white-space:nowrap}
.lab-strip small{display:block;font-size:13px;letter-spacing:.1em;opacity:.65;margin-top:5px}
.lab-h{background:#c9b88f;color:#3a2f18}
.is-home .panel .cities{display:inline-block;opacity:.78;margin-top:30px;padding:5px 16px 3px;border:3px solid #8B0000;border-radius:5px;color:#8B0000;transform:rotate(-2.2deg);letter-spacing:.06em;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(circle at 18% 40%,#000 55%,rgba(0,0,0,.72) 100%);box-shadow:inset 0 0 0 1px rgba(139,0,0,.25)}
@media(max-width:640px){.art .cap{font-size:17px}}
#canvas>.tack{position:absolute;z-index:5;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e98a7e,#c74335 60%,#7d1f17);box-shadow:1px 3px 3px rgba(40,25,5,.4)}
.sticky{position:absolute;transform:rotate(var(--r));z-index:3;background:linear-gradient(160deg,#f3df80,#e8cf65);color:#504125;font:16px/1.15 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:14px 16px 12px;min-width:120px;max-width:170px;box-shadow:0 8px 8px rgba(60,40,10,.22);pointer-events:none}
.sticky::before{content:"";position:absolute;left:50%;top:-8px;width:60px;height:16px;margin-left:-30px;background:rgba(226,208,160,.7)}
/* v3 pin variety */
.pn{position:absolute;z-index:5;pointer-events:none;margin:-8px 0 0 -8px}
.pn-push{width:24px;height:24px;margin:-10px 0 0 -12px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 9%,transparent 10%),radial-gradient(circle at 40% 36%,color-mix(in srgb,var(--pc) 70%,#fff),var(--pc) 55%,color-mix(in srgb,var(--pc) 55%,#000));box-shadow:2px 6px 7px rgba(40,25,5,.38),inset -2px -3px 5px rgba(0,0,0,.28)}
.pn-tack{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9c9c4 40%,#7d7d78);box-shadow:1px 3px 3px rgba(40,25,5,.45),0 0 0 1px rgba(0,0,0,.18)}
.pn-map{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd0c8,#d23c2c 55%,#6b1810);box-shadow:0 0 0 3px rgba(255,255,255,.0),1px 3px 3px rgba(40,25,5,.45)}
.pn-map::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:7px;margin-left:-1px;background:#8a8a85;border-radius:0 0 2px 2px;opacity:.7}
.pn-pearl{width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#f1eee4 30%,#d4cfbf 70%,#a39d8c);box-shadow:2px 5px 5px rgba(40,25,5,.35),inset -1px -2px 3px rgba(0,0,0,.18)}
.pn-needle{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 10%,var(--pc) 12%,color-mix(in srgb,var(--pc) 60%,#000));box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 30%,transparent),3px 7px 6px rgba(40,25,5,.4)}
.art img.ph{background:#f4f1e6}
/* v3.1 pins: bigger + stronger */
.pn{transform:scale(2.1);filter:drop-shadow(0 3px 2px rgba(30,18,4,.45));outline:1px solid rgba(0,0,0,.22);border-radius:50%}
.pn-tack{background:radial-gradient(circle at 35% 30%,#fff,#b9b9b3 40%,#5f5f5a)}
/* v4.1: one pin language, transparent cutouts */
.art img.ph[src*="ai-"]{background:transparent}
.pn{transform:scale(2.3);outline:1.5px solid rgba(60,10,5,.45)}
/* v4.3: no floating captions, pins a notch smaller */
.art .cap{display:none}
.pn{transform:scale(1.9)}
