.map-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.map-heading h1{font-size:28px;letter-spacing:0;line-height:1.5;margin:7px 0}.map-heading p{font-size:14px;color:#65766d;margin:0}.map-heading .primary{white-space:nowrap;font-size:14px}.map-legend{display:flex;align-items:center;gap:18px;font-size:12px;margin-bottom:15px;color:#5f766b;flex-wrap:wrap}.map-legend>span{display:flex;align-items:center;gap:5px}.map-legend b{margin-left:auto;font-size:12px}.map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-current{background:#ff638b}.legend-done{background:#36b483}.adventure-map{height:2240px;position:relative;isolation:isolate;border-radius:32px;overflow:hidden;background:#67dbe1;border:5px solid white;box-shadow:0 6px 28px #25696718}.map-landscape{position:absolute;left:0;right:0;height:1120px;z-index:-2;background-image:url('adventure-map.png');background-size:cover;background-position:center;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 93%,transparent);pointer-events:none}.landscape-one{top:-35px}.landscape-two{top:1030px;transform:scaleX(-1)}.adventure-map:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#035e6a0d,transparent 25%,transparent 75%,#035e6a0d);pointer-events:none}.map-start-sign{position:absolute;top:22px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff8d8;border:3px solid #fff;border-radius:30px;box-shadow:0 4px 0 #277a6a44;padding:10px 18px;font-size:14px;font-weight:800}.map-start-sign span{font-weight:500;font-size:12px;margin-left:8px}.map-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.map-route path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:#37796560;stroke-width:12px}.route-dots{stroke:#fff6c8;stroke-width:7px;stroke-dasharray:3 15}.map-levels{padding:0;margin:0;list-style:none}.map-stop{position:absolute;left:var(--x);top:var(--y);transform:translateX(-50%);width:210px;text-align:center}.level-node{width:84px;height:76px;border-radius:50%;border:4px solid #fff;position:relative;background:linear-gradient(#ff87ae 0%,#ff5287 65%,#ef3574 100%);color:white;box-shadow:0 8px 0 #bb3465,0 13px 0 #ffffffbc,0 18px 17px #135f6d66;display:inline-grid;place-items:center;transform:rotate(-7deg)}.level-node:not(:disabled):hover{transform:translateY(-4px) rotate(0deg);box-shadow:0 11px 0 #bb3465,0 16px 0 #ffffffbc,0 24px 22px #135f6d55}.level-node:focus-visible{outline:5px solid #ffdf70;outline-offset:8px}.node-number{font-size:32px;line-height:1;font-weight:900;text-shadow:0 2px 0 #9e295866}.node-status{position:absolute;bottom:-12px;right:-7px;background:white;color:#cf3b70;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;box-shadow:0 2px 5px #165b5a30}.you-are-here{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) rotate(7deg);padding:6px 12px;background:#fff9df;color:#945725;border-radius:12px;font-size:13px;white-space:nowrap;box-shadow:0 3px 0 #c78d5655;animation:map-bob 2s ease-in-out infinite}.level-caption{margin-top:22px;display:inline-flex;flex-direction:column;align-items:center;padding:7px 13px;border-radius:17px;background:#ffffffed;box-shadow:0 4px 12px #155b681c;max-width:100%}.level-caption h2{font-size:16px;line-height:1.5;margin:0 0 2px;font-weight:900;color:#245b48}.level-caption p{font-size:12px;margin:0;color:#57776a}.map-stars{font-size:12px;margin-top:3px;color:#487666;line-height:1.5}.is-complete .level-node{background:linear-gradient(#84e785,#30b778);box-shadow:0 8px 0 #17875a,0 13px 0 #ffffffbc,0 18px 17px #135f6d66}.is-complete .node-status{color:#188150}.is-complete .map-stars{color:#b77d00;letter-spacing:3px;font-size:17px}.is-locked .level-node{background:linear-gradient(#c4e0e7,#86b6c6);box-shadow:0 8px 0 #668f9f,0 13px 0 #ffffffb0,0 18px 17px #135f6d50}.is-locked .node-number{color:#f5fdff;text-shadow:0 2px 0 #4e7d8b66}.is-locked .level-caption{background:#f0fbf3e8}.is-locked .level-caption h2{color:#4f756c}.is-current .level-node{animation:map-glow 2s ease-in-out infinite}.map-treasure{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:85%;max-width:540px;display:flex;align-items:center;gap:14px;text-align:left;padding:15px 20px;border:3px solid white;border-radius:23px;background:linear-gradient(#fff7ce,#ffdf87);box-shadow:0 6px 0 #b9a250,0 10px 20px #39766955}.map-treasure:not(:disabled):hover{transform:translate(-50%,-3px)}.treasure-icon{font-size:39px}.map-treasure strong{font-size:17px;display:block}.map-treasure small{font-size:12px;display:block;margin-top:5px}.map-treasure>b{margin-left:auto}.map-treasure:disabled{color:#7e704e}.home-layout>aside{align-self:start;position:sticky;top:20px}.home-layout{align-items:start}@keyframes map-bob{50%{translate:0 -5px}}@keyframes map-glow{50%{filter:drop-shadow(0 0 10px #ffe788)}}@media(max-width:1050px){.map-heading{display:block}.map-heading .primary{margin-top:16px}.map-heading h1{font-size:25px}}@media(max-width:760px){.map-heading h1{font-size:24px}.map-heading{margin-bottom:18px}.map-heading p{font-size:14px}.map-heading .primary{margin-top:14px}.map-legend{gap:10px}.adventure-map{border-width:3px;border-radius:25px;margin:0 -4px}.map-landscape{background-size:auto 1120px}.map-start-sign{padding:9px 12px;font-size:12px}.map-start-sign span{font-size:11px;margin-left:4px}.level-caption{padding:6px 10px}.level-caption h2{font-size:15px}.level-caption p,.map-stars{font-size:12px}.map-stop{width:180px}.level-node{width:77px;height:71px}.map-treasure{width:92%;padding:14px 12px;gap:9px}.map-treasure strong{font-size:15px}.map-treasure small{font-size:12px}.treasure-icon{font-size:32px}.home-layout>aside{position:static}.home-layout{gap:25px}.map-heading+.map-legend b{font-size:11px}}@media(prefers-reduced-motion:reduce){.you-are-here,.is-current .level-node{animation:none}}