._root_1wlar_1{z-index:4;border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);background:var(--glass-bg-strong);width:min(440px,100% - 32px);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);gap:12px;padding:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._title_1wlar_21{font-family:var(--font-display);color:var(--ink-black);margin:0;font-size:18px;font-weight:600}._message_1wlar_29{color:var(--dust-text);margin:0;line-height:1.5}._code_1wlar_35{border-radius:var(--radius-md);color:var(--tuff-clay);background:var(--surface-container-low);white-space:normal;padding:10px 12px}._wrap_y04ii_1,._wrap_y04ii_1 .map-container{width:100%;height:100%;position:absolute;inset:0}._zoomBadge_y04ii_16{z-index:5;font-family:var(--font-ui,var(--font-body));pointer-events:none;-webkit-user-select:none;user-select:none;align-items:baseline;gap:8px;padding:8px 12px;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:16px;left:16px}._zoomBadgeLabel_y04ii_33{color:var(--on-surface-muted,#2d26209e);letter-spacing:.04em;text-transform:uppercase;font-weight:600}._zoomBadgeValue_y04ii_40{color:var(--on-surface);font-variant-numeric:tabular-nums;font-weight:700}._zoomBadgeTile_y04ii_46{color:var(--on-surface-muted,#2d26209e);font-variant-numeric:tabular-nums;font-weight:600}._root_1ndu5_1{top:max(16px, env(safe-area-inset-top,0px));z-index:10;touch-action:manipulation;width:min(960px,100vw - 32px);position:absolute;left:50%;transform:translate(-50%)}._root_1ndu5_1>*{position:relative}._periodBadge_1ndu5_15{border:1px solid color-mix(in srgb, var(--era-color,var(--stone-border)), var(--stone-border) 55%);border-radius:var(--radius-full);max-width:min(280px,32vw);color:var(--ink-black);background:linear-gradient(180deg, #ffffff6b, #f7f6f22e), color-mix(in srgb, var(--era-color,var(--warm-stone)), var(--warm-stone) 88%);align-items:center;gap:8px;margin:0;padding:7px 12px;display:inline-flex;box-shadow:0 4px 14px #1d1d1b0f,inset 0 1px #ffffff8c}._periodBadgeDot_1ndu5_34{border-radius:var(--radius-full);background:var(--era-color,var(--tuff-clay));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--era-color,var(--tuff-clay)) 28%, transparent);flex-shrink:0}._periodBadgeLabel_1ndu5_43{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}._metaBadge_1ndu5_53{border:1px solid var(--glass-border-soft);border-radius:var(--radius-full);color:var(--ink-black);font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff61;margin:0;padding:6px 14px;font-size:14px;font-weight:600;box-shadow:inset 0 1px #ffffff7a}@media (width<=768px){._root_1ndu5_1{width:calc(100vw - 24px)}._periodBadge_1ndu5_15{display:none}}:root{--warm-canvas:#f7f6f2;--ink-black:#1d1d1b;--tuff-clay:#8b4a34;--warm-stone:#eeede9;--dust-text:#625f58;--stone-border:#d8d8d4;--background:var(--warm-canvas);--on-surface:var(--ink-black);--primary:var(--tuff-clay);--on-primary:#fff;--primary-container:#734028;--muted:var(--dust-text);--on-surface-variant:var(--dust-text);--outline:var(--dust-text);--outline-variant:var(--stone-border);--line:var(--stone-border);--error:#9b2c2c;--surface:var(--warm-canvas);--surface-dim:#e8e7e3;--surface-container-low:#f3f2ee;--surface-container:var(--warm-stone);--surface-container-high:#e5e4e0;--surface-container-highest:#dedcd8;--secondary:var(--dust-text);--secondary-container:#ddd9c8;--on-secondary-container:var(--ink-black);--tertiary:var(--ink-black);--on-tertiary:#fff;--font-display:"Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-body:var(--display);--font-ui:var(--body);--radius-sm:4px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-full:9999px;--glass-radius:8px;--shadow-ambient:0 4px 24px #1d1d1b0f;--shadow-ambient-lg:0 8px 32px #1d1d1b14;--glass-bg:#f7f6f285;--glass-bg-strong:#f7f6f2c7;--glass-border:#ffffffa6;--glass-border-soft:#d8d8d48c;--glass-highlight:#ffffffbf;--glass-shadow:0 8px 32px #1d1d1b14, 0 1px 4px #1d1d1b0a;--glass-blur:blur(20px) saturate(160%);--spacing-base:8px;--spacing-gutter:24px;--panel:var(--surface-container);--panel-strong:var(--surface-container-high);color:var(--on-surface);background:var(--background);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.tabular-nums{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--dust-text);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}h1,h2,h3{font-family:var(--font-display);color:var(--ink-black);margin-top:0;font-weight:600}h1{letter-spacing:-.02em;max-width:14ch;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);line-height:1.1}p{margin-top:0}.map-overlay{z-index:3;border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);color:var(--on-surface);background:linear-gradient(145deg, #ffffff70 0%, #ffffff14 36%, #f7f6f233 100%), var(--glass-bg);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #625f580f;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:absolute}.map-floating-controls{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;right:16px}.map-border-highlight-toggle,.map-place-labels-toggle{border-radius:var(--radius-md);width:42px;height:42px;color:var(--dust-text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative}.map-border-highlight-toggle:hover,.map-place-labels-toggle:hover{color:var(--ink-black);transform:translateY(-1px)}.map-border-highlight-toggle.is-active{color:#15803d;box-shadow:0 0 0 1px #15803d47,inset 0 0 0 1px #4ade802e}.map-place-labels-toggle.is-active{color:var(--tuff-clay);box-shadow:0 0 0 1px #8b4a3447,inset 0 0 0 1px #8b4a341f}.map-border-highlight-toggle__icon,.map-place-labels-toggle__icon{display:block}.map-border-highlight-toggle.atlas-card,.map-place-labels-toggle.atlas-card{overflow:visible}.atlas-card,.liquid-glass{border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);background:linear-gradient(145deg, #ffffff75 0%, #ffffff1a 34%, #f7f6f238 100%), var(--glass-bg);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #625f5812;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.atlas-card:before{pointer-events:none;content:"";opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.atlas-card:after,.liquid-glass:after{border-radius:inherit;pointer-events:none;content:"";opacity:.85;background:linear-gradient(155deg,#ffffff94 0%,#ffffff24 24%,#0000 48%);position:absolute;inset:0}.atlas-card>*{position:relative}.la-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative}.la-glass:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--glass-highlight);position:absolute;inset:0}.la-nav-bar{z-index:20;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:12px 20px;display:flex;position:relative}.la-nav-bar__start{flex:1;align-items:center;gap:24px;min-width:0;display:flex}.la-nav-bar__brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-black);white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:700;text-decoration:none}.la-nav-bar__brand:hover{color:var(--ink-black)}.la-nav-bar__menu{align-items:center;min-width:0;display:flex}.la-nav{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.la-nav>li{margin:0;padding:0;list-style:none}.la-nav__link{min-height:44px;font-family:var(--font-body);color:var(--dust-text);border-radius:var(--radius-md);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;transition:color .25s,background .25s,border-color .25s;display:inline-flex}.la-nav__link:hover{color:var(--ink-black);background:#ffffff59}.la-nav__link:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.la-nav__link[aria-current=page],.la-nav__link.is-active{color:var(--ink-black);border-color:var(--glass-border-soft);background:#ffffff6b;font-weight:600}.la-nav-bar__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.la-nav-bar__actions--mobile{display:none}.la-nav-toggle{border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);width:44px;height:44px;color:var(--ink-black);cursor:pointer;background:#ffffff59;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .25s;display:none}.la-nav-toggle:hover{background:#ffffff8c}.la-nav-toggle:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.la-nav-toggle__icon{background:currentColor;border-radius:1px;width:18px;height:2px;position:relative}.la-nav-toggle__icon:before,.la-nav-toggle__icon:after{content:"";background:currentColor;border-radius:1px;width:18px;height:2px;transition:transform .25s;position:absolute;left:0}.la-nav-toggle__icon:before{top:-6px}.la-nav-toggle__icon:after{top:6px}.la-nav-bar.is-open .la-nav-toggle__icon{background:0 0}.la-nav-bar.is-open .la-nav-toggle__icon:before{top:0;transform:rotate(45deg)}.la-nav-bar.is-open .la-nav-toggle__icon:after{top:0;transform:rotate(-45deg)}.la-nav--vertical{flex-direction:column;align-items:stretch;gap:2px;width:100%}.la-nav--vertical .la-nav__link{justify-content:flex-start;min-height:40px}.la-breadcrumb{font-family:var(--font-body);color:var(--dust-text);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.la-breadcrumb__item{align-items:center;gap:8px;min-width:0;display:inline-flex}.la-breadcrumb__item:not(:last-child):after{content:"/";color:var(--dust-text);opacity:.7}.la-breadcrumb__link{color:var(--dust-text);text-decoration:none;transition:color .25s}.la-breadcrumb__link:hover{color:var(--ink-black)}.la-breadcrumb__link[aria-current=page]{color:var(--ink-black);pointer-events:none;font-weight:600}.la-nav-tabs{border-bottom:1px solid var(--glass-border-soft);flex-wrap:wrap;gap:24px;margin:0;padding:0;list-style:none;display:flex}.la-nav-tabs>li{margin:0;padding:0;list-style:none}.la-nav-tabs__link{min-height:44px;font-family:var(--font-body);color:var(--dust-text);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:8px 2px;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s;display:inline-flex}.la-nav-tabs__link:hover{color:var(--ink-black)}.la-nav-tabs__link[aria-current=true],.la-nav-tabs__link.is-active{color:var(--ink-black);border-bottom-color:var(--tuff-clay);font-weight:600}@media (width<=768px){.la-nav-bar--responsive .la-nav-toggle{display:inline-flex}.la-nav-bar--responsive .la-nav-bar__menu{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);box-shadow:var(--shadow-ambient-lg);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;padding:8px;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:calc(100% + 8px);left:12px;right:12px;transform:translateY(-6px)}.la-nav-bar--responsive.is-open .la-nav-bar__menu{opacity:1;visibility:visible;transform:translateY(0)}.la-nav-bar--responsive .la-nav{flex-direction:column;align-items:stretch;width:100%}.la-nav-bar--responsive .la-nav__link{justify-content:flex-start;width:100%}.la-nav-bar--responsive .la-nav-bar__actions{display:none}.la-nav-bar--responsive.is-open .la-nav-bar__actions--mobile{border-top:1px solid var(--glass-border-soft);flex-direction:column;width:100%;margin-top:8px;padding-top:8px;display:flex}.la-nav-bar--responsive.la-nav-bar--no-menu .la-nav-bar__actions{display:flex}}@media (prefers-reduced-motion:reduce){.la-nav__link,.la-nav-toggle,.la-nav-toggle__icon:before,.la-nav-toggle__icon:after,.la-nav-bar--responsive .la-nav-bar__menu,.la-nav-tabs__link,.la-breadcrumb__link{transition:none}}.mapboxgl-ctrl-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;border:1px solid var(--stone-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-ambient)!important;background:#f7f6f2eb!important}.mapboxgl-ctrl-group button{filter:none;width:36px!important;height:36px!important}.mapboxgl-ctrl-group button:hover{background:var(--surface-container-high)!important}.mapboxgl-ctrl-attrib{color:var(--dust-text);border-radius:var(--radius-sm);background:#f7f6f2e0!important}.app-shell{background:var(--background);min-height:100dvh}.map-stage{min-width:0;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.map-wrap,.map-container{width:100%;height:100%;position:absolute;inset:0}.map-wrap:after{z-index:1;pointer-events:none;content:"";background:radial-gradient(circle at 18% 12%,#f7f6f247,#0000 34%),radial-gradient(circle at 82% 78%,#e8e7e338,#0000 38%),linear-gradient(90deg,#f7f6f224,#0000 12% 88%,#f7f6f21f),linear-gradient(#f7f6f21a,#0000 14% 76%,#e8e7e32e);position:absolute;inset:0}.map-parchment-grain{z-index:2;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.map-wrap:before{display:none}.mapboxgl-ctrl-logo{opacity:.75}@media (width<=980px){body{overflow:hidden}.app-shell,.map-stage{min-height:100dvh}.map-wrap:after{background:linear-gradient(#f7f6f21a,#0000 22% 68%,#e8e7e329)}}@media (width<=640px){.map-stage{min-height:100dvh}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.map-overlay,.atlas-card,.liquid-glass{background:var(--glass-bg-strong)}}.period-maps-shell{background:var(--background);grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.period-maps-layout{height:100%;min-height:0;padding:0;overflow:hidden}.period-maps-stage{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.period-maps-map{width:100%;height:100%;position:absolute;inset:0}.period-maps-map .maplibregl-ctrl-top-right,.period-maps-map .mapboxgl-ctrl-top-right{top:124px;right:max(6px, env(safe-area-inset-right,0px))}.period-maps-panel{border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);color:var(--on-surface);background:linear-gradient(145deg, #ffffff6b 0%, #ffffff14 36%, #f7f6f233 100%), var(--glass-bg);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight), inset 0 -1px 0 #625f580f;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.period-maps-panel:before{pointer-events:none;content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.period-maps-panel>*{position:relative}.period-maps-timeline{top:max(88px, calc(72px + env(safe-area-inset-top,0px)));bottom:max(16px, env(safe-area-inset-bottom,0px));left:max(16px, env(safe-area-inset-left,0px));z-index:5;pointer-events:auto;touch-action:manipulation;flex-direction:column;width:min(168px,36vw);padding:12px 10px 12px 12px;display:flex;position:absolute;overflow:hidden}.period-maps-timeline-desktop-header{border-bottom:1px solid var(--outline-variant);margin:0 0 10px;padding-bottom:10px}.period-maps-timeline-desktop-title{font-family:var(--font-display);color:var(--ink-black);text-wrap:balance;margin:0;font-size:17px;font-weight:600;line-height:1.2}.period-maps-timeline-desktop-meta{color:var(--on-surface-variant);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:11px}.period-maps-timeline-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;flex:auto;min-height:0;overflow-y:auto}.period-maps-timeline-list{flex-direction:column-reverse;justify-content:flex-start;gap:2px;min-height:100%;margin:0;padding:0 0 0 18px;list-style:none;display:flex;position:relative}.period-maps-timeline-list:before{content:"";background:linear-gradient(180deg, #ffffff8c 0%, color-mix(in srgb, var(--primary) 36%, var(--outline-variant)) 55%, var(--outline-variant) 100%);width:2px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 12px #ffffff59}.period-maps-timeline-item{width:100%;min-height:44px;color:var(--on-surface-variant);font-family:var(--font-body);text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;align-items:center;padding:8px 8px 8px 6px;transition:color .18s,background .18s,box-shadow .18s,transform .12s;display:flex;position:relative}.period-maps-timeline-item:hover{color:var(--primary);background:var(--surface-container-high)}.period-maps-timeline-item:active{transform:scale(.98)}.period-maps-timeline-item:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.period-maps-timeline-item.is-active{color:var(--primary);background:color-mix(in srgb, var(--era-color,var(--primary)) 12%, var(--surface-container-high));box-shadow:inset 0 1px 0 #ffffff8c, 0 2px 8px color-mix(in srgb, var(--era-color,var(--primary)) 18%, transparent);font-weight:600}.period-maps-timeline-tick{background:var(--outline);width:12px;height:2px;transition:width .18s,height .18s,background .18s,box-shadow .18s;position:absolute;left:-18px}.period-maps-timeline-item.is-active .period-maps-timeline-tick{background:var(--era-color,var(--primary));width:16px;height:3px;box-shadow:0 0 10px color-mix(in srgb, var(--era-color,var(--primary)) 45%, transparent);left:-20px}.period-maps-timeline-label{letter-spacing:.01em;text-wrap:pretty;font-size:11px;line-height:1.35}.period-maps-timeline-item.is-active .period-maps-timeline-label{font-family:var(--font-display);font-size:12px}@keyframes period-maps-item-enter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.period-maps-timeline.is-ready .period-maps-timeline-item{animation:.38s cubic-bezier(.2,0,0,1) backwards period-maps-item-enter}.period-maps-timeline.is-ready .period-maps-timeline-item:first-child{animation-delay:0s}.period-maps-timeline.is-ready .period-maps-timeline-item:nth-child(2){animation-delay:60ms}.period-maps-timeline.is-ready .period-maps-timeline-item:nth-child(3){animation-delay:.12s}.period-maps-timeline.is-ready .period-maps-timeline-item:nth-child(4){animation-delay:.18s}.period-maps-timeline.is-ready .period-maps-timeline-item:nth-child(n+5){animation-delay:.24s}.period-maps-timeline-status{top:max(88px, calc(72px + env(safe-area-inset-top,0px)));left:max(16px, env(safe-area-inset-left,0px));z-index:5;border:1px solid var(--glass-border-soft);border-radius:var(--glass-radius);max-width:min(300px,100% - 32px);color:var(--dust-text);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-wrap:pretty;margin:0;padding:12px 14px;font-size:12px;position:absolute}.period-maps-timeline-status--empty code{font-size:11px}.period-maps-mobile-toggle{top:max(88px, calc(72px + env(safe-area-inset-top,0px)));left:max(16px, env(safe-area-inset-left,0px));z-index:4;border-radius:var(--radius-full);cursor:pointer;pointer-events:auto;touch-action:manipulation;align-items:center;gap:8px;min-height:44px;padding:10px 16px;transition:transform .16s,box-shadow .16s;display:none;position:absolute}.period-maps-mobile-toggle:hover{box-shadow:var(--shadow-ambient), 0 6px 18px #1d1d1b14}.period-maps-mobile-toggle:active{transform:scale(.96)}.period-maps-mobile-toggle:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.period-maps-mobile-toggle-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.period-maps-mobile-toggle-label{white-space:nowrap;font-size:12px;font-weight:600}.period-maps-timeline-header{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:none}.period-maps-timeline-title{font-family:var(--font-display);color:var(--ink-black);text-wrap:balance;margin:0;font-size:18px;font-weight:600}.period-maps-timeline-close{border-radius:var(--radius-full);width:40px;height:40px;color:var(--on-surface-variant);background:var(--surface-container-high);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s,transform .12s;display:flex;position:relative}.period-maps-timeline-close:before{content:"";position:absolute;inset:-4px}.period-maps-timeline-close:hover{background:var(--outline-variant);color:var(--on-surface)}.period-maps-timeline-close:active{transform:scale(.96)}.period-maps-timeline-close:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.period-maps-timeline-close svg{width:14px;height:14px}.period-maps-timeline-overlay{z-index:4;-webkit-backdrop-filter:blur(4px);opacity:1;pointer-events:auto;touch-action:manipulation;background:#1c1c1538;transition:opacity .22s;position:absolute;inset:0}.period-maps-map-controls{z-index:5;right:max(10px, env(safe-area-inset-right,0px));bottom:max(112px, calc(96px + env(safe-area-inset-bottom,0px)));pointer-events:auto;width:36px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:manipulation;background:0 0;border:0;border-radius:0;flex-direction:column;gap:8px;padding:0;display:flex;position:absolute;overflow:visible}.period-maps-map-controls.period-maps-panel:before{display:none}.period-maps-map-controls-row{flex-direction:column;align-items:center;gap:8px;width:36px;min-height:0;display:flex}.period-maps-compare-toggle{border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);width:38px;height:38px;color:var(--dust-text);cursor:pointer;touch-action:manipulation;background:#ffffff59;flex:none;justify-content:center;align-items:center;padding:0;transition:color .16s,background .16s,border-color .16s,transform .12s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff7a}.period-maps-compare-toggle:hover{color:var(--ink-black);background:#ffffff8c}.period-maps-compare-toggle:active{transform:scale(.96)}.period-maps-compare-toggle:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}.period-maps-compare-toggle.is-active{color:var(--ink-black);border-color:color-mix(in srgb, var(--primary) 36%, var(--glass-border-soft));background:linear-gradient(180deg, #ffffff80, #f7f6f233), color-mix(in srgb, var(--primary) 13%, #ffffff6b)}.period-maps-compare-toggle-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.period-maps-control-toggle{border:1px solid var(--stone-border);border-radius:var(--radius-md);width:36px;height:36px;min-height:36px;color:var(--on-surface);box-shadow:var(--shadow-ambient);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#f7f6f2eb;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.period-maps-control-toggle:before{content:"";pointer-events:none;position:absolute;inset:-2px}.period-maps-control-toggle input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;margin:0}.period-maps-control-toggle span,.period-maps-control-opacity-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.period-maps-control-opacity{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:36px;min-width:36px;min-height:144px;display:flex}.period-maps-control-opacity.is-disabled{opacity:.45}.period-maps-control-opacity input[type=range]{width:36px;height:144px;accent-color:var(--primary);cursor:pointer;writing-mode:vertical-lr;direction:rtl}.period-maps-control-opacity input[type=range]:focus-visible{outline:2px solid var(--tuff-clay);outline-offset:2px}@media (width<=768px){.period-maps-mobile-toggle{display:flex}.period-maps-timeline-desktop-header{display:none}.period-maps-timeline{z-index:6;width:min(300px,86vw);max-width:86vw;height:100%;padding:max(16px, env(safe-area-inset-top,0px)) 16px max(16px, env(safe-area-inset-bottom,0px));overscroll-behavior:contain;border-top:0;border-bottom:0;border-left:0;border-radius:0 12px 12px 0;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:12px 0 32px #1d1d1b1a,4px 0 12px #8b4a340d}.period-maps-timeline.is-open{transform:translate(0)}.period-maps-timeline-header{display:flex}.period-maps-timeline-scroll{padding-bottom:24px}.period-maps-timeline-list{min-height:auto}}@media (width<=960px){.period-maps-timeline{width:min(148px,38vw)}.period-maps-map-controls{right:max(10px, env(safe-area-inset-right,0px));bottom:max(108px, calc(92px + env(safe-area-inset-bottom,0px)));width:36px}}.period-maps-compare,.period-maps-compare-historical{z-index:2;pointer-events:none;position:absolute;inset:0}.period-maps-compare-historical-map{position:absolute;inset:0}.period-maps-compare-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.period-maps-compare-handle{z-index:5;background:var(--primary);width:4px;box-shadow:0 0 12px color-mix(in srgb, var(--primary) 40%, transparent);pointer-events:auto;cursor:ew-resize;touch-action:none;margin-left:-2px;position:absolute;top:0;bottom:0}.period-maps-compare-handle:before{content:"";width:40px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.period-maps-compare-labels{top:max(96px, calc(80px + env(safe-area-inset-top,0px)));z-index:3;pointer-events:none;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.period-maps-compare-label{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;background:var(--glass-bg-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:6px 12px;font-size:11px;font-weight:600}.period-maps-compare-label--historical{color:var(--primary)}.period-maps-compare-label--modern{color:var(--on-surface-variant)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.period-maps-timeline,.period-maps-timeline-overlay,.period-maps-timeline-item,.period-maps-mobile-toggle,.period-maps-timeline-close{transition:none;animation:none}.period-maps-timeline.is-ready .period-maps-timeline-item{animation:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.period-maps-panel,.period-maps-timeline-status{background:var(--surface-container-high)}}.story-shell{background:var(--warm-canvas);min-height:100dvh;overflow-x:clip}.story-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(420px,40vw);height:100dvh;min-height:100dvh;display:grid}.story-nav{z-index:10;grid-column:1/-1;position:relative}.story-nav .root{width:100%;max-width:none;padding:max(12px, env(safe-area-inset-top,0px)) var(--spacing-gutter) 0;position:relative;top:auto;left:auto;transform:none}.story-main{min-width:0;padding:16px var(--spacing-gutter) 48px;-webkit-overflow-scrolling:touch;grid-area:2/1;position:relative;overflow-y:auto}.story-content{max-width:680px;margin:0 auto}.story-progress{border:1px solid var(--glass-border-soft);border-radius:var(--radius-full);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:8px;margin-bottom:28px;padding:8px 14px;display:inline-flex}.story-progress__dot{background:var(--stone-border);border-radius:50%;width:8px;height:8px;transition:background-color .25s,transform .25s}.story-progress__dot.is-done{background:var(--dust-text)}.story-progress__dot.is-active{background:var(--tuff-clay);transform:scale(1.25)}.story-progress__label{color:var(--dust-text);letter-spacing:.08em;text-transform:uppercase;margin-left:4px;font-size:11px;font-weight:600}.story-article{animation:.52s cubic-bezier(.2,0,0,1) story-article-enter}.story-article__header{margin-bottom:28px}.story-article__eyebrow{color:var(--dust-text);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}.story-article__title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.15}.story-article__chapter{color:var(--dust-text);margin:0 0 12px;font-size:14px;line-height:1.5}.story-article__focus{color:var(--tuff-clay);margin:0;font-size:15px;font-weight:500;line-height:1.45}.story-illustration{margin:0 0 32px}.story-illustration__frame{aspect-ratio:16/10;border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);color:var(--story-era-color,var(--tuff-clay));background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--story-era-color) 28%, transparent), transparent 42%), radial-gradient(circle at 82% 78%, color-mix(in srgb, var(--story-era-color) 18%, transparent), transparent 48%), linear-gradient(145deg, var(--surface-container-low), var(--warm-stone));box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-highlight);position:relative;overflow:hidden}.story-illustration__glow{background:color-mix(in srgb, var(--story-era-color) 22%, transparent);filter:blur(36px);border-radius:50%;animation:6s ease-in-out infinite story-glow-pulse;position:absolute;inset:20% 25%}.story-illustration__orb{border:1px solid color-mix(in srgb, var(--story-era-color) 35%, transparent);background:color-mix(in srgb, var(--story-era-color) 8%, transparent);border-radius:50%;position:absolute}.story-illustration__orb--a{width:72px;height:72px;animation:7s ease-in-out infinite story-orb-float;top:14%;right:12%}.story-illustration__orb--b{width:48px;height:48px;animation:5.5s ease-in-out infinite reverse story-orb-float;bottom:18%;left:10%}.story-illustration__glyph{opacity:.72;width:88px;height:88px;animation:.52s cubic-bezier(.2,0,0,1) story-glyph-rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-illustration__caption{padding-top:14px}.story-illustration__label{color:var(--dust-text);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.story-illustration__title{margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.25}.story-illustration__text{color:var(--dust-text);margin:0;font-size:14px;line-height:1.55}.story-article__lead{margin:0 0 24px;font-size:clamp(16px,2.5vw,18px);line-height:1.6}.story-article__body{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.story-article__paragraph{color:var(--dust-text);animation:.48s cubic-bezier(.2,0,0,1) backwards story-paragraph-enter;animation-delay:var(--story-paragraph-delay,0s);margin:0;font-size:clamp(15px,2.2vw,16px);line-height:1.7}.story-article__highlights{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.story-article__highlights li{border:1px solid var(--stone-border);border-radius:var(--radius-full);color:var(--dust-text);background:var(--surface-container-low);padding:4px 12px;font-size:12px;line-height:1.35}.story-article__actions{border-top:1px solid var(--stone-border);justify-content:space-between;gap:12px;padding-top:8px;display:flex}.story-btn{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;border:1px solid #0000;min-width:108px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.2;transition:background-color .2s,border-color .2s,opacity .2s}.story-btn:disabled{opacity:.4;cursor:not-allowed}.story-btn--primary{border-color:var(--tuff-clay);color:var(--on-primary);background:var(--tuff-clay);flex:1}.story-btn--primary:hover:not(:disabled){background:var(--primary-container)}.story-btn--ghost{color:var(--ink-black);border-color:var(--stone-border);background:0 0}.story-btn--ghost:hover:not(:disabled){border-color:var(--tuff-clay);color:var(--tuff-clay)}.story-mobile-bar{z-index:20;padding:10px 16px max(10px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--glass-border-soft);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);gap:10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #1d1d1b14}.story-aside{border-left:1px solid var(--stone-border);background:var(--surface-container-low);flex-direction:column;grid-area:2/2;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;position:sticky;top:0}.story-aside__map{flex:58%;min-height:240px;position:relative}.story-map{width:100%;height:100%;position:relative}.story-map--zoom-only .story-map__canvas,.story-map--zoom-only .story-map__canvas .mapboxgl-canvas{cursor:default;touch-action:pinch-zoom}.story-map__canvas{width:100%;height:100%;position:absolute;inset:0}.story-map__error{z-index:2;border:1px solid var(--stone-border);border-radius:var(--radius-md);color:var(--ink-black);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:10px 12px;font-size:13px;line-height:1.45;position:absolute;top:12px;left:12px;right:12px}.story-map__error strong{margin-bottom:4px;display:block}.story-map__error span{color:var(--dust-text)}.story-aside__places{border-top:1px solid var(--glass-border-soft);-webkit-overflow-scrolling:touch;flex:none;max-height:42%;padding:16px;overflow-y:auto}.story-aside__places-header{margin-bottom:12px}.story-aside__places-eyebrow{color:var(--dust-text);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:600}.story-aside__places-title{margin:0;font-size:15px;font-weight:600}.story-places-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.story-places-list__item{min-width:0}.story-place-card{border:1px solid var(--stone-border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:inherit;text-align:left;background:var(--glass-bg);cursor:pointer;touch-action:manipulation;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.story-place-card:hover{border-color:color-mix(in srgb, var(--tuff-clay) 45%, var(--stone-border))}.story-place-card.is-selected{border-color:var(--tuff-clay);background:color-mix(in srgb, var(--tuff-clay) 8%, var(--glass-bg));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tuff-clay) 18%, transparent)}.story-place-card__meta{flex-direction:column;gap:2px;display:flex}.story-place-card__category{color:var(--dust-text);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.story-place-card__name{font-size:14px;font-weight:600;line-height:1.25}.story-place-card__description{color:var(--dust-text);font-size:12px;line-height:1.45}@keyframes story-article-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes story-paragraph-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes story-glow-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}@keyframes story-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes story-glyph-rise{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:.72;transform:translate(-50%,-50%)}}@media (width<=960px){.story-layout{flex-direction:column;min-height:auto;display:flex}.story-nav .root{padding-inline:12px}.story-main{padding:12px 16px calc(88px + env(safe-area-inset-bottom,0px));flex:auto;overflow:visible}.story-aside{display:none}.story-layout>.story-aside__map{border-bottom:1px solid var(--stone-border);background:var(--surface-container-low);flex:none;height:clamp(220px,38dvh,320px);min-height:220px}.story-layout>.story-aside__places{border-top:0;flex:none;max-height:none;padding:12px 16px 0;overflow:visible}.story-aside__places-header{margin-bottom:10px}.story-places-list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:10px;margin:0 -16px;padding:0 16px 12px;overflow:auto hidden}.story-places-list::-webkit-scrollbar{display:none}.story-places-list__item{scroll-snap-align:start;flex:0 0 min(280px,78vw)}.story-place-card{height:100%}.story-place-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-illustration{margin-bottom:24px}.story-illustration__frame{aspect-ratio:16/9}.story-article__highlights{margin-bottom:16px}.story-article__actions{display:none}.story-mobile-bar{display:flex}.story-progress{margin-bottom:20px}}@media (width<=480px){.story-article__chapter{font-size:13px}.story-layout>.story-aside__map{height:clamp(200px,34dvh,280px);min-height:200px}}@media (prefers-reduced-motion:reduce){.story-article,.story-article__paragraph,.story-illustration__glyph,.story-illustration__glow,.story-illustration__orb,.story-progress__dot{transition:none;animation:none}}