:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--map-active:#fff875;--map-dim:#5b5937;background:#000}*{box-sizing:border-box}html,body,.village-map{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}body.is-leaving-map{pointer-events:none}.village-map{isolation:isolate;position:relative}.village-map.is-zooming{pointer-events:none}.village-map:after{z-index:2;pointer-events:none;content:"";background:radial-gradient(circle,#0000 43%,#0000009e 100%);position:fixed;inset:0}.village-map__canvas,.village-map__milestones{width:100%;height:100%;position:absolute;inset:0}.village-map__milestones{z-index:3;pointer-events:none;margin:0}.milestone{aspect-ratio:1;width:clamp(44px,10vw,60px);color:var(--map-dim);opacity:.4;pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.milestone:before{content:"";background:currentColor;width:88%;height:82%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 52'%3E%3Cpath d='M28.5 24C36.4 24 42 29.1 42 36.6S36.5 47 28.5 47 15 44.1 15 36.6 20.6 24 28.5 24Z'/%3E%3Cellipse cx='8.5' cy='22.5' rx='5.5' ry='7.5' transform='rotate(-28 8.5 22.5)'/%3E%3Cellipse cx='20.5' cy='10.5' rx='5.5' ry='7.5' transform='rotate(-10 20.5 10.5)'/%3E%3Cellipse cx='35.5' cy='10.5' rx='5.5' ry='7.5' transform='rotate(10 35.5 10.5)'/%3E%3Cellipse cx='47.5' cy='22.5' rx='5.5' ry='7.5' transform='rotate(28 47.5 22.5)'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 52'%3E%3Cpath d='M28.5 24C36.4 24 42 29.1 42 36.6S36.5 47 28.5 47 15 44.1 15 36.6 20.6 24 28.5 24Z'/%3E%3Cellipse cx='8.5' cy='22.5' rx='5.5' ry='7.5' transform='rotate(-28 8.5 22.5)'/%3E%3Cellipse cx='20.5' cy='10.5' rx='5.5' ry='7.5' transform='rotate(-10 20.5 10.5)'/%3E%3Cellipse cx='35.5' cy='10.5' rx='5.5' ry='7.5' transform='rotate(10 35.5 10.5)'/%3E%3Cellipse cx='47.5' cy='22.5' rx='5.5' ry='7.5' transform='rotate(28 47.5 22.5)'/%3E%3C/svg%3E") 50%/contain no-repeat}.milestone--active{color:var(--map-active);opacity:1;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 4px #fff8754d);animation:1.7s ease-in-out infinite milestone-blink}.milestone--unlocked{color:var(--map-active);opacity:.94;filter:drop-shadow(0 0 4px #fff8753d);pointer-events:auto;cursor:pointer}.milestone--unlocked:before{animation:2.2s cubic-bezier(.2,.8,.3,1) infinite milestone-click-nudge}.milestone--unlocked:after{opacity:0;content:"";border:1px solid;border-radius:50%;animation:2.2s ease-out infinite milestone-click-ripple;position:absolute;inset:8%}.is-leaving-map .milestone--departing{opacity:1;animation:none}.is-leaving-map .milestone--departing:before,.is-leaving-map .milestone--departing:after{animation:none}.is-leaving-map .village-map__milestones,.is-entering-map .village-map__milestones{z-index:21}.is-leaving-map .milestone:not(.milestone--departing),.is-entering-map .milestone:not(.milestone--arriving){opacity:0}.is-entering-map .milestone--arriving{color:var(--map-active);opacity:1;animation:none}.milestone--active:before{display:none}.milestone--active svg{fill:currentColor;width:88%;overflow:visible}.milestone--active:after{opacity:0;content:"";border:1px solid;border-radius:50%;animation:1.7s ease-out infinite milestone-halo;position:absolute;inset:6%}.milestone--finished{opacity:.48;filter:none;animation:none}.milestone--finished:after,.is-leaving-map .milestone--finished:after{animation:none;display:none}.is-leaving-map .milestone--active:after{opacity:0;animation:none}.milestone--active:focus-visible{outline:2px solid var(--map-active);outline-offset:5px;border-radius:50%}.map-transition{z-index:20;pointer-events:auto;background:0 0;animation:1.1s ease-in both map-transition-backdrop;position:fixed;inset:0;overflow:hidden}.map-arrival{z-index:20;pointer-events:auto;background:#000000f0;animation:1.1s ease-out both map-arrival-backdrop;position:fixed;inset:0;overflow:hidden}@keyframes milestone-blink{0%,to{opacity:.42}42%,62%{opacity:1}}@keyframes milestone-click-nudge{0%,24%,to{transform:scale(1)}10%{transform:scale(.72)}17%{transform:scale(1.08)}}@keyframes milestone-click-ripple{0%,8%{opacity:0;transform:scale(.72)}12%{opacity:.52}34%,to{opacity:0;transform:scale(1.55)}}@keyframes milestone-halo{0%{opacity:.55;transform:scale(.65)}72%,to{opacity:0;transform:scale(1.45)}}@keyframes map-transition-backdrop{0%,68%{background:0 0}to{background:#000000f0}}@keyframes map-arrival-backdrop{0%,32%{background:#000000f0}to{background:0 0}}@media (prefers-reduced-motion:reduce){.milestone--active,.milestone--unlocked,.milestone--unlocked:before,.milestone--unlocked:after,.milestone--active:after{animation:none}.milestone--active{opacity:1}.map-transition{animation:.16s linear both map-transition-backdrop}.map-arrival{animation:.16s linear both map-arrival-backdrop}}