/* Values copied from the approved expanded coordinate story. */
#freeMapKeyPage{position:relative;top:auto;height:auto;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 88% 9%,#ac804445,transparent 26%),radial-gradient(ellipse at 4% 40%,#76618b35,transparent 27%),radial-gradient(ellipse at 90% 72%,#d8b87c29,transparent 32%),linear-gradient(170deg,#21191e,#34272c 38%,#241c2b 70%,#48372d);color:#fff0d6;--finish-pearl:#fff0d6;--finish-muted:#e7d6c2;--finish-gold:#ebc987;min-height:100svh}
#freeMapKeyPage .free-page-inner{width:100%;max-width:1180px;padding:32px clamp(16px,4vw,44px) 44px}
#freeMapKeyPage .free-page-arrival{margin:0 auto 32px;max-width:940px}
#freeMapKeyPage h1,#freeMapKeyPage .free-key-copy h2{font:400 clamp(1.6rem,3vw,2.4rem)/1.16 var(--serif);letter-spacing:.025em;color:#fff0d6;text-shadow:none}
#freeMapKeyPage .free-page-welcome{font:400 clamp(1.15rem,2vw,1.6rem)/1.35 var(--serif);letter-spacing:normal;color:#fff0d6}
#freeMapKeyPage p{font:400 1rem/1.7 var(--serif);color:#e9d9c7}
#freeMapKeyPage .free-page-status{font:.875rem/1.6 var(--sans);color:#e7d6c2}
#freeMapKeyPage .free-page-life{margin:44px auto;max-width:900px}
#freeMapKeyPage .free-life-category{padding:28px 0;border-color:#be975e40}
#freeMapKeyPage .free-life-category h2{font:400 clamp(1.25rem,2.2vw,1.9rem)/1.25 var(--serif);letter-spacing:.035em;color:#fff1d7}
#freeMapKeyPage .free-life-examples{gap:22px 32px}
#freeMapKeyPage .free-page-key{padding-top:28px;margin-bottom:40px;gap:36px}
#freeMapKeyPage .free-page-stars{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 7%,#fff1ccbf 0 .8px,transparent 1.6px),radial-gradient(circle at 89% 23%,#e8c987b0 0 1px,transparent 1.8px),radial-gradient(circle at 95% 62%,#e9d6ff90 0 .8px,transparent 1.5px),radial-gradient(circle at 4% 88%,#fff5d999 0 1px,transparent 1.8px);background-size:307px 337px,521px 463px,401px 593px,601px 727px;opacity:.58;inset:0;z-index:0;animation:none;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
#freeMapKeyPage :is(.free-page-texture,.free-page-edge){position:absolute;inset:0;pointer-events:none;z-index:0;background-size:cover;background-position:center;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000)}
#freeMapKeyPage .free-page-texture{background-image:var(--free-coordinate-texture);opacity:.48}
#freeMapKeyPage .free-page-edge{background-image:var(--free-coordinate-edge);background-size:auto 100%;opacity:.42}
#freeMapKeyPage :is(h1,h2,strong,a,button){transition:color .3s,text-shadow .3s,box-shadow .3s}
#freeMapKeyPage :is(h1,h2,.free-life-examples strong):hover{color:#fff9e4;text-shadow:0 0 1px #fff3ce,0 0 9px #e5c28aa0,0 0 22px #dca85b90}
#freeMapKeyPage .free-page-action:not(:disabled):is(:hover,:focus-visible){color:#fffbee;border-color:#ffe0a3;box-shadow:inset 0 0 25px #f5c98227,0 0 23px #e6b56965;text-shadow:0 0 8px #ffe4a599}
#freeMapKeyPage .free-map-presentation:before{content:"";position:absolute;inset:-3%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#ebc9872e,transparent 70%);opacity:.35;animation:freeArtworkBreathing 10s ease-in-out infinite alternate}
#freeMapKeyPage .free-map-light{opacity:1;animation:none;overflow:visible;pointer-events:none}
#freeMapKeyPage .free-ring{stroke:#e7b96f;stroke-width:1.2;opacity:.12;fill:none}
#freeMapKeyPage .free-map-route{stroke:#ebc27b;stroke-width:1.3;opacity:.18;fill:none;filter:drop-shadow(0 0 2px #eabc7870)}
#freeMapKeyPage .free-traveller{fill:#ffe8b3;stroke:none;opacity:.7;filter:drop-shadow(0 0 3px #f3c371a0)}
#freeMapKeyPage .free-map-presentation:is(:hover,:focus-visible) .free-map-route{opacity:.32;stroke:#fff0b9}
#freeMapKeyPage .free-map-presentation:is(:hover,:focus-visible) .free-traveller{opacity:1;filter:drop-shadow(0 0 4px #ffc977)}
#freeMapKeyPage .free-art-stars{position:absolute;inset:-2%;pointer-events:none;z-index:3}
#freeMapKeyPage .free-art-stars i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#fff0d4;box-shadow:0 0 5px #ebc98780;opacity:.3;animation:freeArtworkStarlight var(--duration) ease-in-out var(--delay) infinite alternate}
#freeMapKeyPage .free-art-stars i:nth-child(even){width:2px;height:2px;background:#ebc987}
#freeMapKeyPage .free-key-halo{animation:freeArtworkBreathing 11s ease-in-out infinite alternate}
#freeMapKeyPage .free-key-details{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
#freeMapKeyPage .free-key-current{fill:none;stroke:#ebc27b;stroke-width:1.3;opacity:.1;stroke-dasharray:60 240;animation:freeKeyLightPass 18s ease-in-out infinite}
#freeMapKeyPage .free-key-glint{fill:#fff4ce;opacity:.3;filter:drop-shadow(0 0 4px #ffd17a);animation:freeKeyGlint 8s ease-in-out infinite}
#freeMapKeyPage .free-key-glint.second{animation-delay:-5s;animation-duration:11s}
#freeMapKeyPage .free-key-art:is(:hover,:focus-visible,.free-awakened) .free-key-details{filter:drop-shadow(0 0 3px #ffc977)}
#freeMapKeyPage :is(.free-art-moving,.free-art-moving *, .free-map-presentation:before){animation-play-state:paused}
#freeMapKeyPage .free-art-in-view :is(.free-art-moving,.free-art-moving *),#freeMapKeyPage .free-map-presentation.free-art-in-view:before{animation-play-state:running}
#freeMapKeyPage[hidden] :is(.free-art-moving,.free-art-moving *, .free-map-presentation:before),#freeMapKeyPage[data-motion-paused="true"] :is(.free-art-moving,.free-art-moving *, .free-map-presentation:before){animation-play-state:paused!important}
@keyframes freeArtworkBreathing{from{opacity:.2}to{opacity:.4}}
@keyframes freeArtworkStarlight{0%{opacity:.18;transform:translateY(3px)}65%{opacity:.6}100%{opacity:.3;transform:translateY(-3px)}}
@keyframes freeKeyGlint{0%,100%{opacity:.2}45%{opacity:.7}60%{opacity:.3}}
@keyframes freeKeyLightPass{0%,100%{stroke-dashoffset:0;opacity:.08}50%{stroke-dashoffset:-300;opacity:.2}}
body.quiet #freeMapKeyPage .free-art-moving *,body.quiet #freeMapKeyPage .free-map-presentation:before{animation:none!important}
@media(prefers-reduced-motion:reduce){#freeMapKeyPage .free-art-moving *,#freeMapKeyPage .free-map-presentation:before{animation:none!important}}
@media(max-width:760px){#freeMapKeyPage .free-page-inner{padding:24px 14px 32px}#freeMapKeyPage .free-page-texture{mask-image:linear-gradient(90deg,#000,transparent 21%,transparent 79%,#000)}#freeMapKeyPage .free-page-life{margin:32px auto}#freeMapKeyPage .free-page-key{gap:28px}}