:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:#0c1413;overflow:hidden}.wrap{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%}.hud{position:fixed;left:22px;top:20px;z-index:25;color:#ece3cf;max-width:420px;pointer-events:none;font-family:DM Sans,system-ui,-apple-system,sans-serif;text-shadow:0 1px 7px rgba(0,0,0,.65)}.hud h1{font-family:Georgia,Times New Roman,serif;font-size:31px;margin:0 0 4px;letter-spacing:.3px;color:#f3ead2;font-weight:600}.hud p{margin:3px 0;font-size:14.5px;opacity:.95}.hud .legend{display:flex;align-items:center;gap:8px}.hud .dot{width:11px;height:11px;border-radius:50%;flex:none;background:#e8b84b;box-shadow:0 0 9px #e8b84b}.hud .hint{font-size:13px;opacity:.72;margin-top:10px}.story-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:64px;width:max-content;max-width:100%;pointer-events:auto;padding:12px 12px 11px;border-radius:16px;background:#0d1514f7;border:1px solid rgba(232,184,75,.3)}.story-picker .legend{grid-column:1 / -1;margin:0 2px 3px}.story-chip{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.09em;text-transform:uppercase;text-align:center;padding:10px 16px;border-radius:999px;cursor:pointer;border:1px solid rgba(232,184,75,.42);background:#0c141359;color:#ddd0ad;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.story-chip:hover{background:#e8b84b1f;color:#ecd9a4}.story-chip:focus-visible{outline:1px solid rgba(232,184,75,.8);outline-offset:2px}.story-chip.on{background:#e8b84b4d;border-color:#e8b84bd9;color:#f5d98b}.era-rail{--rail-x: -50%;position:fixed;bottom:16px;left:50%;z-index:24;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#0d1514f5;border:1px solid rgba(232,184,75,.32);transform:translate(var(--rail-x));max-width:calc(100vw - 32px);overflow-x:auto;user-select:none;-webkit-user-select:none}.era-rail-label{display:inline-flex;align-items:center;gap:6px;flex:none;font-family:DM Sans,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#a9c0b6;padding:0 3px 0 6px}.era-divider{width:1px;height:18px;flex:none;background:#e8b84b3d}.era-chip{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;padding:8px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;flex:none;border:1px solid rgba(232,184,75,.4);background:transparent;color:#d9cca9;transition:background .15s,border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.era-chip:hover{background:#e8b84b1a;color:#ecd9a4}.era-chip:focus-visible{outline:1px solid rgba(232,184,75,.8);outline-offset:2px}.era-chip.on{background:#e8b84b4d;border-color:#e8b84bd9;color:#f5d98b}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:35;color:#cdbf9e;font-family:Georgia,serif;font-size:18px;letter-spacing:.5px}.load-error{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:200;background:#070c0cb8}.load-error-box{max-width:420px;margin:16px;padding:30px 34px;text-align:center;background:linear-gradient(180deg,#121c1cf7,#0d1515fa);border:1px solid rgba(232,184,75,.3);border-radius:12px;color:#ece3cf;font-family:DM Sans,system-ui,sans-serif}.load-error-box h2{font-family:Georgia,serif;font-size:22px;margin:0 0 10px;color:#f3ead2}.load-error-box p{font-size:14px;opacity:.85;margin:0 0 20px}.load-error-box button{padding:10px 22px;border-radius:999px;border:1px solid rgba(232,184,75,.55);background:#e8b84b1f;color:#f0d27a;font-size:14px;cursor:pointer}.load-error-box button:hover{background:#e8b84b38}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse 72% 68% at 50% 46%,transparent 58%,rgba(5,12,12,.38) 88%,rgba(4,10,10,.62) 100%)}.intro-veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1413;z-index:30;pointer-events:none;opacity:1}.intro-veil.lift{opacity:0;transition:opacity 1.3s ease .1s}.wrap .hud{opacity:0;transform:translateY(10px)}.wrap:not(.ready) .story-picker{pointer-events:none}.wrap .era-rail{opacity:0;transform:translate(var(--rail-x),10px);pointer-events:none}.wrap.ready .era-rail{opacity:1;transform:translate(var(--rail-x));pointer-events:auto;transition:opacity .9s ease .5s,transform .9s ease .5s}.wrap .audio-btn,.wrap .home-btn,.wrap .about-btn,.wrap .search-btn,.wrap .layers-btn{opacity:0;transform:translate(-12px);pointer-events:none;visibility:hidden}.wrap.ready .hud{opacity:1;transform:none;transition:opacity .9s ease .3s,transform .9s ease .3s}.wrap.ready .audio-btn,.wrap.ready .home-btn,.wrap.ready .about-btn,.wrap.ready .search-btn,.wrap.ready .layers-btn{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .7s ease,transform .7s ease}.wrap.ready .audio-btn{transition-delay:.5s}.wrap.ready .home-btn{transition-delay:.62s}.wrap.ready .search-btn{transition-delay:.74s}.wrap.ready .layers-btn{transition-delay:.86s}.wrap.ready .about-btn{transition-delay:.98s}@media (prefers-reduced-motion: reduce){.intro-veil{display:none}.wrap .hud,.wrap .audio-btn,.wrap .home-btn,.wrap .about-btn,.wrap .search-btn,.wrap .layers-btn{opacity:1;transform:none;transition:none;visibility:visible}.wrap .audio-btn,.wrap .home-btn,.wrap .about-btn,.wrap .search-btn,.wrap .layers-btn{pointer-events:auto}.wrap .era-rail{opacity:1;transform:translate(var(--rail-x));transition:none;pointer-events:auto}.lore-card,.story-panel,.map-pin .pin-medal{transition:none}}.label-layer,.hud,.region-banner,.audio-btn,.home-btn,.about-btn,.search-btn,.layers-btn,.loading{user-select:none;-webkit-user-select:none}.label-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;overflow:hidden}.map-label{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity}.lbl-region{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:27px;letter-spacing:.44em;text-indent:.44em;color:#f0e6cd8c;text-shadow:0 1px 12px rgba(10,18,16,.55);background:none;border:0;padding:6px 10px;pointer-events:auto;cursor:pointer;transition:color .18s}.lbl-region:hover,.lbl-region:focus-visible{color:#f6eed6eb}.lbl-region:focus-visible{outline:1px solid rgba(232,184,75,.7);outline-offset:4px;border-radius:4px}.map-pin{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:8px;pointer-events:auto;cursor:pointer;white-space:nowrap;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.map-pin .pin-medal{display:block;border-radius:50%;filter:drop-shadow(0 2px 5px rgba(4,10,10,.65));transition:transform .16s ease,filter .16s ease}.map-pin .pin-name{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:#f0e7d1e0;text-shadow:0 1px 6px rgba(8,14,13,.85);transition:color .16s}.pin-capital .pin-name{font-size:12.5px;color:#f8f0daf2}.pin-moment .pin-name{font-size:10.5px;letter-spacing:.12em;color:#f2e4c4d1}.pin-site .pin-name{font-size:10px;letter-spacing:.1em;color:#e2d8beb8}.map-pin:hover .pin-medal,.map-pin.active .pin-medal,.map-pin:focus-visible .pin-medal{transform:scale(1.12);filter:drop-shadow(0 2px 6px rgba(4,10,10,.7)) drop-shadow(0 0 9px rgba(232,184,75,.55))}.map-pin:hover .pin-name,.map-pin.active .pin-name{color:#f6e7b8}.map-pin:focus-visible{outline:none}.map-pin:focus-visible .pin-medal{box-shadow:0 0 0 2px #e8b84bd9}.lbl-feature{font-family:DM Sans,system-ui,sans-serif;font-weight:500;font-size:11.5px;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#d6e0d6ad;text-shadow:0 1px 6px rgba(10,18,16,.6)}.lbl-water{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:500;font-size:15.5px;letter-spacing:.14em;text-indent:.14em;text-transform:none;color:#bcdbdec7}.lbl-capital{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:#f6eed8f2;text-shadow:0 1px 7px rgba(8,14,13,.85)}.lbl-town{font-family:DM Sans,system-ui,sans-serif;font-weight:500;font-size:11.5px;color:#ece3cfcc;text-shadow:0 1px 6px rgba(8,14,13,.8)}.region-banner{position:fixed;top:22px;left:50%;transform:translate(-50%);font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:.08em;color:#f3ead2;text-shadow:0 2px 12px rgba(0,0,0,.7);pointer-events:none;opacity:.92}.audio-btn,.home-btn,.about-btn,.search-btn,.layers-btn{position:fixed;top:88px;z-index:60;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(232,184,75,.34);background:#0d1514f0;color:#e8b84b;cursor:pointer;transition:background .15s}.audio-btn svg,.home-btn svg,.about-btn svg,.search-btn svg,.layers-btn svg{width:21px;height:21px}.audio-btn{left:22px}.home-btn{left:80px}.search-btn{left:138px}.layers-btn{left:196px}.about-btn{left:254px}.audio-btn:hover,.home-btn:hover,.about-btn:hover,.search-btn:hover,.layers-btn:hover{background:#e8b84b24}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:58}.layers-pop{position:fixed;left:196px;top:146px;z-index:59;min-width:220px;padding:12px 12px 10px;border-radius:12px;background:linear-gradient(180deg,#121c1cfb,#0d1515fc);border:1px solid rgba(232,184,75,.3)}.layers-title{font-family:DM Sans,system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#a9c0b6;margin:0 4px 8px}.layer-row{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:#e0d4b2b8;text-align:left;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:500;transition:background .12s,color .12s}.layer-row:hover{background:#e8b84b14}.layer-row .layer-dot{width:9px;height:9px;border-radius:50%;flex:none;border:1px solid rgba(232,184,75,.55);background:transparent;transition:background .12s}.layer-row.on{color:#ecd9a4}.layer-row.on .layer-dot{background:#e8b84b;box-shadow:0 0 6px #e8b84b80}.layer-hint{font-family:DM Sans,system-ui,sans-serif;font-size:12px;line-height:1.45;color:#93aca2;margin:-2px 0 4px;padding:0 10px 0 28px;max-width:232px;white-space:normal}.search-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#050a0a61;display:flex;justify-content:center;align-items:flex-start;padding-top:11vh}.search-box{width:520px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#121c1cf7,#0d1515fa);border:1px solid rgba(232,184,75,.34);border-radius:14px;padding:6px 16px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-box>svg{position:absolute;margin-top:15px;color:#9c8f6d}.search-box input{width:100%;padding:13px 8px 13px 30px;border:0;background:transparent;color:#f0e7cf;font-family:DM Sans,system-ui,sans-serif;font-size:16px;outline:none}.search-box input::placeholder{color:#79766a}.search-results{list-style:none;margin:2px 0 4px;padding:6px 0 0;border-top:1px solid rgba(232,184,75,.18)}.search-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;cursor:pointer;background:transparent;color:#ddd3bd;text-align:left;font-family:DM Sans,system-ui,sans-serif;font-size:14px}.search-row.sel{background:#e8b84b1f;color:#f3e6c2}.sr-name{font-weight:600}.sr-sub{font-size:12px;color:#8fa096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-tag{margin-left:auto;flex:none;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#a08b58}.search-empty{padding:10px 10px 12px;border-top:1px solid rgba(232,184,75,.18);font-size:13px;color:#8fa096;font-family:DM Sans,system-ui,sans-serif}.pin-wonder .pin-name{font-size:12px;letter-spacing:.15em;color:#ffe7b2f2}.pin-wonder .pin-medal{filter:drop-shadow(0 2px 5px rgba(4,10,10,.65)) drop-shadow(0 0 7px rgba(255,217,143,.35))}.pin-medal-box{position:relative;display:block;line-height:0}.pin-medal-box .pin-medal{position:relative}.pin-halo{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}.pin-halo i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%) scale(1);will-change:transform,opacity}.halo-wonder .halo-outer{width:118px;height:118px;background:radial-gradient(circle,#7c5cdb73,#7050d042 32%,#6344c41a 55%,#5c3eba00 74%);animation:halo-pulse 3.2s ease-in-out infinite}.halo-wonder .halo-core{width:64px;height:64px;background:radial-gradient(circle,#ffd98f8c,#ffcd7442 42%,#ffc86900 72%);animation:halo-pulse 3.2s ease-in-out infinite}.halo-capital .halo-core{width:76px;height:76px;background:radial-gradient(circle,#e8b84b61,#e8b84b33 40%,#e8b84b14 58%,#e8b84b00 74%);animation:halo-pulse 3.6s ease-in-out -1.3s infinite}@keyframes halo-pulse{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}@media (prefers-reduced-motion: reduce){.pin-halo i{animation:none;opacity:.8;transform:translate(-50%,-50%) scale(1)}}.halo-peak{display:none}.map-pin.era-peak .halo-peak{display:block}.halo-peak .halo-core{width:88px;height:88px;background:radial-gradient(circle,#f4d97e66,#f0cd6438 40%,#ecc35517 58%,#e8b84b00 74%);animation:halo-pulse 3.6s ease-in-out -.8s infinite}.pin-ruin{display:none;position:absolute;left:0;top:0;pointer-events:none}.map-pin.era-ruined .pin-ruin{display:block}.map-pin.era-ruined .pin-medal{filter:grayscale(.5) brightness(.78) drop-shadow(0 2px 5px rgba(4,10,10,.65))}.map-pin.era-ruined:hover .pin-medal,.map-pin.era-ruined.active .pin-medal,.map-pin.era-ruined:focus-visible .pin-medal{filter:grayscale(.4) brightness(.86) drop-shadow(0 2px 6px rgba(4,10,10,.7)) drop-shadow(0 0 9px rgba(214,199,164,.4))}.map-pin.era-ruined .pin-name{color:#c9bea39e}.map-pin.era-ruined:hover .pin-name,.map-pin.era-ruined.active .pin-name{color:#e9ddc0e6}.map-pin.era-ruined .pin-halo{display:none}.wonder-panel{position:relative;width:560px;max-width:calc(100vw - 32px);margin:16px;padding:26px 34px 30px;background:linear-gradient(180deg,#121c1cf7,#0d1515fa);border:1px solid rgba(232,184,75,.34);border-radius:14px;color:#ece3cf;font-family:DM Sans,system-ui,sans-serif;max-height:88vh;overflow-y:auto}.wonder-viewer{height:264px;margin:4px -14px 6px;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse 75% 90% at 50% 60%,#e8b84b14,#09101059 78%);border-bottom:1px solid rgba(232,184,75,.22);cursor:grab;touch-action:none}.wonder-viewer:active{cursor:grabbing}.wonder-viewer canvas{display:block}.wonder-recon{font-size:11.5px;color:#8fa096;margin:6px 0 14px;font-family:DM Sans,system-ui,sans-serif}.wonder-facts{margin:2px 0 18px;border-top:1px solid rgba(232,184,75,.16)}.fact-row{display:flex;gap:12px;padding:7px 2px;border-bottom:1px dashed rgba(232,184,75,.14)}.fact-k{flex:none;width:108px;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#a08b58;padding-top:2px;font-family:DM Sans,system-ui,sans-serif}.fact-v{font-size:13.5px;color:#d6cbb2;line-height:1.45}.wonder-name{font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.1;margin:0 0 8px;color:#f5edd6}.wonder-story{font-size:15px;line-height:1.62;color:#ddd3bd;margin:0 0 16px}.wonder-sites-label{margin-top:18px}.wonder-sites{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.wonder-site{padding:9px 15px;border-radius:999px;cursor:pointer;text-align:left;border:1px solid rgba(232,184,75,.34);background:#e8b84b12;color:#e5d4a6;font-size:13.5px;font-family:DM Sans,system-ui,sans-serif;transition:background .15s,border-color .15s}.wonder-site:hover{background:#e8b84b29;border-color:#e8b84b99}.lore-wonders{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin:-8px 0 22px}.wonder-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,217,143,.45);background:#ffd98f17;color:#ffd98f;font-size:13px;font-weight:600;font-family:DM Sans,system-ui,sans-serif;transition:background .15s,border-color .15s}.wonder-chip:hover{background:#ffd98f2e;border-color:#ffd98fbf}.about-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:150;background:#050a0a94}.about-panel{position:relative;max-width:470px;margin:16px;padding:28px 32px;background:linear-gradient(180deg,#121c1cf7,#0d1515fa);border:1px solid rgba(232,184,75,.3);border-radius:12px;color:#ece3cf;font-family:DM Sans,system-ui,sans-serif;max-height:86vh;overflow-y:auto}.about-panel h2{font-family:Georgia,serif;font-size:22px;margin:0 0 10px;color:#f3ead2}.about-panel p{font-size:14px;line-height:1.55;opacity:.9;margin:0 0 14px}.about-credits{list-style:none;margin:0 0 14px;padding:0}.about-credits li{font-size:13px;line-height:1.55;margin-bottom:9px;color:#cfc4a9}.about-credits strong{color:#e8d9b4;font-weight:600}.about-panel a{color:#f0d27a;text-decoration:none;border-bottom:1px solid rgba(232,184,75,.4)}.about-panel a:hover{border-bottom-color:#e8b84bd9}.about-note{font-size:12.5px;color:#9fae9f;margin-bottom:0!important}.about-links{display:flex;flex-wrap:wrap;gap:9px 16px;font-size:13px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(232,184,75,.2)}.about-panel .about-ministry{font-size:12.5px;color:#9fae9f;margin:11px 0 0}.lore-card{position:fixed;top:0;right:0;height:100%;width:366px;max-width:92vw;background:linear-gradient(180deg,#121c1cf5,#0d1515f7);border-left:1px solid rgba(232,184,75,.25);box-shadow:-18px 0 50px #00000080;transform:translate(100%);transition:transform .42s cubic-bezier(.22,.61,.36,1);z-index:100;color:#ece3cf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lore-card.open{transform:translate(0)}.story-panel{position:fixed;top:0;right:0;height:100%;width:366px;max-width:92vw;background:linear-gradient(180deg,#121c1cf6,#0d1515f9);border-left:1px solid rgba(232,184,75,.25);box-shadow:-18px 0 50px #00000080;transform:translate(100%);transition:transform .42s cubic-bezier(.22,.61,.36,1);z-index:90;color:#ece3cf}.story-panel.open{transform:translate(0)}.story-panel .lore-inner{overscroll-behavior:contain}@media (max-width: 640px){.story-panel{display:none}}@media (max-width: 1519px){body.story-panel-open .era-rail,body.lore-card-open .era-rail{left:calc((100vw - 366px)/2);max-width:calc(100vw - 390px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.story-picker .journey-notes{grid-column:1 / -1}.lore-inner{padding:32px 28px;height:100%;overflow-y:auto}.lore-close{position:absolute;top:14px;right:14px;background:transparent;border:0;color:#cdbf9e;cursor:pointer;padding:7px;border-radius:8px;line-height:0}.lore-close:hover{color:#f3ead2;background:#ffffff0f}.wonder-panel>.lore-close,.about-panel>.lore-close{position:sticky;top:0;float:right;z-index:2;margin:-10px -20px 0 0}.lore-type{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e8b84b;margin-bottom:8px}.lore-name{font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.12;margin:0 0 8px;color:#f5edd6}.lore-thennow{font-size:13.5px;color:#b9c7be;margin-bottom:20px}.lore-verses{margin:-4px 0 18px}.lore-verse{margin:0 0 10px;padding:9px 12px 10px;border-left:2px solid rgba(232,184,75,.4);background:#e8b84b0d;border-radius:0 8px 8px 0}.lore-verse-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8b84b;margin-bottom:5px}.lore-verse-t{margin:0;font-family:Georgia,Times New Roman,serif;font-size:14.5px;line-height:1.55;color:#e9dfc8}.lore-verse-more{margin:6px 2px 0;font-size:12.5px;color:#b9c7be}.lore-vignette{margin:-8px 0 18px;border-radius:10px;overflow:hidden;border:1px solid rgba(232,184,75,.22);background:#e8b84b0d}.lore-vignette img{display:block;width:100%;aspect-ratio:1.6 / 1;object-fit:cover}.lore-era{margin:-10px 0 20px;padding:8px 12px 9px;border-left:2px solid rgba(232,184,75,.4);background:#e8b84b0d;border-radius:0 8px 8px 0}.lore-era-k{font-family:DM Sans,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#a08b58}.lore-era-n{font-size:13px;line-height:1.5;color:#cfc4a9;margin-top:3px}.wonder-era{margin:-8px 0 18px}.lore-happened{font-size:15.5px;line-height:1.62;color:#ddd3bd;margin:0 0 24px}.lore-people{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}.person-chip{padding:6px 12px;border-radius:999px;font-size:12.5px;letter-spacing:.02em;border:1px solid rgba(185,199,190,.28);color:#cfc4a8;background:#e8b84b0d}.lore-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin:0 0 22px;padding:14px 2px;border-top:1px solid rgba(232,184,75,.18);border-bottom:1px solid rgba(232,184,75,.18)}.lore-fact-k{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8aa39a;margin-bottom:3px}.lore-fact-v{font-size:13.5px;font-weight:600;color:#e6d1a1;line-height:1.35}.lore-para{font-size:14.5px;line-height:1.66;color:#c9c0ab;margin:0 0 18px}.lore-refs-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8aa39a;margin-bottom:11px}.lore-refs{display:flex;flex-wrap:wrap;gap:8px}.ref-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid rgba(232,184,75,.4);color:#f0d27a;font-size:13px;text-decoration:none;transition:background .15s,border-color .15s}.ref-chip:hover{background:#e8b84b24;border-color:#e8b84bb8}.ref-chip svg{opacity:.7}@media (max-width: 640px){.lore-card{width:100%;max-width:100%;height:62%;top:auto;bottom:0;border-left:0;border-top:1px solid rgba(232,184,75,.25);transform:translateY(100%);box-shadow:0 -18px 50px #00000080}.lore-card.open{transform:translateY(0)}.lore-inner{padding:24px 20px}.lore-name{font-size:26px}.hud{max-width:72vw}.hud h1{font-size:24px}.region-banner{font-size:18px}body.lore-card-open .story-picker,body.lore-card-open .hud .hint{display:none}}@media (pointer: coarse){.layer-row{min-height:44px}.lore-close{padding:12px}.ref-chip{min-height:44px;padding:10px 16px}.map-pin{padding:12px}.lbl-region{padding:12px 14px;-webkit-tap-highlight-color:transparent}.story-chip{min-height:44px;padding:10px 15px}.wonder-chip,.wonder-site{min-height:44px}.era-chip{min-height:44px;padding:10px 13px}}