/* Layered opening: the archival title stays until the reader enters. */
.immersive-map .site-header{inset:18px 5vw auto;height:66px;min-height:66px;padding:0 25px;border:1px solid #c0ceb51c;border-radius:40px;background:linear-gradient(120deg,#19352cbb,#12292088);backdrop-filter:blur(18px) saturate(.85);-webkit-backdrop-filter:blur(18px) saturate(.85);box-shadow:inset 0 1px #ffffff06,0 10px 40px #061b1826}.immersive-map nav a.active:after{bottom:11px}.immersive-map .seal{width:31px;height:34px;font-size:23px}.immersive-map .brand{font-size:19px}.immersive-map .brand small{font-size:7px}
.field-veil{position:absolute;inset:0;z-index:8;background:radial-gradient(ellipse at 50% 46%,#142c2940 0,#0c222665 50%,#071b24c9 100%),linear-gradient(180deg,#0b1e2899 0,#0c26214d 46%,#071f25c4 100%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;visibility:visible;transition:opacity 1.5s cubic-bezier(.22,.61,.36,1),backdrop-filter 1.5s ease,visibility 0s 1.5s;overflow:hidden}
.field-aureole{position:absolute;left:12%;top:16%;width:76%;height:115%;border-radius:50%;border:1px solid #b0c4a43d;box-shadow:0 -13px 45px #9ebaa126,inset 0 22px 65px #accbab12,0 -2px 9px #c9d7b044;filter:blur(2px);opacity:.75;transform:rotate(-7deg);pointer-events:none}.field-aureole:after{content:'';position:absolute;inset:12px -10px -10px;border-radius:50%;border-top:1px solid #becdaa27;filter:blur(5px)}.field-horizon{position:absolute;left:25%;right:25%;bottom:16%;height:11%;background:radial-gradient(ellipse,#c2ad7340,transparent 70%);filter:blur(25px);pointer-events:none}
.immersive-map .field-entry{left:50%;top:26%;width:min(680px,88vw);max-width:none;text-align:center;transform:translateX(-50%);z-index:9;color:#f0ecdc;opacity:1;visibility:visible;transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),filter 1.05s ease,transform 1.2s ease,visibility 0s 1.2s}.immersive-map .field-entry>span{display:inline-block;padding:8px 16px;border:1px solid #d6d9bb22;border-radius:24px;background:#d2d6b908;backdrop-filter:blur(10px);font-size:11px;letter-spacing:3px;color:#c8d1bd}.immersive-map .field-entry h1{font-size:clamp(40px,4.4vw,64px);line-height:1.3;letter-spacing:.12em;margin:26px 0 24px;text-shadow:0 2px 30px #afc8aa18}.immersive-map .field-entry h1 em{font-size:.68em;letter-spacing:.18em;line-height:1.5}.immersive-map .field-entry p{font-size:13px;line-height:1.95;color:#bac7b8;letter-spacing:1px;margin:0}.immersive-map .field-begin{display:inline-flex;align-items:center;gap:35px;justify-content:center;background:#ecebdc;color:#233e32;border:1px solid #fff9;border-radius:32px;padding:14px 25px;min-width:156px;margin-top:28px;font-size:13px;letter-spacing:1px;box-shadow:0 5px 25px #0b211b40,0 0 30px #d4d9b00a;transition:background .3s,box-shadow .4s,transform .4s}.immersive-map .field-begin:hover{background:#fffbed;box-shadow:0 7px 34px #0b211b60,0 0 30px #d4d9b025;transform:translateY(-2px)}.immersive-map .field-begin span{float:none;font-size:15px}
.immersive-map .has-entered .field-entry{opacity:0;filter:blur(5px);transform:translate(-50%,-8px);visibility:hidden;pointer-events:none}.has-entered .field-veil{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);visibility:hidden;pointer-events:none}.immersive-map .field-surface:not(.has-entered) .field-tools,.immersive-map .field-surface:not(.has-entered) .field-regions,.immersive-map .field-surface:not(.has-entered) .field-whisper,.immersive-map .field-surface:not(.has-entered) .map-controls,.immersive-map .field-surface:not(.has-entered) .map-art-toggle,.immersive-map .field-surface:not(.has-entered) .compass{opacity:0;pointer-events:none}.field-tools,.field-regions,.field-whisper,.map-controls,.map-art-toggle,.compass{transition:opacity 1s .4s}
.immersive-map .map-surface:after{background:linear-gradient(180deg,#0d222455,transparent 27%,transparent 65%,#071f26c9),linear-gradient(90deg,#0a232660,transparent 24%,transparent 78%,#0a23264d);z-index:1}.immersive-map .map-surface:before{filter:blur(24px);opacity:.4}.immersive-map .map-surface .field-panel{background:linear-gradient(145deg,#f2f0e5ed,#e5e9dce0);backdrop-filter:blur(25px) saturate(.8);-webkit-backdrop-filter:blur(25px) saturate(.8);box-shadow:-18px 12px 80px #061e204f,inset 0 1px #ffffff88;border-color:#f1f3dd44}.immersive-map .atlas-sidebar{background:linear-gradient(140deg,#f1f0e5ee,#e3e8dbe0);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:12px 15px 70px #071e2140}dialog::backdrop{background:radial-gradient(ellipse at center,#112b2455,#081d27c9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.light-guide{background:linear-gradient(140deg,#f7f4eaf5,#ececdef0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 15px 50px #071b2430}
@media(max-width:1100px){.immersive-map .site-header{inset:15px 22px auto;padding:0 20px}.immersive-map nav{gap:19px}.immersive-map .field-entry{top:24%}}@media(max-width:800px){.immersive-map .site-header{inset:12px 15px auto;gap:12px;height:60px;min-height:60px;padding:0 17px}.immersive-map .brand{font-size:16px}.immersive-map .site-header nav{gap:12px}.immersive-map .site-header nav a{font-size:10px}.immersive-map .field-entry{top:25%;width:88vw}.immersive-map .field-entry h1{font-size:40px}.immersive-map .field-entry p{font-size:12px}.field-aureole{left:-6%;width:112%;top:19%;height:90%}}
@media(prefers-reduced-motion:reduce){.field-veil,.immersive-map .field-entry,.field-tools,.field-regions,.field-whisper,.map-controls,.map-art-toggle,.compass{transition:none!important}.immersive-map .has-entered .field-entry{filter:none}}
.immersive-map .site-header{display:none}.field-aureole,.field-horizon{display:none}.field-veil{background:radial-gradient(ellipse at 50% 43%,#19372d44,#081c24a6 85%),linear-gradient(0deg,#081b26c4,transparent 55%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity 2.1s cubic-bezier(.25,.46,.45,.94),backdrop-filter 2.1s ease,visibility 0s 2.2s}.immersive-map .field-entry>span{border:0;background:none;padding:0;backdrop-filter:none;border-radius:0;letter-spacing:3px}.immersive-map .field-entry{top:25%}.immersive-map .field-begin{border-radius:3px;background:#e5e7d7e8;padding:13px 24px;box-shadow:0 6px 28px #071e2233}.immersive-map .has-entered .field-entry{transition:opacity .85s ease,filter 1.1s ease,transform 1.1s ease,visibility 0s 1.1s;transform:translate(-50%,-13px);filter:blur(4px)}.immersive-map .entering-map .field-tools,.immersive-map .entering-map .field-regions,.immersive-map .entering-map .field-whisper,.immersive-map .entering-map .map-controls,.immersive-map .entering-map .map-art-toggle{opacity:0;pointer-events:none}.field-directory{position:absolute;left:42px;bottom:143px;z-index:7;width:190px;padding:15px 20px;background:linear-gradient(140deg,#243d32ee,#102921eb);backdrop-filter:blur(20px);border:1px solid #b3c6a326;box-shadow:0 12px 40px #071b243d;height:auto;display:flex;flex-direction:column;gap:0;align-items:stretch}.field-directory[hidden]{display:none}.field-directory a{display:block;height:auto;padding:12px 0;color:#cbd4bd;font-size:12px;border-bottom:1px solid #aabc961a}.field-directory a:last-child{border:0}.field-directory a:hover{color:#f1e4bb}.field-compare-number{font:11px Georgia;color:#e5d6a8;margin-left:5px}.field-tools{gap:22px}@media(max-width:800px){.field-directory{left:28px}.field-tools{gap:17px}}@media(prefers-reduced-motion:reduce){.field-veil,.immersive-map .has-entered .field-entry{transition:none!important}}
