#freeMapKeyPage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 8%,#80603b20,transparent 24%),radial-gradient(ellipse at 100% 75%,#99744618,transparent 26%),linear-gradient(170deg,#21191e,#241c2b 50%,#30242a);color:#fff0d6;--free-gold:#ebc987;min-height:100svh}
#freeMapKeyPage[hidden]{display:none!important}
#freeMapKeyPage .free-page-inner{position:relative;z-index:1;width:min(1080px,calc(100% - 48px));margin:auto;padding:70px 0 44px}
#freeMapKeyPage .free-page-arrival{text-align:center;max-width:940px;margin:0 auto 38px}
#freeMapKeyPage h1{font:400 clamp(1.8rem,3.8vw,3.35rem)/1.2 var(--serif);font-family:FreePageEmoji,var(--serif),"Segoe UI Emoji";letter-spacing:.015em;overflow-wrap:anywhere;margin:0 0 24px;color:#fff0d6}
#freeMapKeyPage .free-page-welcome{font:400 clamp(1rem,1.9vw,1.3rem)/1.6 var(--serif);font-family:FreePageEmoji,var(--serif),"Segoe UI Emoji";color:#ebc987;letter-spacing:.04em;margin:0}
#freeMapKeyPage .free-map-presentation{position:relative;margin:0 auto;max-width:980px;isolation:isolate}
#freeMapKeyPage .free-map-presentation img{display:block;width:100%;height:auto;object-fit:contain;box-shadow:0 16px 50px #0005}
#freeMapKeyPage .free-map-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#e7b96f;stroke-width:1.2;opacity:.12;animation:freeMapIllumination 12s ease-in-out infinite alternate}
@keyframes freeMapIllumination{from{opacity:.12}to{opacity:.22}}
#freeMapKeyPage .free-page-stars{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 2% 8%,#fff0ca 0 .8px,transparent 1.4px),radial-gradient(circle at 96% 29%,#e8c987 0 1px,transparent 1.8px),radial-gradient(circle at 5% 72%,#e9d6ff 0 .7px,transparent 1.4px);background-size:409px 433px,601px 593px,521px 727px;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000);opacity:.4;animation:freePageStarlight 14s ease-in-out infinite alternate}
#freeMapKeyPage .free-map-actions{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px;max-width:980px;margin:26px auto 0}
#freeMapKeyPage .free-page-action{display:flex;align-items:center;justify-content:center;min-height:56px;padding:16px 20px;width:100%;text-align:center;font:600 .875rem/1.5 var(--sans);letter-spacing:.08em;white-space:normal;border:1px solid #be975e;border-radius:2px;transition:color .3s,box-shadow .3s,border-color .3s;background:linear-gradient(110deg,#553e30,#3c2b3c);color:#fff0d1;box-shadow:inset 0 1px 0 #ffe2ab30,0 5px 20px #0003;text-decoration:none}
#freeMapKeyPage .free-page-acquire{background:linear-gradient(130deg,#f0d9aa,#c49b5c 70%,#efd9aa);color:#241a15}
#freeMapKeyPage .free-page-action:disabled{color:#d8c6a9;background:#3c302b;border-color:#796347;cursor:not-allowed;box-shadow:none}
#freeMapKeyPage .free-page-status{font:.875rem/1.6 var(--sans);color:#d2c0ad;margin:10px 0 0;text-align:center}
#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-page-life{max-width:900px;margin:80px auto}
#freeMapKeyPage .free-life-category{padding:36px 0;border-top:1px solid #be975e40}
#freeMapKeyPage .free-life-category h2{font:400 clamp(1.25rem,2.3vw,1.65rem)/1.35 var(--serif);color:#ebc987;letter-spacing:.04em;margin:0 0 25px}
#freeMapKeyPage .free-life-examples{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}
#freeMapKeyPage p{font:400 1.1rem/1.75 var(--serif);color:#e9d9c7;margin:0}
#freeMapKeyPage .free-life-examples strong{font-weight:400;color:#f3d7a5;transition:color .3s,text-shadow .3s}
#freeMapKeyPage .free-life-examples strong:hover{color:#fff9e4;text-shadow:0 0 1px #fff3ce,0 0 9px #e5c28aa0}
#freeMapKeyPage .free-page-key{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 auto 70px;max-width:960px;padding-top:38px;border-top:1px solid #be975e40}
#freeMapKeyPage .free-key-art{position:relative;isolation:isolate;outline:none;max-width:420px;width:100%;margin:auto;cursor:default}
#freeMapKeyPage .free-key-art img{display:block;width:100%;height:auto;object-fit:contain;position:relative;z-index:1;border:1px solid #d8b67b45;box-shadow:0 18px 48px #0005,0 0 24px #e2bb6814;transition:box-shadow .7s ease,border-color .7s ease}
#freeMapKeyPage .free-key-halo{position:absolute;inset:-8%;z-index:-1;pointer-events:none;opacity:.2;background:radial-gradient(ellipse,#f0d9aa38,transparent 66%);transition:opacity .7s ease}
#freeMapKeyPage .free-key-art:is(:hover,:focus-visible,.free-awakened) img{border-color:#f0d9aaa0;box-shadow:0 18px 48px #0005,0 0 38px #e2bb6840,0 0 12px #fff0cd24}
#freeMapKeyPage .free-key-art:is(:hover,:focus-visible,.free-awakened) .free-key-halo{opacity:.36}
#freeMapKeyPage .free-key-copy h2{font:400 clamp(1.65rem,3vw,2.4rem)/1.16 var(--serif);letter-spacing:.025em;color:#fff0d6;margin:0 0 25px}
#freeMapKeyPage .free-key-copy p{margin:0 0 24px}
#freeMapKeyPage .free-key-copy .free-page-action{margin-top:32px}
#freeMapKeyPage .free-page-return{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #be975e40;padding-top:24px}
#freeMapKeyPage .free-page-return :is(a,button){font:.875rem/1.5 var(--sans);color:#ebc987;background:none;border:0;padding:12px 0;cursor:pointer}
#freeMapKeyPage :is(a,button,[tabindex]):focus-visible{outline:3px solid #f9ecd1;outline-offset:4px}
@keyframes freePageStarlight{from{opacity:.28;transform:translateY(0)}to{opacity:.42;transform:translateY(-6px)}}
body.quiet #freeMapKeyPage *,body.quiet #freeMapKeyPage *:before{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#freeMapKeyPage *,#freeMapKeyPage *:before{animation:none!important;transition:none!important}}
@media(max-width:760px){#freeMapKeyPage .free-page-inner{width:calc(100% - 32px);padding-top:40px}#freeMapKeyPage .free-map-actions,#freeMapKeyPage .free-life-examples,#freeMapKeyPage .free-page-key{grid-template-columns:1fr}#freeMapKeyPage .free-map-actions{gap:22px}#freeMapKeyPage .free-page-life{margin:54px auto}#freeMapKeyPage .free-life-examples{gap:24px}#freeMapKeyPage .free-page-key{gap:36px}#freeMapKeyPage .free-key-art{max-width:360px}#freeMapKeyPage .free-page-return{align-items:flex-start;flex-wrap:wrap}}