/* Match3 Journey: game-map hierarchy inspired by the readable Tetris Journey. */
.m3j-chapter{border-radius:34px!important;box-shadow:inset 0 1px #ffffff18,inset 0 0 100px #0307128f,0 28px 85px #0009!important}
.m3j-chapter>header{width:min(680px,calc(100% - 28px));margin:4px auto 40px!important;padding:17px 21px!important;border-color:color-mix(in srgb,var(--map-accent) 25%,transparent)!important;border-radius:22px!important;background:linear-gradient(135deg,#0b1020d9,#161127c4)!important;box-shadow:inset 0 1px #ffffff16,0 18px 45px #0007!important}
.m3j-chapter>header:before{content:"✦";float:left;display:grid;width:38px;height:38px;margin:1px 13px 4px 0;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--map-accent),var(--map-accent-2));box-shadow:0 0 24px color-mix(in srgb,var(--map-accent) 48%,transparent);color:#fff;font-size:17px}
.m3j-chapter>header h2{letter-spacing:-.025em}.m3j-chapter>header p{max-width:610px!important;color:#d5dbea!important;font-size:13px!important}
.m3j-map{width:min(100%,880px);gap:33px!important;padding:8px 7% 92px!important}
.m3j-map:before{display:none!important}
.m3j-node,.m3j-node:nth-child(even){width:60%!important;min-height:88px!important;gap:15px!important;align-items:center;animation:none!important}
.m3j-node>a,.m3j-lock{width:76px!important;height:76px!important;flex:0 0 76px!important;border:3px solid #ffffffb5!important;border-radius:50%!important;box-shadow:0 0 0 7px #080b18dc,0 14px 30px #0009,0 0 25px color-mix(in srgb,var(--map-accent) 38%,transparent)!important}
.m3j-node>a>span,.m3j-lock>span{font-size:23px!important;text-shadow:0 2px 12px #0009}.m3j-node>a>i,.m3j-lock>i{font-size:12px!important}
.m3j-node.current>a{box-shadow:0 0 0 7px #080b18dc,0 0 0 11px color-mix(in srgb,var(--map-accent) 18%,transparent),0 14px 30px #0009,0 0 34px color-mix(in srgb,var(--map-accent) 56%,transparent)!important}
.m3j-page .m3j-map .m3j-node .m3j-node-copy{display:flex;max-width:250px;min-width:0;min-height:76px;box-sizing:border-box;flex-direction:column;justify-content:center;padding:12px 15px!important;border:1px solid #b5c3e54d!important;border-radius:14px!important;background:#111a2bf5!important;box-shadow:0 3px 0 #050a16aa,inset 0 1px #ffffff12!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none!important;transform:none!important}
.m3j-page .m3j-map .m3j-node-copy:after{display:none}
.m3j-page .m3j-map .m3j-node.current .m3j-node-copy{border-color:#a7baff!important;background:#19253bf5!important}
.m3j-page .m3j-map .m3j-node.completed .m3j-node-copy{border-color:#d6b86780!important}
.m3j-page .m3j-map .m3j-node>a:focus-visible{outline:3px solid #fff;outline-offset:8px}
.m3j-page .m3j-map .m3j-node>a,.m3j-page .m3j-map .m3j-lock{animation:none!important}
.m3j-page .m3j-map .m3j-node.locked .m3j-lock{opacity:1;filter:none;background:linear-gradient(145deg,#354563,#1b273c)!important;border-color:#8b9ab4!important}
.m3j-world-switcher{background:#080b18f2!important;box-shadow:inset 0 1px #ffffff18,0 14px 34px #000b!important}
.m3j-chapter{scroll-margin-top:160px}

.m3j-node:nth-child(odd) .m3j-node-copy{align-items:flex-start;text-align:left}.m3j-node:nth-child(even) .m3j-node-copy{align-items:flex-end;text-align:right}
.m3j-page .m3j-map .m3j-node-copy small{margin-bottom:4px;color:#cbd5e1!important;font-size:11px!important;line-height:1.35;letter-spacing:.02em!important;text-shadow:none!important}
.m3j-page .m3j-map .m3j-node-copy strong{max-width:100%;overflow:visible!important;color:#fff!important;font-size:16px!important;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important;text-shadow:none!important}
.m3j-page .m3j-map .m3j-node-copy>span:not(.journey-chest-marker){margin-top:6px;color:#ffe49b!important;font-size:17px!important;line-height:1.2;letter-spacing:.1em;text-shadow:none!important}.m3j-page .m3j-map .m3j-node-copy>b{margin-top:4px;color:#dbeafe!important;font-size:11px!important;text-shadow:none!important}
.m3j-route,.m3j-node:nth-child(even) .m3j-route{top:52%!important;width:calc(100% + 20px)!important;height:78px!important;border-width:0 0 4px 4px!important;border-style:solid!important;border-color:#64748b3d!important;border-radius:0 0 0 68px!important;background:none!important;filter:none!important;box-shadow:none!important}
.m3j-node:nth-child(odd) .m3j-route{left:38px!important}.m3j-node:nth-child(even) .m3j-route{right:38px!important;left:auto!important;border-width:0 4px 4px 0!important;border-radius:0 0 68px 0!important}
.m3j-route.traversed,.m3j-chapter-3 .m3j-route.traversed{border-color:color-mix(in srgb,var(--map-accent) 70%,#fde68a)!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--map-accent) 45%,transparent))!important}
.m3j-node.locked{opacity:1}.m3j-node.locked .m3j-lock{opacity:.66}.m3j-node.locked .m3j-node-copy strong{color:#d2d8e4}.m3j-node.completed .m3j-node-copy small{color:#fde68a!important}
.m3j-node.special .m3j-node-copy strong,.m3j-node.boss .m3j-node-copy strong{color:#fff4bd;text-shadow:0 0 18px color-mix(in srgb,var(--map-accent) 60%,transparent),0 3px 14px #000}
.m3j-chapter-3{background-image:linear-gradient(180deg,#05051899,#09051ba6 48%,#12062594),url('/assets/images/match3/m3j-chapter3-spectrum-heart-v1.webp?v=1')!important;background-blend-mode:multiply,normal!important}
.m3j-chapter-3 .m3j-atmosphere{opacity:.3!important}

.m3j-chapter-3 .m3j-node-copy small{color:#a5f3fc!important}.m3j-chapter-3 .m3j-node-copy strong{color:#fff!important;text-shadow:0 2px 12px #000,0 0 10px #000!important}.m3j-chapter-3 .m3j-node-copy>span{color:#fde68a!important}
.m3j-chapter-3 .m3j-node>a,.m3j-chapter-3 .m3j-lock{width:76px!important;height:76px!important;aspect-ratio:1!important;flex:0 0 76px!important;border-radius:50%!important}

@media(max-width:700px){
 .m3j-chapter-3 .m3j-node>a,.m3j-chapter-3 .m3j-lock{width:66px!important;height:66px!important;flex-basis:66px!important}
 .m3j-chapter{margin-inline:0!important;padding:13px 8px 22px!important;border-radius:25px!important}
 .m3j-chapter>header{width:calc(100% - 12px);margin:2px auto 32px!important;padding:14px 15px!important;border-radius:19px!important}
 .m3j-chapter>header:before{width:33px;height:33px;margin-right:10px}.m3j-chapter>header h2{font-size:24px!important}.m3j-chapter>header p{font-size:11px!important}
 .m3j-map{gap:25px!important;padding:3px 7px 78px!important}
 .m3j-node,.m3j-node:nth-child(even){width:100%!important;min-height:91px!important;gap:12px!important;padding:0 22px 0 4px!important}
 .m3j-node:nth-child(even){padding:0 4px 0 22px!important}
 .m3j-node>a,.m3j-lock{width:66px!important;height:66px!important;flex-basis:66px!important;box-shadow:0 0 0 6px #080b18dc,0 12px 25px #0008,0 0 20px color-mix(in srgb,var(--map-accent) 34%,transparent)!important}
 .m3j-node>a>span,.m3j-lock>span{font-size:20px!important}
 .m3j-page .m3j-map .m3j-node .m3j-node-copy{max-width:calc(100% - 78px);min-height:76px;padding:10px 12px!important}

 .m3j-page .m3j-map .m3j-node-copy strong{font-size:15px!important}
 .m3j-route,.m3j-node:nth-child(even) .m3j-route{top:50%!important;width:calc(100% - 66px)!important;height:71px!important}
 .m3j-node:nth-child(odd) .m3j-route{left:33px!important}.m3j-node:nth-child(even) .m3j-route{right:33px!important}
}
@media(max-width:360px){.m3j-node,.m3j-node:nth-child(even){padding-right:13px!important}.m3j-node:nth-child(even){padding-right:4px!important;padding-left:13px!important}}
@media(prefers-reduced-motion:reduce){.m3j-node,.m3j-node *{transition:none!important}}