:root{--bg-color: #0a0a0b;--bg-elevated: #141416;--bg-surface: #1a1a1e;--text-primary: #ffffff;--text-secondary: #e0d8c8;--text-muted: #a09890;--gold-primary: #d4a853;--gold-light: #e8c878;--gold-dark: #a67c30;--gold-accent: #d4a853;--gold-glow: rgba(212, 168, 83, .35);--gold-subtle: rgba(212, 168, 83, .1);--bronze: #b87333;--copper: #c47d4e;--success: #4a9d6e;--warning: #d4a853;--error: #c45c5c;--info: #5c8dc4;--glass-bg: rgba(20, 20, 22, .75);--glass-bg-light: rgba(30, 30, 34, .6);--glass-border: rgba(212, 168, 83, .15);--glass-border-subtle: rgba(255, 255, 255, .06);--gradient-gold: linear-gradient(135deg, #d4a853 0%, #a67c30 100%);--gradient-dark: linear-gradient(180deg, #141416 0%, #0a0a0b 100%);--gradient-shimmer: linear-gradient( 90deg, transparent 0%, rgba(212, 168, 83, .1) 50%, transparent 100% );--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-gold: 0 0 30px rgba(212, 168, 83, .25);--font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-tech: "JetBrains Mono", "SF Mono", Consolas, monospace;--map-filter: invert(.9) hue-rotate(180deg) brightness(.8) contrast(1.2) sepia(.5)}.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}body.light-theme{--bg-color: #faf8f3;--bg-elevated: #ffffff;--bg-surface: #f5f2eb;--text-primary: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--gold-primary: #b8860b;--gold-light: #d4a853;--gold-dark: #8b6914;--gold-accent: #b8860b;--gold-glow: rgba(184, 134, 11, .35);--gold-subtle: rgba(184, 134, 11, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-light: rgba(255, 255, 255, .6);--glass-border: rgba(184, 134, 11, .2);--glass-border-subtle: rgba(0, 0, 0, .06);--gradient-gold: linear-gradient(135deg, #b8860b 0%, #8b6914 100%);--gradient-dark: linear-gradient(180deg, #faf8f3 0%, #f5f2eb 100%);--shadow-sm: 0 2px 8px rgba(28, 25, 23, .08);--shadow-md: 0 4px 20px rgba(28, 25, 23, .12);--shadow-lg: 0 8px 40px rgba(28, 25, 23, .16);--shadow-gold: 0 0 30px rgba(184, 134, 11, .2);--map-filter: brightness(1) contrast(1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw}.year-display{color:var(--text-primary);font-family:var(--font-tech);font-size:1.5rem;font-weight:700;width:60px;text-align:center}.year-display.modern{color:var(--gold-accent)}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.spinner{width:50px;height:50px;border:2px solid var(--gold-accent);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.app-container{position:relative;width:100vw;height:100vh;padding:0;margin:0;overflow:hidden}#globe-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--bg-color)}.window-wrapper{position:relative;width:90vw;max-width:1200px;height:85vh;overflow:hidden;border-radius:4px;box-shadow:0 0 50px #000c;border:1px solid var(--glass-border);background:#000}.image-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .8s ease}.image-layer img{width:100%;height:100%;object-fit:contain;transform:none;transition:opacity .5s ease}.leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(1.1) contrast(.9);transition:filter .5s ease}body.light-theme .leaflet-tile-pane{filter:none}.map-background img{display:none}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--glass-border) 1px,transparent 1px),linear-gradient(90deg,var(--glass-border) 1px,transparent 1px);background-size:50px 50px;opacity:.1;pointer-events:none}.theme-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--gold-accent);width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:100;box-shadow:0 2px 8px #0000001a}.theme-toggle:hover{background:#c6a87c26;border-color:var(--gold-accent);transform:scale(1.05);box-shadow:0 4px 12px #c6a87c33}.theme-toggle svg{position:absolute;transition:transform .5s ease,opacity .5s ease}.sun-icon{opacity:0;transform:rotate(90deg) scale(.5)}.moon-icon,body.light-theme .sun-icon{opacity:1;transform:rotate(0) scale(1)}body.light-theme .moon-icon{opacity:0;transform:rotate(-90deg) scale(.5)}.map-markers-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;transition:opacity .5s ease;opacity:1}.map-markers-overlay.hidden{opacity:0}.time-slider-container.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.map-marker{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);cursor:pointer;z-index:5;pointer-events:auto}.marker-dot{width:14px;height:14px;background:#d4af37;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0006;transition:all .3s ease;border:2px solid #000}.marker-label{position:absolute;top:-28px;left:50%;transform:translate(-50%);color:#fff;font-family:var(--font-tech);font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:1px;opacity:0;transition:opacity .3s ease;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#000000b3;padding:3px 8px;border-radius:4px}.map-marker:hover .marker-label{opacity:1}.marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--gold-accent);border-radius:50%;opacity:.6;animation:marker-pulse 2s infinite ease-out;pointer-events:none}@keyframes marker-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.map-marker:hover .marker-dot{transform:translate(-50%,-50%) scale(1.5);background:#fff}.map-marker.active .marker-dot{background:#fff;box-shadow:0 0 20px var(--gold-accent),0 0 40px var(--gold-accent)}.map-marker.active .marker-pulse{animation:none;border-color:#fff;opacity:.5;width:30px;height:30px}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.content-wrapper{position:relative;z-index:1;height:100%;pointer-events:none}.hero-header{position:absolute;top:40px;left:40px;z-index:10;text-align:left;margin-bottom:0;animation:fadeInDown 1s ease-out;pointer-events:none;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem 2rem;border-radius:12px;border:1px solid var(--glass-border);box-shadow:0 4px 20px #0000004d}.hero-header h1{font-family:var(--font-serif);font-size:2.2rem;font-weight:300;color:var(--text-primary);margin:0;letter-spacing:2px;line-height:1.2;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.4)}.hero-header .accent{color:var(--gold-accent);text-shadow:0 0 20px var(--gold-glow)}.hero-header .subtitle{font-family:var(--font-tech);color:var(--text-secondary);letter-spacing:2px;font-size:.7rem;text-transform:uppercase}.timeline{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(820px,calc(100vw - 64px));z-index:1000;padding:10px 40px 12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141459;box-shadow:0 10px 30px #0000002e;pointer-events:auto}.timeline__row{display:block;width:100%}.timeline__trackWrap{position:relative;height:34px}.timeline__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#ffffff47;outline:none;margin:0;position:absolute;top:14px;left:0;z-index:10;cursor:pointer}.timeline__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#e6c88cf2;box-shadow:0 0 0 3px #00000059;cursor:pointer;margin-top:-11px}.timeline__range::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#e6c88cf2;box-shadow:0 0 0 3px #00000059;cursor:pointer}.timeline__range::-moz-range-track{height:6px;border-radius:999px;background:#ffffff47}.timeline__bubble{display:none;position:absolute;top:-2px;transform:translate(-50%);padding:4px 8px;border-radius:999px;font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#ffffffeb;background:#00000073;border:1px solid rgba(255,255,255,.14);pointer-events:none;white-space:nowrap}.timeline__ticks{position:absolute;left:0;right:0;top:23px;height:8px;pointer-events:none}.timeline__tick{position:absolute;width:1px;height:8px;background:#ffffff40;transform:translate(-.5px)}.timeline__tickLabels{position:absolute;left:0;right:0;top:30px;height:14px;pointer-events:none}.timeline__tickLabels span{position:absolute;transform:translate(-50%);font:600 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#ffffffa6}.city-selector{display:none}.year-display{font-family:var(--font-serif);font-size:1.5rem;color:var(--gold-accent)}.slider-track{width:400px;height:12px;background:#333;border-radius:6px;position:relative;box-shadow:inset 0 1px 3px #000c;cursor:pointer}.slider-track:after{content:"";position:absolute;top:-20px;bottom:-20px;left:0;right:0;z-index:1}.slider-handle{position:absolute;top:50%;left:0%;width:24px;height:24px;background:var(--gold-accent);border:2px solid #000;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:left .1s linear,transform .1s ease;box-shadow:0 0 10px var(--gold-glow);z-index:5}.slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);background:#fff}.window-to-past{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:auto;height:auto;z-index:200;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);background:transparent;border:none;box-shadow:none;overflow:visible}.window-to-past.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.close-btn:hover{transform:rotate(90deg) scale(1.2);color:#fff}.image-wrapper{position:relative;width:100%;height:100%}.image-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1.5s ease-in-out;opacity:0}.image-layer.active{opacity:1}.image-layer img{width:100%;height:100%;object-fit:cover;transform-origin:center center;transition:transform .1s ease-out}.image-loading-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:#fff;font-family:var(--font-serif)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.image-loading-indicator p{margin:0;font-size:16px;color:#ffffffe6}.window-controls{position:absolute;top:1rem;right:4rem;z-index:100;display:flex;gap:10px}.close-btn{position:absolute;top:1rem;right:1rem;z-index:101;background:#00000080;border:1px solid var(--glass-border);color:var(--gold-accent);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;transition:all .3s ease;padding-bottom:4px}.close-btn:hover{background:var(--gold-accent);color:#000;box-shadow:0 0 15px var(--gold-glow);transform:rotate(90deg)}.control-btn{background:#00000080;border:1px solid var(--glass-border);color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--gold-accent);color:#000;box-shadow:0 0 15px var(--gold-glow)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-time-slider{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 2rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:50}.modal-slider-track{position:relative;width:100%;height:6px;background:#fff3;border-radius:3px;cursor:pointer;margin-bottom:.75rem}.modal-slider-handle{position:absolute;top:50%;left:0%;width:20px;height:20px;background:var(--gold-accent);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .1s ease;box-shadow:0 0 10px var(--gold-glow);z-index:5}.modal-slider-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.modal-year-display{display:flex;justify-content:space-between;align-items:center;color:var(--gold-accent);font-family:var(--font-serif);font-size:.9rem}.modal-year-current{font-size:1.5rem;font-weight:600;text-shadow:0 0 10px var(--gold-glow)}.modal-year-range{font-size:.85rem;opacity:.7}.era-description-container{position:absolute;top:1rem;left:1rem;z-index:100;max-width:300px;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;color:#fff;transition:all .4s ease;pointer-events:none;animation:fadeInDown .8s ease-out}.description-header{margin-bottom:.5rem;display:flex;align-items:center;gap:8px;padding-right:32px}.support-btn{color:#ff6b6b;border-color:#ff6b6b80}.support-btn:hover{background:#ff6b6b26;transform:scale(1.1);color:#ff4757;border-color:#ff4757;box-shadow:0 0 10px #ff475766}.learn-more-label{font-family:var(--font-serif);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold-accent);opacity:.8}.description-text{font-size:.85rem;line-height:1.5;margin:0;font-family:var(--font-body);opacity:.9;transition:opacity .3s ease}.description-text.fade-out{opacity:0}.minimize-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#ffffff1a;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffb3;pointer-events:auto;transition:all .2s ease}.minimize-btn:hover{background:#fff3;color:#fff}.era-description-container.minimized{max-width:44px;max-height:44px;padding:0;overflow:hidden;border-radius:10px}.era-description-container.minimized .description-header,.era-description-container.minimized .description-text,.era-description-container.minimized .disclaimer-text,.era-description-container.minimized .read-more-btn,.era-description-container.minimized .long-desc-container{display:none}.era-description-container.minimized .minimize-btn{position:relative;top:0;right:0;width:44px;height:44px;border-radius:10px}.read-more-btn{background:none;border:none;color:var(--gold-accent);font-family:var(--font-body);font-size:.8rem;cursor:pointer;padding:6px 0;display:inline-flex;align-items:center;gap:4px;pointer-events:auto;transition:all .2s ease;opacity:.9}.read-more-btn:hover{opacity:1;text-decoration:underline}.read-more-btn.expanded .read-more-arrow{transform:rotate(180deg)}.read-more-arrow{font-size:.7rem;transition:transform .3s ease}.long-desc-container{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.long-desc-container.expanded{max-height:300px;overflow-y:auto;opacity:1;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.long-desc-container p{font-size:.85rem;line-height:1.6;margin:0;font-family:var(--font-body);opacity:.85}.disclaimer-text{font-size:.65rem;color:#ffffff80;font-style:italic;margin:8px 0 0;font-family:var(--font-body)}.accuracy-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.6rem;font-weight:600;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;white-space:nowrap}.accuracy-badge.researched{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.accuracy-badge.approximate{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.4)}.accuracy-badge.artistic{background:#f9731633;color:#f97316;border:1px solid rgba(249,115,22,.4)}.narrative-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.narrative-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-family:var(--font-body);font-weight:600;transition:all .2s ease}.narrative-tag .tag-icon{font-size:.8rem}.narrative-tag.empire{background:linear-gradient(135deg,#8b5cf640,#a855f726);border:1px solid rgba(168,85,247,.5);color:#d8b4fe;text-shadow:0 1px 2px rgba(0,0,0,.3)}.narrative-tag.population{background:linear-gradient(135deg,#3b82f640,#60a5fa26);border:1px solid rgba(96,165,250,.5);color:#bfdbfe;text-shadow:0 1px 2px rgba(0,0,0,.3)}.key-events{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.key-events-title{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-accent);margin-bottom:8px;font-family:var(--font-body);font-weight:600}.key-events-list{display:flex;flex-direction:column;gap:6px}.key-event-item{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;font-family:var(--font-body);line-height:1.5}.key-event-item:before{content:"→";color:var(--gold-accent);font-weight:600;flex-shrink:0}.key-events-list .key-event-item{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.infrastructure-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.infrastructure-item{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:.7rem;font-family:var(--font-body);background:transparent;border:1px solid rgba(198,168,124,.4);color:var(--gold-accent);font-weight:500;letter-spacing:.3px}.infrastructure-item:before{content:"◆";font-size:.5rem;opacity:.7}.light-theme .narrative-tags{border-top-color:#00000014}.light-theme .narrative-tag.empire{background:linear-gradient(135deg,#8b5cf626,#a855f714);border-color:#8b5cf666;color:#7c3aed;text-shadow:none}.light-theme .narrative-tag.population{background:linear-gradient(135deg,#3b82f626,#60a5fa14);border-color:#3b82f666;color:#2563eb;text-shadow:none}.light-theme .key-events{border-top-color:#ffffff14}.light-theme .key-event-item{color:#fff}.light-theme .infrastructure-item{border-color:#c6a87c66;color:var(--gold-accent)}.light-mode .era-description-container{background:#ffffffb3;border-color:#0000001a;color:#1a1a1a}.light-mode .learn-more-label{color:#8a6d3b}.light-mode .minimize-btn{background:#0000000d;color:#00000080}.light-mode .minimize-btn:hover{background:#0000001a;color:#000c}.light-mode .long-desc-container.expanded{border-top-color:#0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.app-container{padding-left:0}.side-nav{display:none}.window-to-past{width:90%}.slider-track{width:250px}}.search-container{position:absolute;top:40px;left:40px;display:flex;align-items:center;gap:8px;z-index:200;pointer-events:auto}#citySearchInput{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 16px 12px 44px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;width:200px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}#citySearchInput:focus{background:#ffffff1f;border-color:var(--gold-accent);outline:none;box-shadow:0 0 0 2px #c6a87c33}#citySearchInput::placeholder{color:var(--text-secondary)}.search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none}.light-theme #citySearchInput{background:#0000000a;border-color:#0000001a}.light-theme #citySearchInput:focus{background:#0000000f;border-color:var(--gold-accent)}.autoplay-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.autoplay-btn:hover{background:#ffffff1a;border-color:var(--primary-color);color:var(--primary-color)}.seo-footer{position:absolute;bottom:-9999px;left:-9999px;opacity:0;visibility:hidden;pointer-events:none}.app-footer{position:fixed;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:12px;z-index:90;pointer-events:auto;animation:fadeInLeft 1s ease-out .5s backwards}.social-link{width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;box-shadow:0 2px 8px #0000001a}.social-link:hover{background:#c6a87c26;border-color:var(--gold-accent);color:var(--gold-accent);transform:scale(1.05);box-shadow:0 4px 12px #c6a87c33}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.app-footer{bottom:1rem;right:1rem;gap:.5rem}.social-link,.audio-toggle{display:none!important}}.modal-time-slider{display:flex;align-items:center;gap:15px}.controls-group{display:flex;align-items:center;gap:10px}.speed-select{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary);border-radius:4px;padding:4px 8px;font-family:var(--font-body);font-size:.8rem;cursor:pointer;outline:none;transition:all .2s ease}.speed-select:hover{border-color:var(--gold-accent);color:var(--gold-accent)}.speed-select option{background:#000;color:var(--text-primary)}.map-background{cursor:grab;transform-origin:0 0;transition:transform .1s linear}.map-background:active{cursor:grabbing}.map-marker{transition:opacity .3s ease,transform .3s ease,filter .3s ease}.map-marker.future-city{opacity:.3;filter:grayscale(100%);pointer-events:none}.donate-btn{background:none;border:none;cursor:pointer;padding:0;color:#ff6b6b;transition:all .3s ease}.donate-btn:hover{color:#ff5252;transform:scale(1.1)}.donation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.donation-modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.donation-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;line-height:1;padding:4px 8px;transition:color .2s ease}.donation-close:hover{color:var(--text-primary)}.donation-modal-content h2{font-family:var(--font-serif);font-size:28px;margin-bottom:8px;color:var(--gold-accent);text-align:center}.donation-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:24px;font-size:14px}.buymeacoffee-section{display:flex;justify-content:center;margin-bottom:20px}.bmc-button{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fd0;color:#000;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 14px #ffdd004d}.bmc-button:hover{background:#ffe44d;transform:translateY(-2px);box-shadow:0 6px 20px #fd06}.bmc-button svg{width:24px;height:24px}.donation-divider{display:flex;align-items:center;margin:20px 0;color:var(--text-muted);font-size:13px}.donation-divider:before,.donation-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.donation-divider span{padding:0 16px}.crypto-addresses{display:flex;flex-direction:column;gap:24px}.address-block{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .3s ease}.address-block:hover{background:#ffffff0d;border-color:var(--gold-accent)}.address-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.crypto-icon{width:24px;height:24px;color:var(--gold-accent)}.address-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.address-content{display:flex;gap:12px;align-items:center;margin-bottom:12px}.crypto-address{flex:1;background:#0000004d;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-size:13px;color:var(--text-primary);word-break:break-all;border:1px solid rgba(255,255,255,.1)}.copy-btn{background:var(--gold-accent);color:#000;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:var(--gold-glow);transform:translateY(-2px);box-shadow:0 4px 12px #c6a87c4d}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:#4caf50;color:#fff}.supported-tokens{font-size:12px;color:var(--text-secondary);margin:0;font-style:italic}.donation-footer{text-align:center;margin-top:32px;color:var(--text-secondary);font-size:14px}@media (max-width: 640px){.donation-modal-content{padding:24px}.address-content{flex-direction:column}.copy-btn{width:100%;justify-content:center}.crypto-address{font-size:11px}}.top-controls{position:absolute;top:40px;right:40px;display:flex;align-items:center;gap:12px;z-index:200;pointer-events:auto}.random-city-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gold-accent);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.random-city-btn:hover{background:#c6a87c26;border-color:var(--gold-accent);transform:scale(1.05);box-shadow:0 4px 12px #c6a87c33}.random-city-btn:active{transform:scale(.95)}.random-city-btn svg{animation:diceRoll .5s ease}.random-city-btn:hover svg{animation:diceRoll .5s ease infinite}@keyframes diceRoll{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.window-to-past.open{width:100vw!important;height:100vh!important;height:100dvh!important;transform:translate(-50%,-50%) scale(1)!important}.window-wrapper{width:100vw;height:100vh;height:100dvh;max-width:100vw;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex;flex-direction:column}.image-wrapper{flex:1;height:auto;border-radius:0;position:relative;overflow:hidden}.control-btn{min-width:44px;min-height:44px;padding:10px}.close-btn{width:44px;height:44px;font-size:2rem;top:env(safe-area-inset-top,10px);right:10px;z-index:200}.window-controls{top:env(safe-area-inset-top,10px);right:60px;gap:6px;flex-wrap:wrap;max-width:calc(100vw - 80px);z-index:199;justify-content:flex-end}.window-controls .control-btn{width:36px;height:36px;padding:6px}.window-controls .control-btn svg{width:18px;height:18px}.window-controls .divider{display:none}#zoomInBtn,#zoomOutBtn,#resetZoomBtn,#fullscreenBtn{display:none!important}.modal-time-slider{flex-direction:column;gap:15px;padding:15px;background:linear-gradient(to top,#000000f2,#000000b3)}.modal-slider-track{height:16px;margin:12px 0;touch-action:none}.modal-slider-handle{width:40px;height:40px;box-shadow:0 0 20px var(--gold-glow);touch-action:none}.modal-slider-handle:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.controls-group{width:100%;justify-content:center;gap:12px}.autoplay-btn{min-width:48px;min-height:48px}.speed-select{padding:8px 12px;font-size:.9rem;min-height:44px}.modal-year-display{flex-direction:row;justify-content:space-between;width:100%}.modal-year-current{font-size:1.8rem}.modal-year-range{font-size:.8rem}.era-description-container{max-width:44px;max-height:44px;padding:0;overflow:hidden;border-radius:10px;top:calc(env(safe-area-inset-top,10px) + 50px);left:10px;right:auto}.era-description-container .description-header,.era-description-container .description-text,.era-description-container .disclaimer-text,.era-description-container .read-more-btn,.era-description-container .long-desc-container,.era-description-container .narrative-tags,.era-description-container .key-events,.era-description-container .infrastructure-list{display:none}.era-description-container .minimize-btn{position:relative;top:0;right:0;width:44px;height:44px;border-radius:10px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.era-description-container.mobile-expanded{max-width:calc(100vw - 2rem);max-height:none;padding:10px;font-size:.7rem;right:10px}.era-description-container.mobile-expanded .description-header,.era-description-container.mobile-expanded .description-text,.era-description-container.mobile-expanded .disclaimer-text{display:block}.era-description-container.mobile-expanded .narrative-tags{display:flex}.era-description-container.mobile-expanded .minimize-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0000004d}.description-header{margin-bottom:.35rem}.learn-more-label{font-size:.65rem}.description-text{font-size:.75rem;line-height:1.4}.search-container{top:10px;left:10px;width:auto}#citySearchInput{width:140px;max-width:140px;padding:10px 12px 10px 36px;font-size:13px}.random-city-btn{min-width:44px;min-height:44px}body.modal-open .search-container{display:none!important}body.modal-open .theme-toggle{display:none}body.modal-open .top-controls{display:none!important}.timeline{padding:8px 15px!important;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.timeline__tickLabels span{font-size:9px}.timeline__tickLabels span:nth-child(2),.timeline__tickLabels span:nth-child(4){display:none}.timeline__range::-webkit-slider-thumb{width:18px;height:18px}.timeline__range::-moz-range-thumb{width:18px;height:18px}.app-footer{bottom:75px;left:10px;gap:8px}.social-link{min-width:44px;min-height:44px}.theme-toggle{top:10px;right:10px;min-width:44px;min-height:44px}.top-controls{top:10px;right:10px;gap:8px;display:flex!important}.top-controls .random-city-btn,.top-controls .control-btn,.top-controls .share-btn,.top-controls .theme-toggle{min-width:40px;min-height:40px;width:40px;height:40px}.top-controls .control-btn svg,.top-controls .random-city-btn svg,.top-controls .share-btn svg,.top-controls .theme-toggle svg{width:18px;height:18px}.map-marker{width:32px;height:32px}.marker-dot{width:20px;height:20px}}@media (max-width: 480px){.search-container{top:10px;left:10px}#citySearchInput{max-width:150px;font-size:12px;padding:8px 10px 8px 32px}.search-icon{width:14px;height:14px;left:10px}.random-city-btn{width:36px;height:36px}.timeline__tickLabels span{font-size:9px}.timeline__tickLabels span:not(:first-child):not(:last-child){display:none}.modal-header h2{font-size:1.1rem}.city-modal .modal-controls{top:10px;right:10px}.controls-group{flex-wrap:wrap;justify-content:center}}.suggestions-dropdown{position:absolute;top:100%;left:0;width:100%;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;margin-top:8px;max-height:300px;overflow-y:auto;display:none;z-index:201;box-shadow:0 4px 20px #0006;animation:fadeIn .2s ease-out}.suggestions-dropdown.visible{display:block}.suggestion-item{padding:12px 16px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:#c6a87c26;color:var(--gold-accent)}.suggestion-match{font-weight:700;color:var(--gold-accent)}.light-theme .suggestions-dropdown{background:#ffffffe6;border-color:#0000001a;box-shadow:0 4px 20px #0000001a}.light-theme .suggestion-item{color:#333;border-bottom-color:#0000000d}.light-theme .suggestion-item:hover,.light-theme .suggestion-item.active{background:#0000000d;color:#000}.light-theme .autoplay-btn{border-color:#ffffff4d;color:#ffffffde;background:#0009}.light-theme .autoplay-btn:hover{background:#000c;border-color:var(--gold-accent);color:var(--gold-accent)}.light-theme .speed-select{border-color:#ffffff4d;color:#ffffffde;background:#0009}.light-theme .speed-select:hover{background:#000c;border-color:var(--gold-accent);color:var(--gold-accent)}.light-theme .speed-select option{background:#1a1a1a;color:#ffffffde}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#000000d9,#000000f2);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-overlay.hidden{opacity:0;pointer-events:none}.onboarding-modal{background:linear-gradient(145deg,#19191ef2,#0f0f12fa);border:1px solid rgba(198,168,124,.3);border-radius:24px;padding:48px 56px;text-align:center;max-width:480px;width:90%;box-shadow:0 32px 64px #0009,0 0 80px #c6a87c14,inset 0 1px #ffffff0d;animation:modalSlideIn .7s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.onboarding-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(198,168,124,.03) 60deg,transparent 120deg);animation:shimmer 8s linear infinite;pointer-events:none}@keyframes shimmer{to{transform:rotate(360deg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-icon{width:80px;height:80px;margin:0 auto 24px;color:var(--gold-accent);animation:floatGlobe 4s ease-in-out infinite}.globe-icon{width:100%;height:100%;animation:rotateGlobe 20s linear infinite}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}@keyframes floatGlobe{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotateGlobe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseDot{0%,to{opacity:1;r:4}50%{opacity:.6;r:6}}.onboarding-title{font-family:var(--font-serif);font-size:2.4rem;font-weight:400;color:#fff;margin:0 0 8px;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,var(--gold-accent) 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.onboarding-subtitle{font-size:1rem;color:#fff9;margin:0 0 36px;font-weight:300;letter-spacing:.5px;position:relative;z-index:1}.onboarding-features{display:flex;flex-direction:column;gap:20px;margin-bottom:36px;position:relative;z-index:1}.feature{display:flex;align-items:center;gap:16px;text-align:left;padding:16px 20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.feature:hover{background:#c6a87c14;border-color:#c6a87c33;transform:translate(4px)}.feature-icon{width:44px;height:44px;background:linear-gradient(135deg,#c6a87c26,#c6a87c0d);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(198,168,124,.2)}.feature-icon svg{width:22px;height:22px;color:var(--gold-accent)}.feature-text{display:flex;flex-direction:column;gap:4px}.feature-title{font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.3px}.feature-desc{font-size:.8rem;color:#ffffff80}.onboarding-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--gold-accent) 0%,#d4af37 100%);color:#000;border:none;padding:16px 36px;font-family:var(--font-serif);font-size:.95rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1;overflow:hidden;box-shadow:0 4px 20px #c6a87c4d}.onboarding-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.onboarding-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #c6a87c80}.onboarding-cta:hover:before{opacity:.2}.onboarding-cta svg{width:18px;height:18px;transition:transform .3s ease}.onboarding-cta:hover svg{transform:translate(4px)}.onboarding-hint{font-size:.75rem;color:#ffffff4d;margin:20px 0 0;position:relative;z-index:1}.onboarding-highlight{animation:highlightPulse 1.5s ease-in-out infinite!important;box-shadow:0 0 0 4px #c6a87c66,0 0 20px #c6a87c33!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px #c6a87c66,0 0 20px #c6a87c33}50%{box-shadow:0 0 0 8px #c6a87c33,0 0 30px #c6a87c4d}}@media (max-width: 768px){.onboarding-modal{padding:36px 28px;margin:20px}.onboarding-title{font-size:1.8rem;letter-spacing:2px}.onboarding-icon{width:60px;height:60px}.feature{padding:14px 16px}.feature-icon{width:38px;height:38px}}.ui-hints{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8999;pointer-events:none;opacity:1;transition:opacity .5s ease}.ui-hints.hidden{opacity:0}.ui-hint{position:fixed;display:flex;align-items:center;gap:12px;animation:hintFadeIn .5s ease forwards;opacity:0}.ui-hint:nth-child(1){animation-delay:.2s}.ui-hint:nth-child(2){animation-delay:.5s}.ui-hint:nth-child(3){animation-delay:.8s}@keyframes hintFadeIn{to{opacity:1}}.hint-pulse{width:20px;height:20px;background:var(--gold-accent);border-radius:50%;position:relative;flex-shrink:0;animation:hintPulse 1.5s ease-in-out infinite;box-shadow:0 0 15px var(--gold-accent),0 0 30px #c6a87c80}.hint-pulse:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--gold-accent);border-radius:50%;animation:hintRing 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 15px var(--gold-accent),0 0 30px #c6a87c80}50%{transform:scale(1.2);opacity:.9;box-shadow:0 0 25px var(--gold-accent),0 0 50px #c6a87c99}}@keyframes hintRing{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(2);opacity:0}}.hint-label{background:#141419f2;color:#fff;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600;white-space:nowrap;border:1px solid rgba(198,168,124,.3);box-shadow:0 4px 15px #0000004d}.hint-search{top:65px;left:180px}.hint-random{top:18px;right:145px;flex-direction:row-reverse}.hint-timeline{bottom:55px;left:50%;transform:translate(-50%);flex-direction:column}.hint-timeline .hint-pulse{order:1}.hint-timeline .hint-label{order:0;margin-bottom:8px}@media (max-width: 768px){.hint-search{top:60px;left:10px}.hint-random{top:12px;right:155px}.hint-timeline{bottom:145px}.hint-label{font-size:.75rem;padding:6px 10px}}.share-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.share-modal-content{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;width:90%;max-width:500px;position:relative;box-shadow:0 25px 50px -12px #00000080;text-align:center;color:#fff}.share-close{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff9;cursor:pointer;font-size:24px;transition:color .2s}.share-close:hover{color:#fff}.share-subtitle{font-family:DM Sans,sans-serif;color:#ffffffb3;margin-bottom:25px;font-size:.95rem}.share-link-container{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px;margin-bottom:25px}#shareLinkInput{flex:1;background:none;border:none;color:#fff;font-family:JetBrains Mono,monospace;font-size:.85rem;padding:10px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shareLinkInput:focus{outline:none}.copy-btn-primary{background:#4ade80;color:#1a1a1a;border:none;border-radius:6px;padding:0 15px;font-weight:600;cursor:pointer;transition:background .2s}.copy-btn-primary:hover{background:#22c55e}.copy-btn-primary.copied{background:#22c55e;color:#fff}.social-share-buttons{display:flex;justify-content:center;gap:15px;margin-top:10px}.social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff1a;color:#fff;transition:all .2s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}.social-btn:hover{transform:translateY(-3px) scale(1.1)}.social-btn.twitter:hover{background:#1da1f2}.social-btn.facebook:hover{background:#4267b2}.social-btn.linkedin:hover{background:#0077b5}.social-btn.whatsapp:hover{background:#25d366}.social-btn.email:hover{background:#ea4335}.social-btn.reddit:hover{background:#ff4500}.share-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gold-accent);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;padding:0}.share-btn:hover{background:#c6a87c26;border-color:var(--gold-accent);transform:scale(1.05);box-shadow:0 4px 12px #c6a87c33}.share-btn:active{transform:scale(.95)}.control-btn.active{background:var(--gold-accent);color:#000;box-shadow:0 0 15px var(--gold-glow)}.control-btn.active:hover{background:var(--gold-light)}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#ffffffe6;z-index:50;cursor:col-resize;box-shadow:0 0 20px #00000080;transform:translate(-50%)}.handle-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:44px;height:100%;background:transparent;cursor:col-resize}.handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--gold-accent);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000080;display:flex;align-items:center;justify-content:center;gap:2px;color:#fff;cursor:col-resize;z-index:51;transition:transform .15s ease,background .15s ease}.compare-handle:hover .handle-circle{transform:translate(-50%,-50%) scale(1.1);background:#fff;color:var(--gold-accent)}.compare-handle:active .handle-circle{transform:translate(-50%,-50%) scale(1.05);background:#fff;color:var(--gold-dark)}.compare-badges{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 30px;pointer-events:none;z-index:60}.compare-badge{pointer-events:auto;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:10px 18px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 24px #0006;transition:transform .2s ease,border-color .2s ease}.compare-badge:hover{transform:translateY(-3px);border-color:var(--gold-accent)}.compare-badge .badge-label{font-family:var(--font-tech);font-size:10px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px}.compare-badge .year-select{background:transparent;border:none;color:var(--gold-accent);font-family:var(--font-serif);font-size:1.3rem;font-weight:600;cursor:pointer;outline:none;text-align:center;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:18px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4a853' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;background-size:14px}.compare-badge .year-select:hover{color:#fff}.compare-badge .year-select option{background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body)}.image-wrapper.compare-mode .image-layer{opacity:1!important;transition:none}.image-wrapper.compare-mode #layerA{z-index:5}.image-wrapper.compare-mode #layerB{z-index:10}.window-wrapper.compare-active .modal-time-slider,.window-wrapper.compare-active .era-description-container{opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease}.side-by-side-btn{display:flex;align-items:center;gap:8px;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-secondary);padding:10px 16px;border-radius:12px;cursor:pointer;font-family:var(--font-tech);font-size:11px;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;pointer-events:auto}.side-by-side-btn:hover{background:#000000d9;border-color:var(--gold-accent);color:var(--gold-accent);transform:translateY(-2px)}.side-by-side-btn.active{background:var(--gold-accent);color:#000;border-color:var(--gold-accent)}.side-by-side-btn.active:hover{background:var(--gold-light)}.image-wrapper.side-by-side{display:flex!important;flex-direction:row}.image-wrapper.side-by-side .image-layer{position:relative!important;width:50%!important;height:100%!important;opacity:1!important}.image-wrapper.side-by-side .image-layer img{width:100%;height:100%;object-fit:contain!important;background:#000}.image-wrapper.side-by-side #layerA{border-right:2px solid rgba(255,255,255,.3)}.image-wrapper.side-by-side #layerB{clip-path:none!important}.image-wrapper.side-by-side .compare-handle{display:none!important}.image-wrapper.side-by-side~.compare-badges,.side-by-side-active .compare-badges{justify-content:space-around}.side-by-side-active .compare-badge.left{margin-left:10%}.side-by-side-active .compare-badge.right{margin-right:10%}.next-journey-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:1rem 1.5rem;z-index:1000;opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #0006}.next-journey-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.next-journey-content{display:flex;align-items:center;gap:1rem}.next-journey-label{color:var(--text-muted);font-size:.85rem}.next-journey-btn{background:var(--gradient-gold);border:none;padding:.6rem 1.2rem;border-radius:8px;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.next-journey-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--gold-glow)}.next-journey-dismiss{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0 .5rem;opacity:.5;transition:opacity .2s ease}.next-journey-dismiss:hover{opacity:1}@media (max-width: 768px){.next-journey-toast{bottom:1rem;left:1rem;right:1rem;transform:translate(0) translateY(100px)}.next-journey-toast.visible{transform:translate(0) translateY(0)}.next-journey-content{flex-wrap:wrap;justify-content:center}}.next-journey-toast{position:fixed;bottom:30px;right:30px;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;transform:translateY(100px);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);max-width:320px;overflow:hidden}.next-journey-toast.visible{transform:translateY(0);opacity:1}.next-journey-content{display:flex;flex-direction:column;gap:12px;position:relative}.next-journey-label{color:#ffffffb3;font-size:.9em;font-weight:500}.next-journey-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;justify-content:space-between}.next-journey-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.next-journey-dismiss{position:absolute;top:-10px;right:-10px;background:transparent;border:none;color:#ffffff80;font-size:1.5em;cursor:pointer;padding:5px;line-height:1}.next-journey-dismiss:hover{color:#fff}.next-journey-progress{height:3px;background:var(--primary-color);width:0%;position:absolute;bottom:-20px;left:-20px;right:-20px;width:calc(100% + 40px);animation:countdown 10s linear forwards}@keyframes countdown{0%{width:calc(100% + 40px)}to{width:0%}}@media (max-width: 768px){.next-journey-toast{left:20px;right:20px;bottom:80px;max-width:none}}.play-overlay-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.play-overlay-btn svg{width:32px;height:32px;color:#fff;margin-left:4px}.play-overlay-btn:hover{background:#c6a87ccc;border-color:var(--gold-accent);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 30px #c6a87c80}.play-overlay-btn:hover svg{color:#000}.play-overlay-btn.playing{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.8)}.play-overlay-btn.hidden{display:none}@media (max-width: 768px){.play-overlay-btn{width:70px;height:70px}.play-overlay-btn svg{width:28px;height:28px}}.toast-content{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.toast-title{color:var(--gold-accent);font-size:1rem;font-weight:600;font-family:var(--font-serif)}.toast-message{color:#fff;font-size:.95rem;font-family:var(--font-body)}.toast-message b{color:var(--gold-accent);font-weight:600}.toast-actions{display:flex;gap:10px}.toast-btn{padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.toast-btn.primary{background:var(--gold-accent);color:#000;border:none}.toast-btn.primary:hover{background:#e0c69c;transform:scale(1.03);box-shadow:0 4px 12px var(--gold-glow)}.toast-btn.secondary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3)}.toast-btn.secondary:hover{background:#ffffff1a;color:#fff}