@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Noto+Sans+SC:wght@400;500&family=Noto+Serif+SC:wght@600&family=Source+Sans+3:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box}:root{--ink:#1e2a1c;--muted:#5a6558;--paper:#faf7f0;--sage:#3d5a45;--sans:"Source Sans 3", "Noto Sans SC", system-ui, sans-serif;--serif:"Fraunces", "Noto Serif SC", Georgia, serif;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}html,body,#root{width:100%;height:100%;min-height:100svh;margin:0}body{background:#ebe6da;overflow:hidden}button{font-family:inherit}a{color:var(--sage)}.event-overlay{z-index:40;background:#141c1473;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.event-popup{background:#faf7f0;border:1px solid #2832281f;border-radius:10px;width:min(480px,100%);max-height:90vh;padding:1.25rem 1.35rem 1.1rem;position:relative;overflow:auto;box-shadow:0 12px 40px #00000040}.event-figure{margin:0 1.5rem .9rem 0}.event-image{object-fit:contain;object-position:center;background:#e8e2d6;border-radius:8px;width:100%;max-height:240px;display:block}.event-image-credit{color:#6a7468;margin-top:.35rem;font-size:.68rem;line-height:1.35}.event-image-ref-label{color:#5a6558;font-weight:600}.event-image-license{color:#7a8578}.event-image-credit a{color:#2f5d48}.event-close{cursor:pointer;color:#5a6558;background:0 0;border:none;padding:.25rem .4rem;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.65rem}.event-fields{flex-direction:column;gap:.85rem;margin:0;display:flex}.event-fields dt{letter-spacing:.05em;text-transform:uppercase;color:#6a7468;margin-bottom:.2rem;font-size:.72rem}.event-fields dd{color:#1e2a1c;margin:0;font-size:1rem;line-height:1.45}#event-popup-title{font-family:Fraunces,Noto Serif SC,Georgia,serif;font-size:1.35rem;font-weight:600}.event-sources{margin:0;padding-left:1.1rem;font-size:.85rem}.event-sources a{color:#2f5d48}.event-done{color:#f7f4ec;cursor:pointer;background:#3d5a45;border:none;border-radius:6px;width:100%;margin-top:1.1rem;padding:.65rem;font-family:inherit;font-size:1rem}.event-done:hover{background:#324a39}.lang-switcher{gap:.35rem;display:flex}.lang-btn{color:#2a3328;cursor:pointer;background:#fffcf5d9;border:1px solid #28322840;border-radius:4px;padding:.4rem .7rem;font-family:"Source Sans 3",Noto Sans SC,system-ui,sans-serif;font-size:.85rem}.lang-btn:hover{background:#fffcf5}.lang-btn.active{color:#f7f4ec;background:#3d5a45;border-color:#3d5a45}.legend{background:#fffcf5f0;border:1px solid #28322826;border-radius:8px;flex-direction:column;gap:.35rem;width:100%;max-width:none;max-height:none;padding:.45rem .7rem .55rem;display:flex;overflow:hidden;box-shadow:0 4px 18px #1e281e1f}.legend-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.legend-title{color:#1e2a1c;white-space:nowrap;margin:0;font-family:Fraunces,Noto Serif SC,Georgia,serif;font-size:.88rem;font-weight:600}.legend-list{scrollbar-width:thin;flex-flow:row;gap:.35rem .55rem;margin:0;padding:0 0 .15rem;list-style:none;display:flex;overflow:auto hidden}.legend-item{color:#2a3328;background:#ffffff8c;border:1px solid #28322814;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.18rem .4rem;font-size:.78rem;transition:background-color .12s,font-weight .12s,box-shadow .12s,border-color .12s;display:flex}.legend-item-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin:0;padding:0;display:inline-flex}.legend-item--active{color:#142018;background:#3d5a4529;border-color:#3d5a4559;font-weight:700}.legend-item--picked{background:#c45c2629;border-color:#c45c2673;font-weight:650}.legend-item--active .legend-swatch,.legend-item--picked .legend-swatch{border-color:#00000059;width:.85rem;height:.85rem;box-shadow:0 0 0 2px #fffcf5e6}.legend-name{white-space:nowrap;line-height:1.2}.legend-swatch{border:1px solid #00000026;border-radius:2px;flex-shrink:0;width:.75rem;height:.75rem}.legend-empty{color:#5a6558;margin:0;font-size:.78rem}.legend-note{color:#6a7468;max-width:36rem;margin:0;font-size:.68rem;line-height:1.3}@media (width<=640px){.legend-note{display:none}.legend-title{font-size:.82rem}}.relations-popup{background:#faf7f0;border:1px solid #2832281f;border-radius:10px;width:min(520px,100%);max-height:90vh;padding:1.25rem 1.35rem 1.1rem;position:relative;overflow:auto;box-shadow:0 12px 40px #00000040}.relations-title{color:#1e2a1c;margin:0 1.75rem .85rem 0;font-family:Fraunces,Noto Serif SC,Georgia,serif;font-size:1.25rem;font-weight:600;line-height:1.3}.relations-figure{margin:0 0 .9rem}.relations-image{object-fit:contain;object-position:center;background:#e8e2d6;border-radius:8px;width:100%;max-height:220px;display:block}.relations-section{margin-bottom:.95rem}.relations-section h3{letter-spacing:.05em;text-transform:uppercase;color:#6a7468;margin:0 0 .35rem;font-size:.72rem;font-weight:600}.relations-section p{color:#1e2a1c;margin:0;font-size:.98rem;line-height:1.45}.relations-empty{color:#5a6558!important;font-size:.9rem!important}.relations-event-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.relations-event-btn{text-align:left;cursor:pointer;width:100%;color:inherit;background:#fffcf5e6;border:1px solid #2832281f;border-radius:8px;align-items:center;gap:.65rem;padding:.4rem .5rem;font-family:inherit;display:flex}.relations-event-btn:hover{background:#3d5a4514;border-color:#3d5a4573}.relations-thumb{object-fit:contain;background:#e8e2d6;border-radius:4px;flex-shrink:0;width:56px;height:40px}.relations-event-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.relations-event-text strong{font-size:.92rem;line-height:1.25}.relations-event-text span{color:#5a6558;font-size:.75rem}.timeline{width:100%;max-width:820px;margin:0 auto}.timeline-year{justify-content:center;align-items:baseline;gap:.6rem;margin-bottom:.35rem;display:flex}.timeline-year-label{letter-spacing:.04em;text-transform:uppercase;color:#5a6558;font-size:.8rem}.timeline-year-value{color:#1e2a1c;font-family:Fraunces,Noto Serif SC,Georgia,serif;font-size:1.55rem;font-weight:600}.timeline-controls{align-items:center;gap:.55rem;display:flex}.timeline-nav{color:#1e2a1c;cursor:pointer;background:#fffcf5f2;border:1px solid #28322840;border-radius:8px;flex-shrink:0;width:2.4rem;height:2.4rem;font-family:inherit;font-size:1.6rem;line-height:1}.timeline-nav:hover:not(:disabled){color:#f7f4ec;background:#3d5a45;border-color:#3d5a45}.timeline-nav:disabled{opacity:.35;cursor:not-allowed}.timeline-slider{cursor:pointer;accent-color:#3d5a45;flex:1;min-width:0;height:1.5rem}.timeline-ends{color:#5a6558;justify-content:space-between;margin-top:.15rem;padding:0 2.95rem;font-size:.75rem;display:flex}.map-view{width:100%;height:100%;position:absolute;inset:0}.map-view .maplibregl-ctrl-attrib{background:#fffcf5d9;font-size:.65rem}.map-view .maplibregl-ctrl-group{background:#fffcf5f2;border:1px solid #28322826;box-shadow:0 2px 10px #1e281e1f}.map-view .maplibregl-ctrl-group button{width:32px;height:32px}.app{background:radial-gradient(120% 80% at 10% 0,#b4a06e2e,#0000 55%),radial-gradient(90% 70% at 90% 100%,#5a786424,#0000 50%),#ebe6da;flex-direction:column;height:100svh;min-height:100svh;display:flex;overflow:hidden}.app-header{z-index:5;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1.15rem .65rem;display:flex}.app-brand{text-align:left;min-width:0}.app-title{color:#1a2418;letter-spacing:-.02em;margin:0;font-family:Fraunces,Noto Serif SC,Georgia,serif;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:650;line-height:1.15}.app-subtitle{color:#4a5548;max-width:36rem;margin:.25rem 0 0;font-size:.88rem}.app-main{flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:0 .85rem .85rem;display:flex}.map-stage{background:#d8d4c8;border:1px solid #2832282e;border-radius:10px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 28px #1e281e1f}.map-overlays{z-index:2;pointer-events:auto;flex-direction:column;align-items:stretch;gap:.4rem;max-width:none;display:flex;position:absolute;inset:.55rem 3.4rem auto .55rem}.map-chrome{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.map-focus-btn{color:#f4f1e8;letter-spacing:.01em;cursor:pointer;background:linear-gradient(165deg,#4a6b52 0%,#355043 55%,#2d4538 100%);border:1px solid #1c302238;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .95rem .42rem .72rem;font-family:inherit;font-size:.86rem;font-weight:650;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 4px 14px #1e322347}.map-focus-btn:hover{background:linear-gradient(165deg,#557a5d 0%,#3d5c4c 55%,#355043 100%);box-shadow:inset 0 1px #ffffff38,0 6px 18px #1e322357}.map-focus-btn:active{transform:translateY(1px)}.map-focus-btn__icon{flex-shrink:0;line-height:0;display:inline-flex}.map-focus-btn__label{white-space:nowrap}.map-focus-btn--active{color:#243028;background:linear-gradient(165deg,#fffdf8 0%,#f3eee3 100%);border-color:#28372a47;box-shadow:inset 0 1px #ffffffe6,0 3px 12px #1e281e24}.map-focus-btn--active:hover{background:linear-gradient(165deg,#fff 0%,#f7f2e8 100%);box-shadow:inset 0 1px #fffffff2,0 4px 14px #1e281e2e}.relations-btn{color:#1e2a1c;cursor:pointer;background:#fffcf5f5;border:1px solid #2832282e;border-radius:999px;padding:.35rem .85rem;font-family:inherit;font-size:.85rem;font-weight:650;box-shadow:0 3px 12px #1e281e1f}.relations-btn:hover{background:#fff}.relations-btn--active{color:#f7f4ec;background:#3d5a45;border-color:#3d5a45}.relations-hint{color:#2a3328;background:#fffcf5eb;border:1px solid #2832281f;border-radius:999px;margin:0;padding:.28rem .7rem;font-size:.75rem;box-shadow:0 2px 10px #1e281e14}.app-status{color:#3a4538;justify-content:center;align-items:center;margin:0;font-size:1.05rem;display:flex;position:absolute;inset:0}.app-error{color:#8b2e1a;text-align:center;padding:1rem}.app-footer{background:#fffcf5e0;border:1px solid #2832281f;border-radius:10px;flex-shrink:0;padding:.65rem 1rem .85rem;box-shadow:0 2px 12px #1e281e14}.app-hint{text-align:center;color:#5a6558;margin:0 0 .45rem;font-size:.78rem}.app--map-focus .app-header{display:none}.app--map-focus .app-main{gap:.45rem;padding:.45rem .55rem .55rem}.app--map-focus .map-stage{border-radius:8px}.app--map-focus .app-footer{padding:.5rem .75rem .6rem}@media (width<=640px){.app-header{flex-direction:column;align-items:stretch;padding:.7rem .75rem .5rem}.map-overlays{max-width:none;inset:.45rem 3.1rem auto .45rem}.map-focus-btn{padding:.48rem 1rem .48rem .78rem;font-size:.9rem;animation:2.4s ease-in-out map-focus-attn;box-shadow:inset 0 1px #fff3,0 5px 16px #1e32235c}.map-focus-btn--active{animation:none}.app-footer{padding:.55rem .75rem .7rem}.app--map-focus .app-main{gap:.35rem;padding:.3rem .35rem .4rem}.app--map-focus .map-stage{border-radius:6px}.app--map-focus .app-footer{border-radius:8px;padding:.4rem .55rem .5rem}}@keyframes map-focus-attn{0%,to{box-shadow:inset 0 1px #fff3,0 5px 16px #1e32235c}40%{box-shadow:inset 0 1px #ffffff47,0 0 0 3px #4a6b5259,0 8px 22px #1e32236b}}