/* Exact visual values and assets from the rendered open coordinate story. */
#freeMapKeyPage{background:radial-gradient(at 88% 9%, rgba(172, 128, 68, 0.27), rgba(0, 0, 0, 0) 26%), radial-gradient(at 4% 40%, rgba(118, 97, 139, 0.208), rgba(0, 0, 0, 0) 27%), radial-gradient(at 90% 72%, rgba(216, 184, 124, 0.16), rgba(0, 0, 0, 0) 32%), linear-gradient(170deg, rgb(33, 25, 30), rgb(52, 39, 44) 38%, rgb(36, 28, 43) 70%, rgb(72, 55, 45));background-color:transparent;color:#fff0d6}
#freeMapKeyPage .free-page-inner{max-width:1122px;padding:32px clamp(16px,4vw,44px)}
#freeMapKeyPage .free-page-arrival{padding:22px 0;margin-bottom:22px}
#freeMapKeyPage .free-page-texture{background-image:url("/website-assets/e2e3a3c1dfc85a86ff5ba7a7.webp");background-position:50% 50%;background-size:cover;opacity:.48}
#freeMapKeyPage .free-page-edge{background-image:url("/website-assets/592cb95237ef6393391c7ea3.webp");background-position:50% 100%;background-size:auto 100%;opacity:.42}
#freeMapKeyPage .free-page-stars{mask-image:none}
#freeMapKeyPage p{max-width:38ch}
#freeMapKeyPage .free-page-welcome{max-width:none}
#freeMapKeyPage .free-life-category{padding:22px 0}
#freeMapKeyPage .free-life-examples{gap:24px}
#freeMapKeyPage .free-life-examples p{margin-inline:auto;width:100%}
#freeMapKeyPage .free-page-key{gap:24px;padding:22px 0}
#freeMapKeyPage .free-page-action{font:700 .68rem/1.5 var(--sans);letter-spacing:.12em;padding:12px 16px;min-height:48px;background:linear-gradient(110deg,#45312a,#362737);border-color:#a28255;color:#fff0d1;box-shadow:inset 0 1px 0 #ffe2ab30,0 5px 20px #0003}
#freeMapKeyPage .free-page-action:disabled{background:#3c302b;border-color:#796347;color:#d8c6a9}
#freeMapKeyPage .free-page-action:not(:disabled):is(:hover,:focus-visible,:active){color:#fffbee;border-color:#ffe0a3;box-shadow:inset 0 0 25px #f5c98227,0 0 23px #e6b56965;text-shadow:0 0 8px #ffe4a599}
#freeMapKeyPage .free-key-copy p{margin-bottom:12px}
#freeMapKeyPage .free-key-art img{border:0;box-shadow:none}
@media(max-width:760px){#freeMapKeyPage .free-page-inner{padding:24px 14px}#freeMapKeyPage .free-page-arrival,#freeMapKeyPage .free-life-category,#freeMapKeyPage .free-page-key{padding:20px 0}#freeMapKeyPage .free-page-key{gap:12px}}
#freeMapKeyPage .free-key-art{height: clamp(220px, 28vw, 390px); display: grid; place-items: center; overflow: hidden; position: relative; background: radial-gradient(at 50% 55%, rgba(198, 164, 90, 0.07), transparent 63%);}
#freeMapKeyPage .free-key-art::after{content: ""; position: absolute; inset: 10%; pointer-events: none; background: radial-gradient(at 50% 55%, rgba(213, 182, 106, 0.086), transparent 65%); opacity: 0.28; transition: opacity 0.65s;}
#freeMapKeyPage .free-key-art img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.7s;}
#freeMapKeyPage .free-page-key:hover .free-key-art img,#freeMapKeyPage .free-page-key:focus-within .free-key-art img{transform: translateY(-4px) scale(1.025); filter: saturate(1.02) brightness(1.06);}
#freeMapKeyPage .free-page-key:hover .free-key-art::after,#freeMapKeyPage .free-page-key:focus-within .free-key-art::after{opacity: 0.75;}
@media (max-width: 760px){#freeMapKeyPage .free-key-art{height: 190px;}
}
@media (prefers-reduced-motion: reduce){#freeMapKeyPage .free-key-art img,#freeMapKeyPage .free-key-art::after{transition: none !important;}
}
#freeMapKeyPage .free-key-art{--key-x: 50%; --key-y: 50%; isolation: isolate; cursor: default; touch-action: manipulation; outline: none;}
#freeMapKeyPage .free-key-art img{position: relative; z-index: 1; transform: scale(1); filter: saturate(0.94) brightness(0.91); will-change: transform, filter;}
#freeMapKeyPage .free-key-art::after{z-index: 3; inset: 0px; background: radial-gradient(ellipse at var(--key-x) var(--key-y),rgba(204,221,232,.12),transparent 40%),radial-gradient(ellipse at 50% 56%,rgba(213,182,106,.18),transparent 62%); opacity: 0.24; transition: opacity 0.7s;}
#freeMapKeyPage .free-key-art .key-energy{position: absolute; z-index: 2; inset: 7%; pointer-events: none; opacity: 0; mix-blend-mode: screen; mask-image: radial-gradient(rgb(0, 0, 0) 35%, transparent 77%); background: linear-gradient(112deg, transparent 34%, rgba(177, 213, 231, 0.12) 43%, rgba(210, 191, 136, 0.56) 49%, rgba(204, 226, 240, 0.48) 51%, transparent 61%) 0% 0% / 240% 100%; transition: opacity 0.55s;}
#freeMapKeyPage .free-key-art .key-core{position: absolute; z-index: 4; left: 50%; top: 51%; width: 18%; aspect-ratio: 1 / 1; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(0.65); background: radial-gradient(circle, rgba(236, 220, 174, 0.42), rgba(188, 218, 238, 0.18) 28%, transparent 72%); mix-blend-mode: screen;}
#freeMapKeyPage .free-key-art:focus-visible{outline: rgba(221, 199, 147, 0.8) solid 1px; outline-offset: 5px;}
#freeMapKeyPage .free-page-key.is-near .free-key-art::after,#freeMapKeyPage .free-page-key.is-awake .free-key-art::after{opacity: 0.72;}
#freeMapKeyPage .free-page-key.is-awake .free-key-art img,#freeMapKeyPage .free-key-art:focus-visible img{transform: scale(1.025); filter: saturate(1.02) brightness(1.045);}
#freeMapKeyPage .free-page-key.is-awake .key-energy,#freeMapKeyPage .free-key-art:focus-visible .key-energy{opacity: 0.8;}
#freeMapKeyPage .free-page-key.is-awake .key-core,#freeMapKeyPage .free-key-art:focus-visible .key-core{animation: 1.1s ease-out 0s 1 normal none running keyCoreWake;}
#freeMapKeyPage .free-page-key[data-artifact="hesitation"].is-awake .key-energy,#freeMapKeyPage .free-page-key[data-artifact="hesitation"] .free-key-art:focus-visible .key-energy{animation: 1.35s cubic-bezier(0.2, 0.7, 0.25, 1) 0s 1 normal forwards running keyForwardCurrent;}
#freeMapKeyPage .free-page-key[data-artifact="hesitation"].is-awake .key-core{animation: 0.95s ease-out 0s 1 normal none running keyCoreWake;}
@media (prefers-reduced-motion: reduce){#freeMapKeyPage .free-key-art img,#freeMapKeyPage .free-key-art::after,#freeMapKeyPage .free-key-art .key-energy,#freeMapKeyPage .free-key-art .key-core{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
#freeMapKeyPage .free-page-key.is-awake .free-key-art .key-energy,#freeMapKeyPage .free-key-art:focus-visible .key-energy{opacity: 0.65;}
#freeMapKeyPage .free-page-key.is-awake .free-key-art .key-core,#freeMapKeyPage .free-key-art:focus-visible .key-core{opacity: 0.2; transform: translate(-50%, -50%) scale(1);}
}
#freeMapKeyPage .free-key-art{height: auto; aspect-ratio: 2 / 3; width: 100%;}
#freeMapKeyPage .free-key-art img{width: 100%; height: 100%; object-fit: contain; max-height: none; max-width: 100%; padding: 0px; border: 0px; box-shadow: none;}
@media (max-width: 760px){#freeMapKeyPage .free-key-art{height: auto;}
}
@media (max-width: 760px){#freeMapKeyPage .free-key-art{height: auto; aspect-ratio: 2 / 3; max-height: none;}
}
@media (prefers-reduced-motion: reduce){#freeMapKeyPage .free-key-art img{transform: none !important;}
}
#freeMapKeyPage .free-key-art{box-shadow: none; background: none;}
#freeMapKeyPage .free-key-art img,#freeMapKeyPage .free-page-key:is(:hover, .is-awake) .free-key-art img,#freeMapKeyPage .free-key-art:focus-visible img{filter: none;}
#freeMapKeyPage .free-key-art::after{background: radial-gradient(ellipse at var(--key-x) var(--key-y),#e4c78a0a,transparent 40%); opacity: 0.12;}
#freeMapKeyPage .free-page-key.is-awake .free-key-art::after{background: radial-gradient(ellipse at var(--key-x) var(--key-y),#b9dce912,transparent 44%); opacity: 0.6;}
#freeMapKeyPage article.free-page-key:nth-child(2) .free-key-art{grid-area: 1 / 2;}
#freeMapKeyPage .free-key-art{width: 100%; max-height: none; border: 0px; transform: none;}
#freeMapKeyPage .free-key-art img{max-height: none; opacity: 1;}
#freeMapKeyPage .free-page-key.is-awake .free-key-art{box-shadow: rgba(84, 125, 146, 0.267) 0px 16px 55px, rgba(255, 241, 189, 0.6) 0px 0px 42px; transform: translateY(-3px);}
#freeMapKeyPage .free-key-art{transition: transform 0.45s, box-shadow 0.45s;}
@media (max-width: 760px){#freeMapKeyPage .free-key-art{width: 100%; max-width: 480px;}
}
@media (prefers-reduced-motion: reduce){#freeMapKeyPage .free-page-key.is-awake .free-key-art{transform: none;}
}
#freeMapKeyPage .free-key-art{border-radius: 3px; overflow: visible;}
#freeMapKeyPage .free-key-art{aspect-ratio: auto; height: auto; min-height: 0px; max-width: 480px; justify-self: center;}
#freeMapKeyPage .free-key-art img{display: block; height: auto; width: 100%; object-fit: contain; aspect-ratio: auto;}
@media (max-width: 760px){#freeMapKeyPage .free-key-art{max-width: 400px;}
}
#freeMapKeyPage .free-key-art{}
#freeMapKeyPage .free-key-art img{transition: filter 0.6s; filter: none;}
#freeMapKeyPage .free-page-key:is(.is-awake, :focus-within) .free-key-art{}
#freeMapKeyPage .free-page-key:is(.is-awake, :focus-within) .free-key-art img{filter: brightness(1.065) saturate(1.035);}
#freeMapKeyPage .free-key-art::after{background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 250% 100%, 100% 100%; background-position: 140% 0px, 0px 0px; opacity: 0; transition: opacity 0.5s;}
#freeMapKeyPage .free-page-key:is(.is-awake, :focus-within) .free-key-art::after{opacity: 0.8; animation: 1.4s ease-out 0s 1 normal both running keyGlossPass;}
#freeMapKeyPage .free-page-key.is-near:not(.is-awake) .free-key-art::after{opacity: 0.3;}
#freeMapKeyPage .mmk-offscreen :is(.key-energy, .key-core){animation-play-state: paused !important;}
@media (prefers-reduced-motion: reduce){#freeMapKeyPage .free-key-art::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; translate: none !important;}
}
#freeMapKeyPage .free-key-art{box-shadow: rgba(128, 87, 49, 0.133) 0px 20px 50px, rgba(255, 243, 202, 0.533) 0px 0px 60px;}
#freeMapKeyPage .free-page-key:is(.is-awake, :focus-within) .free-key-art{box-shadow: rgba(180, 134, 85, 0.4) 0px 18px 55px, rgba(255, 240, 182, 0.8) 0px 0px 70px, rgba(232, 200, 147, 0.333) 0px 0px 110px;}
#freeMapKeyPage .free-page-key:has(.magic-key-field[data-visible="false"]) :is(.key-energy, .key-core){animation-play-state: paused !important;}
#freeMapKeyPage .free-key-art{box-shadow: rgba(128, 87, 49, 0.094) 0px 20px 50px, rgba(255, 243, 202, 0.19) 0px 0px 24px;}
#freeMapKeyPage .free-page-key:is(.is-awake, :focus-within) .free-key-art{box-shadow: rgba(180, 134, 85, 0.2) 0px 18px 45px, rgba(255, 240, 182, 0.333) 0px 0px 34px;}

#freeMapKeyPage .free-key-art{height:auto;min-height:0;aspect-ratio:auto;width:100%;max-width:420px;background:none;transform:none;border-radius:3px;overflow:visible}
#freeMapKeyPage .free-key-art img{display:block;width:100%;height:auto;padding:0;border:0;box-shadow:none;object-fit:contain;max-height:none;filter:none;transform:none!important}
#freeMapKeyPage .free-key-art:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff8eb00 42%,#fff8eb38 49%,#e8c89312 54%,transparent 65%),radial-gradient(ellipse at var(--key-x) var(--key-y),#f7e4b412,transparent 45%);background-size:250% 100%,100% 100%;background-position:140% 0,0 0;opacity:0;transition:opacity .5s ease}
#freeMapKeyPage .free-key-art .key-energy{background:linear-gradient(112deg,transparent 34%,rgba(177,213,231,.12) 43%,rgba(210,191,136,.56) 49%,rgba(204,226,240,.48) 51%,transparent 61%);background-size:240% 100%}
#freeMapKeyPage .free-key-art .key-core{background:radial-gradient(circle,rgba(236,220,174,.42),rgba(188,218,238,.18) 28%,transparent 72%)}
#freeMapKeyPage .free-page-key:is(.is-awake,:focus-within) .free-key-art img{filter:brightness(1.065) saturate(1.035)}
#freeMapKeyPage .free-page-key:not(.is-awake):not(:focus-within) .free-key-art:after{animation:none}
#freeMapKeyPage[data-motion-paused="true"] .free-key-art:after,#freeMapKeyPage[data-motion-paused="true"] :is(.key-core,.key-energy){animation-play-state:paused!important}
body.quiet #freeMapKeyPage .free-key-art:after,body.quiet #freeMapKeyPage :is(.key-core,.key-energy){animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#freeMapKeyPage .free-key-art:after,#freeMapKeyPage :is(.key-core,.key-energy){animation:none!important;transition:none!important}}
@media(max-width:760px){#freeMapKeyPage .free-key-art{max-width:360px}}

#freeMapKeyPage .free-map-presentation{max-width:980px}
#freeMapKeyPage #freeOriginalMap{opacity:1;filter:brightness(1.14) contrast(1.035) saturate(1.025);mix-blend-mode:normal;transform:none}
#freeMapKeyPage .free-map-presentation:before{inset:-4%;background:radial-gradient(ellipse,#ffe3ad26,#dabf8320 23%,transparent 64%);opacity:.6;animation:freeMapHalo 14s ease-in-out infinite alternate;transition:filter .7s;filter:none}
#freeMapKeyPage .free-map-presentation:is(:hover,:focus-visible):before{filter:brightness(1.3)}
#freeMapKeyPage .free-map-route{stroke:#ebc27b;stroke-width:1.3;opacity:.25;fill:none;animation:freeMapCurrent 12s ease-in-out infinite}
#freeMapKeyPage .free-map-current-1{animation-duration:16s;animation-delay:-7s;opacity:.18}
#freeMapKeyPage .free-map-glint{fill:#fff4ce;stroke:#efd297;stroke-width:.7;opacity:.4;filter:drop-shadow(0 0 4px #ffd17a);animation:freeMapGlint var(--glint-time) ease-in-out var(--glint-delay) infinite}
#freeMapKeyPage .free-map-presentation:is(:hover,:focus-visible) .free-map-glint{filter:drop-shadow(0 0 6px #ffd17a);stroke:#fff0b9}
#freeMapKeyPage .free-map-presentation .free-art-stars{inset:0}
#freeMapKeyPage .free-map-presentation .free-art-stars i{width:var(--star-size,3px);height:var(--star-size,3px);animation:freeArtworkStarlight var(--duration) ease-in-out var(--delay) infinite alternate}
#freeMapKeyPage .free-map-presentation .free-art-stars i:nth-child(3n){animation-name:freeMapDrift}
#freeMapKeyPage .free-map-presentation:not(.free-art-in-view):before{animation-play-state:paused}
@keyframes freeMapHalo{from{opacity:.4}to{opacity:.65}}
@keyframes freeMapCurrent{0%,100%{opacity:.18}50%{opacity:.38}}
@keyframes freeMapGlint{0%,65%,100%{opacity:.22}78%{opacity:.8}88%{opacity:.35}}
@keyframes freeMapDrift{from{opacity:.25;transform:translate(0,3px)}to{opacity:.55;transform:translate(3px,-5px)}}
body.quiet #freeMapKeyPage .free-map-presentation:before{animation:none!important;opacity:.5}
@media(prefers-reduced-motion:reduce){#freeMapKeyPage .free-map-presentation:before{animation:none!important;opacity:.5}}