/* ===== 商業施設ページ 節ごとの出方（採用・js/plan-mall-enter.js） ===== */
.me-rule { position: absolute; left: 0; right: 0; top: -1px; height: 1px; pointer-events: none; }
/* 検出の枠（hero の印と同じ Violet 60%） */
.me-det { position: absolute; inset: 10px; z-index: 3; pointer-events: none; transform-origin: 50% 50%; }
.me-det i { position: absolute; width: 18px; height: 18px; border: 0 solid rgb(81 35 118 / .6); }
.me-det i:nth-child(1) { left: 0; top: 0; border-width: 2px 0 0 2px; } .me-det i:nth-child(2) { right: 0; top: 0; border-width: 2px 2px 0 0; }
.me-det i:nth-child(3) { left: 0; bottom: 0; border-width: 0 0 2px 2px; } .me-det i:nth-child(4) { right: 0; bottom: 0; border-width: 0 2px 2px 0; }
/* 走査線 */
.me-scan { position: absolute; pointer-events: none; z-index: 3; background: var(--a-violet); }
.me-scan--x { left: 0; right: 0; top: 0; height: 1px; transform-origin: 0 50%; }
.me-scan--y { left: 0; right: 0; top: 0; height: 1px; box-shadow: 0 0 0 .5px rgb(255 255 255 / .5); }
/* 導入フローの点 */
.me-dot { position: absolute; left: 0; top: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--a-violet); pointer-events: none; z-index: 2; }
/* 活用例のカード: 入るまで隠す（JS が付ける印。JS なしでは付かない） */
.me-wait { opacity: 0; }
.me-cover { position: absolute; inset: 0; z-index: 2; transform-origin: 50% 100%; pointer-events: none; }