@font-face{font-family:Atlas;src:local('Inter'),local('Arial');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#091416;color:#eeeae0;font:14px Atlas,Arial,sans-serif;--gold:#d7b575;--muted:#93a3a1;--line:rgba(195,213,207,.14);--panel:rgba(17,31,32,.93)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}button:disabled{opacity:.3;cursor:default}button:hover{color:var(--gold)}[hidden]{display:none!important}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#0a1517}.brand{display:flex;align-items:center;gap:11px;font-size:27px;letter-spacing:6px;font-family:Georgia,serif}.brand-icon{font-size:42px;line-height:1;color:var(--gold);font-family:Arial;font-weight:200;letter-spacing:0}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:3px;margin-top:3px;color:#acb6af}.nav-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d7b575;box-shadow:0 0 12px #d7b57545;flex-shrink:0}nav{display:flex;align-items:center;gap:25px}.quiet{display:flex;align-items:center;gap:9px;font-size:12px}.quiet>span:first-child{font-size:23px}kbd{border:1px solid var(--line);border-radius:3px;padding:2px 5px;font-size:10px;color:var(--muted);margin-left:12px}.about-button{border:1px solid #4d5d59;width:26px;height:26px;border-radius:50%;font:italic 16px Georgia}.explorer{height:calc(100svh - 263px);min-height:530px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 48%,#12373570 0%,#0d202333 38%,transparent 72%)}.explorer:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 30%,#acc2c455 0 1px,transparent 1px),radial-gradient(circle at 67% 20%,#acc2c438 0 1px,transparent 1px),radial-gradient(circle at 30% 73%,#acc2c440 0 1px,transparent 1px),radial-gradient(circle at 82% 62%,#acc2c445 0 1px,transparent 1px);background-size:263px 241px,397px 307px,439px 397px,347px 341px;opacity:.5}.globe-area{position:absolute;inset:0 290px 0 230px}.globe-area:before{content:'';position:absolute;left:50%;top:50%;width:min(82%,630px);aspect-ratio:1;border:1px solid #96b7ad12;border-radius:50%;transform:translate(-50%,-50%) scale(1.08);pointer-events:none}.globe-area:after{content:'';position:absolute;left:50%;top:50%;width:min(82%,630px);aspect-ratio:1;border:1px solid #96b7ad0a;border-radius:50%;transform:translate(-50%,-50%) scale(1.22);pointer-events:none}#globe{height:100%;width:100%;position:relative;z-index:1;touch-action:none;cursor:grab}#globe:active{cursor:grabbing}#globe canvas{display:block;width:100%;height:100%}#markers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.marker{position:absolute;left:0;top:0;padding:0;pointer-events:auto;transform:translate(-50%,-100%);transition:opacity .2s;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 5px 8px #0008)}.marker-photo{display:block;width:28px;height:28px;overflow:hidden;border:2px solid var(--gold);border-radius:50%;background:#d7b575;transition:width .35s,height .35s,border-radius .35s,background .35s}.marker-photo img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.marker:after{content:'';width:1px;height:15px;background:var(--gold)}.marker-title{font-size:10px;background:#102122ee;border:1px solid #d7b57577;border-radius:3px;max-width:160px;padding:5px 8px;margin-top:4px;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker.near .marker-photo,.marker:hover .marker-photo,.marker.selected .marker-photo{width:70px;height:54px;border-radius:7px}.marker.near img,.marker:hover img,.marker.selected img{opacity:1}.marker.near .marker-title,.marker:hover .marker-title{display:block}.marker.selected{z-index:10}.marker.selected .marker-photo{box-shadow:0 0 0 4px #d7b57525}.globe-controls{position:absolute;bottom:67px;right:20px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#102123bb;backdrop-filter:blur(12px);z-index:4;overflow:hidden}.globe-controls button{width:37px;height:35px;font-size:21px}.globe-controls button[aria-pressed=true]{color:var(--gold);background:#d7b57512}.globe-controls>span{height:1px;margin:3px 9px;background:var(--line)}.globe-hint{position:absolute;bottom:52px;text-align:center;width:100%;font-size:11px;color:#98aaa5;pointer-events:none;z-index:3}.globe-hint span{font-size:17px;margin-right:5px}.map-note{position:absolute;bottom:25px;width:100%;text-align:center;color:#7b9290;font-size:9px;letter-spacing:.2px;z-index:4}.map-note button{padding:0 5px;color:#a7b8b0}.globe-watermark{position:absolute;top:30px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:#73918b5c;white-space:nowrap}.globe-loading{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--muted);z-index:4;text-align:center;max-width:280px}.globe-loading span{display:block;border:1px solid var(--line);border-top-color:var(--gold);width:28px;height:28px;border-radius:50%;margin:0 auto 14px;animation:spin 1s linear infinite}.country-hover{position:absolute;pointer-events:none;padding:7px 12px;background:#102122e8;border:1px solid var(--line);border-radius:5px;font-size:12px;z-index:8}.era-intro{position:absolute;top:45px;left:38px;width:255px;z-index:4;pointer-events:none}.era-intro button{pointer-events:auto}.eyebrow{font-size:9px;font-weight:500;letter-spacing:1.8px;color:#a9bab2;display:flex;align-items:center;gap:12px}.rule{width:25px;height:1px;background:#637972}.era-intro h1{font:48px/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.8px;margin:26px 0 18px;font-weight:normal}.era-intro h1 em{color:var(--gold);font-weight:normal}.era-intro>p{font-size:12px;line-height:1.85;color:#a3b1aa;max-width:225px;min-height:66px}.era-date{display:flex;gap:10px;align-items:center;margin-top:27px}.era-date>span{font:50px/1 Georgia,serif;letter-spacing:-2px}.era-date>div{font-size:10px;line-height:1.6;color:#99aaa2}.era-period{display:block;margin-top:11px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#728e83}.featured{display:flex;align-items:center;width:240px;gap:12px;margin-top:31px;text-align:left;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured img{width:53px;height:57px;border-radius:4px;object-fit:cover}.featured span{flex:1}.featured small{font-size:7px;letter-spacing:1.2px;color:#78928a}.featured strong{display:block;font-size:11px;line-height:1.5;font-weight:400;margin-top:6px}.featured b{font-weight:400;color:var(--gold)}.surprise{font-size:10px;color:#a6b4aa;margin-top:20px;letter-spacing:.2px;padding:0}.sidebar{position:absolute;z-index:5;right:27px;top:28px;bottom:24px;width:270px;display:flex;flex-direction:column;background:linear-gradient(145deg,#142728e0,#101e20ed);border:1px solid #91b3a523;border-radius:13px;padding:22px 18px 14px;box-shadow:0 15px 40px #0002;backdrop-filter:blur(14px)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-top .eyebrow{font-size:8px;letter-spacing:1.3px}.text-button{font-size:9px;color:var(--gold);padding:0;white-space:nowrap}.sidebar h2{font:23px/1.2 Georgia,serif;font-weight:400;margin:11px 0 17px}.country-select-label{position:relative;display:block}.country-select-label>span:last-child{position:absolute;right:10px;top:8px;pointer-events:none;color:#9cb1a5}select{width:100%;appearance:none;min-height:33px;background:#ffffff04;border:1px solid var(--line);color:#acbab1;font-size:10px;border-radius:5px;padding:8px 25px 8px 10px;cursor:pointer}option{background:#172a2a;color:#e6e9de}.media-filters{display:flex;gap:2px;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.media-filters button{font-size:10px;padding:5px 11px;color:#91a69d;border-radius:4px}.media-filters button.active{background:#d7b5751a;color:var(--gold)}.side-content{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#607b6b transparent}.story-card{width:100%;text-align:left;padding:0;margin:0 0 17px;border-bottom:1px solid var(--line);padding-bottom:14px;display:block}.story-image{position:relative;height:110px;overflow:hidden;border-radius:6px;margin-bottom:11px;background:#273c37}.story-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:saturate(.75)}.story-card:hover img{transform:scale(1.05);filter:saturate(1)}.media-badge{position:absolute;right:7px;bottom:7px;font-size:8px;background:#0b191bd9;border:1px solid #ffffff22;border-radius:3px;padding:3px 5px;letter-spacing:.6px;color:#e8e7db}.story-meta{display:flex;justify-content:space-between;font-size:8px;color:#93a99c;letter-spacing:.7px;gap:7px}.story-card h3{font:17px/1.3 Georgia,serif;font-weight:400;margin:7px 0 0}.story-card .arrow{float:right;color:var(--gold)}.sidebar-footer{font-size:8px;color:#779389;letter-spacing:.3px;display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid var(--line)}.empty-state{text-align:center;padding:24px 8px;color:#93a99f;font-size:12px;line-height:1.8}.empty-state>span{display:block;font:35px Georgia;color:var(--gold);margin-bottom:12px}.empty-state button{color:var(--gold);padding:10px;font-size:11px;border:1px solid var(--line);border-radius:4px;margin-top:10px}.detail-back{color:var(--gold);padding:0;margin:0 0 13px;font-size:10px}.detail-title{font:24px/1.15 Georgia!important;margin:13px 0!important}.detail-date{font-size:10px;color:var(--gold);margin:14px 0}.detail-body{font-size:11px;line-height:1.85;color:#afbeb2}.detail-body p{margin:12px 0}.detail-cover{display:block;width:100%;padding:0;position:relative;border-radius:7px;overflow:hidden;background:#203a37}.detail-cover img{display:block;width:100%;height:172px;object-fit:cover}.detail-cover:after{content:'⤢';position:absolute;bottom:8px;right:9px;color:white;font-size:19px}.caption{color:#80998d;font-size:8px;line-height:1.6;margin:7px 0 15px}.source-link{display:inline-block;color:var(--gold);font-size:10px;border-bottom:1px solid #d7b57533;padding-bottom:4px;margin:9px 0}.gif-preview{width:100%;background:#101b1c;border:1px solid var(--line);border-radius:6px;overflow:hidden}.gif-preview img{width:100%;height:157px;object-fit:contain;display:block;image-rendering:auto}.gif-control{width:100%;font-size:11px;padding:10px;color:var(--gold);border-top:1px solid var(--line)}.video-preview{position:relative;width:100%;padding:0;border-radius:6px;overflow:hidden;margin-top:12px;background:#060e0f}.video-preview img{display:block;width:100%;height:133px;object-fit:cover;opacity:.65}.video-preview .big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff9;border-radius:50%;padding:13px 16px}.video-player{width:100%;aspect-ratio:16/9;border:0;border-radius:6px;margin-top:12px;background:black}.play-note{font-size:9px;color:#87a092;line-height:1.5}.detail-media-label{font-size:8px;color:#9ab4a2;letter-spacing:1.2px;display:block;margin:22px 0 10px}.time-panel{height:177px;padding:19px 38px 14px;border-top:1px solid #abc0aa26;background:linear-gradient(100deg,#132322,#0f1c20);position:relative;z-index:10}.time-top{display:flex;align-items:center;justify-content:space-between;height:28px}.timeline-label{display:flex;align-items:center;gap:18px}.timeline-label .eyebrow{font-size:8px;letter-spacing:1.4px}#timeline-current{font:15px Georgia;color:var(--gold)}.playback{display:flex;align-items:center;gap:11px}.playback>button{height:28px;min-width:26px;font-size:21px}#play{display:flex;align-items:center;gap:9px;font-size:10px;border:1px solid #b5bdac30;border-radius:5px;padding:0 12px;min-width:122px;justify-content:center}#play-icon{font-size:10px;color:var(--gold)}.scale-note{font-size:9px;color:#819c90}.scale-note span{padding:0 7px;color:var(--gold)}.range-wrap{position:relative;margin:13px 0 7px}input[type=range]{width:100%;height:18px;background:transparent;appearance:none;display:block;cursor:pointer;margin:0;position:relative;z-index:2}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--gold) var(--progress,9.09%),#506257 var(--progress,9.09%));border:0}input[type=range]::-moz-range-track{height:2px;background:#506257}input[type=range]::-moz-range-progress{height:2px;background:var(--gold)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--gold);border:3px solid #20352e;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 1px var(--gold),0 0 15px #d7b57555}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--gold);border:3px solid #20352e;border-radius:50%}.range-ticks{position:absolute;left:6px;right:6px;top:0;height:18px;display:flex;justify-content:space-between}.range-ticks span{height:13px;width:1px;background:#6c7f6940;margin-top:3px}.epoch-rail{display:grid;grid-template-columns:repeat(12,1fr);gap:7px}.epoch{position:relative;text-align:left;padding:8px 6px 7px;border-radius:6px;min-width:0;transition:background .2s;border:1px solid transparent}.epoch:hover{background:#ffffff05}.epoch.active{background:#d7b5750e;border-color:#d7b57530}.epoch small{display:block;font-size:10px;color:#91a393;white-space:nowrap}.epoch strong{display:block;font-size:9px;margin-top:7px;font-weight:400;color:#637f72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epoch.active small{color:var(--gold)}.epoch.active strong{color:#d6d6be}.search-dialog,.about-dialog{padding:27px;background:#142727;color:#eeeae0;border:1px solid #788e6845;border-radius:14px;max-width:calc(100vw - 24px);box-shadow:0 20px 100px #0007}.search-dialog{width:620px;height:min(650px,82svh)}dialog::backdrop{background:#030c10b8;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close-dialog{font-size:25px;color:#a3b6a9;width:32px;height:32px}.search-dialog input{width:100%;background:transparent;border:0;border-bottom:1px solid #d7b57555;color:#eeeae0;font:23px Georgia;padding:22px 0;outline:none!important}.search-dialog input::placeholder{color:#6e8b7d;font-size:20px}#search-results{padding-top:16px}.search-result{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:13px 0;border-bottom:1px solid var(--line)}.search-result img{width:65px;height:54px;object-fit:cover;border-radius:5px}.search-result strong{display:block;font:18px Georgia;font-weight:400}.search-result small{display:block;color:#91aa99;font-size:10px;margin-top:7px}.about-dialog{width:620px;max-height:88svh;overflow:auto}.about-dialog h2{font:32px/1.15 Georgia;font-weight:400;margin:23px 0}.about-dialog h2 em{color:var(--gold)}.about-dialog ol{list-style:none;padding:0;counter-reset:how}.about-dialog li{counter-increment:how;position:relative;padding:15px 0 15px 40px;border-bottom:1px solid var(--line)}.about-dialog li:before{content:'0' counter(how);position:absolute;left:0;top:17px;color:var(--gold);font-size:10px}.about-dialog li b{font-weight:400;display:block;font-size:14px;margin-bottom:8px}.about-dialog li span,.about-note p,.about-dialog details{font-size:12px;color:#a2b5a6;line-height:1.8}.about-note{padding:20px 0}.about-note b{font-size:13px;font-weight:400;color:var(--gold)}.about-dialog a{color:#d7b575;border-bottom:1px solid #d7b57530}summary{cursor:pointer;color:#e0dfca}.credit{font-size:10px;line-height:1.6;padding:7px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.image-dialog{padding:10px 10px 0;border:1px solid var(--line);background:#0b1719;border-radius:8px;max-width:95vw;max-height:94svh}.image-dialog>.close-dialog{position:absolute;right:16px;top:16px;background:#061313bb;border-radius:50%;z-index:1}.image-dialog img{display:block;max-width:90vw;max-height:78svh;object-fit:contain}.image-dialog p{font-size:11px;padding:0 15px;color:#acbbae;max-width:75ch;line-height:1.6}.toast{position:fixed;left:50%;bottom:190px;transform:translateX(-50%) translateY(20px);background:#233d32;border:1px solid #c2b56b44;border-radius:6px;z-index:50;padding:12px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;max-width:85vw}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fallback-map{width:100%;height:100%;object-fit:contain;opacity:.8}.fallback-country-note{font-size:12px;color:var(--gold);text-align:center}.orbit-animation{height:160px;position:relative;border:1px solid var(--line);border-radius:6px;background:#07161b;overflow:hidden}.orbit-earth{position:absolute;width:64px;height:64px;border-radius:50%;left:calc(50% - 32px);top:48px;background:radial-gradient(circle at 35% 30%,#639b79,#234a6a 60%,#071a2c);box-shadow:0 0 24px #34889050}.orbit-track{position:absolute;width:170px;height:105px;border:1px solid #9daf7b55;border-radius:50%;left:calc(50% - 85px);top:28px;transform:rotate(-25deg)}.orbit-track:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#f0d69b;offset-path:ellipse(85px 52.5px at 85px 52.5px);animation:orbit 6s linear infinite}.motion-paused *{animation-play-state:paused!important}@keyframes orbit{to{offset-distance:100%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){.era-intro{left:55px;width:300px;top:60px}.era-intro h1{font-size:62px}.era-intro>p{font-size:14px;max-width:270px}.sidebar{width:310px;right:38px;padding:27px 22px}.globe-area{left:270px;right:325px}.story-image{height:150px}.featured{margin-top:40px;width:280px}.era-date{margin-top:40px}.era-date>span{font-size:64px}}
@media(max-width:1150px){.topbar{padding:0 24px}.nav-note{display:none}.era-intro{left:24px;width:200px;top:32px}.era-intro h1{font-size:39px}.era-intro>p{max-width:180px;font-size:11px}.featured{width:190px;gap:8px}.featured img{width:43px;height:46px}.featured strong{font-size:10px}.globe-area{left:160px;right:245px}.sidebar{right:18px;width:240px;padding:18px 14px}.era-date>span{font-size:42px}.globe-hint{font-size:9px}.map-note{font-size:8px}.time-panel{padding-left:24px;padding-right:24px}.timeline-label .eyebrow{display:none}.epoch small{font-size:9px}.epoch strong{font-size:8px}.scale-note{font-size:8px}.globe-controls{right:4px}}
@media(max-width:800px){.topbar{height:69px;padding:0 18px}.brand{font-size:23px;letter-spacing:5px}.brand-icon{font-size:34px}.brand small{font-size:7px;letter-spacing:2.4px}.quiet{font-size:11px}.quiet kbd{display:none}nav{gap:14px}.explorer{height:auto;min-height:0;overflow:visible;padding:0 16px 23px;display:flex;flex-direction:column}.globe-area{position:relative;inset:auto;height:440px;order:1;margin:100px -16px 0}.era-intro{top:26px;left:20px;width:calc(100% - 40px);display:grid;grid-template-columns:1fr auto;gap:0 10px}.era-intro .eyebrow{grid-column:1/-1;font-size:8px}.era-intro h1{font-size:34px;line-height:1.04;margin:13px 0 0;letter-spacing:-.7px}.era-intro h1 br{display:none}.era-intro>p{font-size:11px;line-height:1.6;margin:9px 0 0;max-width:74%;min-height:0;grid-column:1/-1}.era-date{grid-column:2;grid-row:2;margin:10px 0 0;align-self:center}.era-date>span{font-size:36px}.era-date>div{font-size:8px}.era-period,.featured,.surprise{display:none}.globe-controls{right:14px;bottom:55px}.globe-watermark{display:none}.globe-hint{bottom:39px;font-size:10px}.map-note{bottom:17px;font-size:8px}.sidebar{position:relative;inset:auto;order:2;width:100%;height:auto;max-height:none;border-radius:12px;padding:20px}.sidebar h2{font-size:25px;margin:9px 0 14px}.sidebar-top .eyebrow{font-size:9px}.sidebar-footer{font-size:9px}.side-content{overflow:visible}.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-card{margin:0;padding-bottom:14px}.story-image{height:135px}.story-meta{font-size:8px;line-height:1.5;flex-wrap:wrap}.story-card h3{font-size:18px}.country-select-label{max-width:none}select{font-size:12px;min-height:38px}.media-filters button{font-size:11px;padding:7px 15px}.detail-cover img{height:230px}.detail-body{font-size:14px}.caption{font-size:10px}.detail-title{font-size:29px!important}.detail-date,.detail-back,.source-link{font-size:12px}.video-preview img{height:220px}.video-player{max-height:330px}.gif-preview img{height:230px}.time-panel{position:sticky;bottom:0;height:150px;padding:12px 18px 10px;box-shadow:0 -10px 30px #0003;background:#102220f8;backdrop-filter:blur(18px)}.time-top{height:26px}.timeline-label .eyebrow{display:none}.scale-note{display:none}.playback{gap:5px}.playback #play{min-width:104px;font-size:9px}.epoch-rail{display:flex;overflow-x:auto;scrollbar-width:none;gap:9px;margin:0 -18px;padding:0 18px;scroll-snap-type:x proximity}.epoch-rail::-webkit-scrollbar{display:none}.epoch{min-width:92px;padding:8px 10px;scroll-snap-align:center}.epoch small{font-size:10px}.epoch strong{font-size:9px}.range-wrap{margin:9px 0 7px}.toast{bottom:164px}.marker.near .marker-photo,.marker:hover .marker-photo,.marker.selected .marker-photo{width:62px;height:48px}.marker-title{font-size:9px;max-width:135px}.about-dialog,.search-dialog{padding:20px}.about-dialog h2{font-size:29px}.search-dialog input{font-size:20px}.globe-loading{top:51%}}
@media(max-width:400px){.quiet>span:nth-child(2){display:none}.era-intro h1{font-size:30px}.era-date>span{font-size:30px}.globe-area{height:410px}.story-list{gap:12px}.story-image{height:110px}.sidebar{padding:16px}.story-card h3{font-size:16px}.marker.near .marker-photo{width:55px;height:43px}}
@media(max-width:800px){body{padding-bottom:calc(150px + env(safe-area-inset-bottom))}.time-panel{position:fixed;left:0;right:0;bottom:0;height:calc(150px + env(safe-area-inset-bottom));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.media-filters button{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Encyclopedia edition */
.library-button{border:1px solid #d7b57566;border-radius:6px;padding:9px 12px;font-size:11px;display:flex;gap:9px;align-items:center}.library-button span{font-size:9px;color:var(--gold);padding-left:9px;border-left:1px solid #d7b57544}.scope-switch{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;gap:3px;margin:10px 0}.scope-switch button{flex:1;padding:7px 3px;border-radius:4px;font-size:10px;color:var(--muted)}.scope-switch button.active{color:#f0dec0;background:#d7b57518}.chapter-filters{display:flex;gap:6px;margin-bottom:8px}.chapter-filters label{min-width:0;flex:1}.chapter-filters select{width:100%;background:#142726;border:1px solid var(--line);border-radius:5px;padding:7px;font-size:10px;color:#c4d2cb}.sidebar{width:300px}.globe-area{right:305px}.sidebar-top{flex-shrink:0}.sidebar h2{margin-top:10px;margin-bottom:10px}.media-filters{flex-shrink:0;margin-bottom:10px}.card-subtitle{font-size:11px;color:#a4b4ac;line-height:1.55;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card{padding-bottom:8px}.story-meta{line-height:1.5;gap:6px}.media-badge{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.detail-lead{font:16px/1.55 Georgia,serif;color:#d4dfd5}.read-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;border:1px solid #d7b57566;border-radius:6px;background:#d7b57512;color:var(--gold);font-size:12px;margin:16px 0}.read-button:hover{background:#d7b57524}.detail-body{font-size:12px;line-height:1.8}.related{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.related h4{font:24px Georgia,serif;margin:0 0 17px;color:#e2e6d8}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.related button{display:flex;align-items:center;text-align:left;gap:13px;background:#142724;border:1px solid var(--line);border-radius:7px;padding:8px;min-width:0}.related img{width:62px;height:66px;object-fit:cover;border-radius:3px}.related strong{font:15px/1.25 Georgia,serif;display:block}.related small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.related b{margin-left:auto;font-weight:400;color:var(--gold)}.related-mini h4{font-size:19px}.related-mini>div{grid-template-columns:1fr}.related-mini img{width:50px;height:52px}.related-mini strong{font-size:14px}.marker-count{position:absolute;right:-7px;top:-7px;background:#d7b575;color:#122320;border:2px solid #122320;border-radius:20px;min-width:21px;height:21px;font-size:10px;display:grid;place-items:center;font-weight:700;padding:0 4px}.period-picker{display:flex;align-items:center;gap:12px;position:absolute;right:38px;top:16px}.period-picker label{font-size:9px;color:var(--muted)}.period-picker select{width:auto;max-width:240px;font-size:10px;padding:7px 26px 7px 10px;background:#122927;border:1px solid var(--line);border-radius:4px}.time-panel{position:relative}.time-top{padding-right:360px}.time-top .scale-note{display:none}.epoch-rail{display:flex;overflow:auto;scrollbar-width:thin;scrollbar-color:#d7b57555 transparent;gap:8px}.epoch{flex:0 0 122px;min-height:50px;padding:7px 9px}.epoch strong{font-size:9px;line-height:1.3;white-space:normal}.epoch small{font-size:10px}.range-ticks{display:flex;justify-content:space-between}.range-ticks span{flex:none}.library-dialog{width:min(1120px,94vw);max-width:none;max-height:90svh;padding:28px 36px;background:#0f211f;border:1px solid #66857966;border-radius:12px;overflow-y:auto}.library-dialog h2{font:52px/.99 Georgia,serif;letter-spacing:-1.8px;margin:18px 0 16px}.library-dialog h2 em{font-weight:400;color:var(--gold)}.library-intro{color:#b6c6bc;font-size:12px;margin-bottom:26px}.library-dialog input{width:100%;padding:16px 0;border:0;border-bottom:1px solid #708f7c77;background:transparent;color:#f1eee3;font:22px Georgia,serif;border-radius:0}.library-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0}.library-filters select{width:100%;padding:11px;background:#18312a;border:1px solid var(--line);border-radius:5px;font-size:12px}.library-count{font-size:11px;color:var(--muted);margin:18px 0}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.library-card{padding:0 0 18px;text-align:left;min-width:0;border-bottom:1px solid var(--line)}.library-card>div{height:174px;position:relative;overflow:hidden;border-radius:7px;background:#142b26}.library-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.library-card:hover img{transform:scale(1.04)}.library-card>div span{position:absolute;bottom:9px;left:9px;background:#102321df;font-size:9px;color:#e7ddc6;padding:5px 7px;border-radius:3px}.library-card small{display:block;font-size:10px;line-height:1.5;color:#bca87f;margin-top:12px}.library-card h3{font:24px/1.15 Georgia,serif;margin:8px 0;color:#f0eee0}.library-card p{font-size:12px;line-height:1.6;color:#9eb5a6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 12px}.library-card b{font-size:10px;font-weight:400;letter-spacing:.3px;color:var(--gold)}.reader-dialog{width:min(860px,94vw);max-width:none;max-height:94svh;background:#112620;border:1px solid #5d7b6966;border-radius:10px;overflow:auto;padding:0}.reader-dialog>.dialog-top{position:sticky;top:0;z-index:2;padding:16px 24px;background:#112620f2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.reader-hero{position:relative;height:340px;background:#091b17;overflow:hidden}.reader-hero img{height:100%;width:100%;object-fit:contain;background:radial-gradient(ellipse,#36534444,transparent)}.reader-hero>span{position:absolute;left:24px;bottom:20px;background:#10241de8;border:1px solid #92ae7e44;border-radius:3px;padding:7px 10px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#d5c391}.reader-copy{padding:36px 54px 46px}.reader-date{font-size:11px;color:#d1b477;line-height:1.7}.reader-date span{color:#a1b6a7}.reader-copy h1{font:45px/1.04 Georgia,serif;letter-spacing:-1px;margin:18px 0 22px}.reader-subtitle{font:21px/1.5 Georgia,serif;color:#bacabb;margin:0 0 28px}.reader-body{font:17px/1.85 Georgia,serif;color:#e2e5d7}.reader-body p{margin:0 0 21px}.reader-body p:first-child:first-letter{float:left;font:64px/.9 Georgia,serif;margin:8px 10px 0 0;color:var(--gold)}.why-box{margin:28px 0;padding:20px 24px;border-left:2px solid var(--gold);background:#d7b57509}.why-box>span{font-size:9px;letter-spacing:1.8px;color:var(--gold)}.why-box p{font:19px/1.55 Georgia,serif;margin:12px 0 0;color:#d7dfcc}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.fact-strip div{border-top:1px solid #8eaa8a44;padding-top:16px}.fact-strip span{color:var(--gold);font-size:18px}.fact-strip p{color:#acbfad;font-size:11px;line-height:1.65}.reader-copy>.read-button{max-width:250px}.reader-copy .related{margin-top:36px}.reader-dialog .close-dialog{font-size:27px}.about-note{line-height:1.7}.sidebar-footer{font-size:9px}.side-content{min-height:120px}
@media(min-width:801px) and (max-width:1100px){.nav-note{display:none}.globe-area{right:285px;left:210px}.sidebar{width:280px;padding-left:17px;padding-right:17px}.period-picker label{display:none}.time-top{padding-right:255px}.library-grid{gap:16px}.library-card h3{font-size:21px}}
@media(max-width:800px){.topbar{gap:12px}.topbar nav{gap:12px}.library-button{font-size:10px;padding:7px 9px}.library-button span{display:none}.quiet kbd{display:none}.globe-area{inset:auto;position:relative;width:100%;height:450px}.sidebar{width:auto}.sidebar h2{font-size:30px}.scope-switch{max-width:360px;margin:14px 0}.scope-switch button{font-size:12px;padding:9px}.chapter-filters{max-width:100%;margin-bottom:10px}.chapter-filters select{font-size:12px;padding:10px}.card-subtitle{font-size:12px}.period-picker{position:static;max-width:100%;justify-content:space-between;margin:2px 0 0}.period-picker label{font-size:9px}.period-picker select{min-height:23px;height:23px;max-width:70%;font-size:10px;padding:3px 7px}.time-top{padding-right:0;height:24px}.range-wrap{margin:6px 0 3px}.epoch{min-height:39px;flex-basis:110px;padding:5px 9px}.epoch-rail{margin:0 -18px;padding:0 18px;scrollbar-width:none}.epoch strong{font-size:9px}.time-panel{position:fixed}.library-dialog{padding:20px;width:96vw;max-height:94svh}.library-dialog h2{font-size:38px}.library-dialog input{font-size:18px}.library-filters{grid-template-columns:1fr 1fr;gap:7px}.library-filters select:last-child{grid-column:1/-1}.library-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.library-card>div{height:145px}.library-card h3{font-size:21px}.library-card p{font-size:11px}.library-intro{font-size:11px;line-height:1.7}.reader-dialog{width:97vw;max-height:95svh}.reader-dialog>.dialog-top{padding:11px 18px}.reader-hero{height:250px}.reader-copy{padding:24px}.reader-copy h1{font-size:35px}.reader-subtitle{font-size:19px}.reader-body{font-size:17px;line-height:1.8}.related>div{grid-template-columns:1fr}.related strong{font-size:17px}.fact-strip{gap:12px}.why-box{padding:18px}.reader-hero>span{left:18px}.detail-lead{font-size:20px}.detail-body{font-size:14px}.read-button{font-size:13px}.related-mini>div{grid-template-columns:1fr 1fr}.related-mini h4{font-size:24px}.sidebar-footer{font-size:11px}}
@media(max-width:440px){.quiet>span:nth-child(2){display:none}.library-grid{gap:18px 12px}.library-card>div{height:125px}.library-card h3{font-size:18px}.library-card p{-webkit-line-clamp:3;font-size:11px}.library-card small{font-size:9px}.reader-copy{padding:22px 20px}.reader-copy h1{font-size:32px}.fact-strip{grid-template-columns:1fr;gap:0}.fact-strip div{display:flex;gap:15px;padding:8px 0}.fact-strip p{margin:0;font-size:12px}.related-mini>div{grid-template-columns:1fr}.library-dialog{padding:17px}.globe-area{height:410px}.library-button{padding:7px}.topbar nav{gap:10px}}
img.portrait{object-position:center 24%}.period-picker select:focus-visible{outline-offset:1px}.library-dialog:modal,.reader-dialog:modal{scrollbar-width:thin;scrollbar-color:#81987466 transparent}
@media(min-width:1101px){.globe-area{right:330px}}
@media(max-width:800px){.globe-area{width:calc(100% + 32px)}}
.reader-hero{display:block;width:100%;padding:0;cursor:zoom-in}.reader-hero:focus-visible{outline-offset:-4px}
@media(max-width:360px){#search-open{display:none}.topbar nav{gap:9px}.library-button{font-size:9px}.brand{font-size:21px}}
/* Midnight edition — a luminous sky around a calm reading surface. */
html{background:#060c23;color-scheme:dark}body{background:#060c23;color:#e9edf9;--gold:#dbc89a;--muted:#9baaca;--line:rgba(153,178,240,.17);--panel:rgba(13,25,56,.94);isolation:isolate}.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 13% 8%,#29336b55,transparent 42%),radial-gradient(ellipse at 83% 55%,#173f7a38,transparent 47%),radial-gradient(ellipse at 50% 110%,#281b5b33,transparent 60%),linear-gradient(135deg,#080d28,#060f2b 52%,#080c20)}.starfield:before{content:'';position:absolute;width:75vw;height:110vh;left:10%;top:-20%;background:radial-gradient(ellipse,#a9bbff08,transparent 65%);transform:rotate(-28deg);filter:blur(35px)}.sky-star{position:absolute;border-radius:50%;background:#d5e1ff;opacity:var(--star-opacity);box-shadow:0 0 5px #a8c7ff80}.sky-star.bright{background:#f1f5ff;box-shadow:0 0 7px #c7deff,0 0 20px #83aaff88;animation:sky-twinkle var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}.sky-star.bright:before,.sky-star.bright:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#dceaffaa,transparent)}.sky-star.bright:before{width:1px;height:12px}.sky-star.bright:after{height:1px;width:12px;background:linear-gradient(90deg,transparent,#dceaffaa,transparent)}@keyframes sky-twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.16)}}.topbar{background:#081129c7;border-bottom-color:#a3b8ed1c;backdrop-filter:blur(18px)}.brand-icon{color:#dbe6ff;text-shadow:0 0 22px #8baaff66}.brand{color:#f0f1fc}.brand small{color:#aab9df}.nav-note{color:#9daed1}.about-button{border-color:#7183b5;color:#d8e2ff}.library-button{border-color:#9ab2fa55;background:#7b99f10a}.library-button:hover{background:#7b99f11b}.explorer{background:radial-gradient(ellipse at 49% 48%,#183d7138 0%,#0c1e4a16 48%,transparent 72%)}.explorer:before{opacity:.17}.globe-area:before,.globe-area:after{border-color:#8ba8ee13}.globe-watermark{color:#8397c4}.globe-controls{background:#0b1834d9;border-color:#8da5df38}.globe-hint,.map-note{color:#a0afd2}.globe-loading{background:#0b1733e3;color:#b8c8eb}.globe-loading span{border-top-color:#adc6ff}.country-hover{background:#0d1a3e;border-color:#8bafff55;color:#e3ebff}.marker-title{background:#101d40f2;border-color:#b9b8df77;color:#f0efff}.marker-photo{background:#aebfe9;border-color:#d7d6ed}.marker-count{background:#c4d3ff;color:#101c3b;border-color:#101c3b}.marker:after{background:#bccfff}.marker.selected .marker-photo{box-shadow:0 0 0 4px #9cb9ff28,0 0 18px #82a8ff44}.era-intro{color:#f2f2fa}.era-intro>p{color:#a8b7d8}.era-intro h1 em{color:#d5c6aa}.era-period{color:#8399c1}.eyebrow{color:#a3b4d5}.era-date>div{color:#a7b7d6}.featured{background:#111f3b70;border-color:#9caee22b}.featured strong{color:#e4eafa}.featured small{color:#a4b3d1}.surprise{color:#b1bdd8}.sidebar{background:linear-gradient(145deg,#142443eb,#0a1734f2);border-color:#a0b5e72b;box-shadow:0 18px 65px #02061966,0 0 45px #4c79d209;backdrop-filter:blur(22px)}.sidebar-top .eyebrow{color:#9eafd2}.sidebar h2{color:#edf0ff}.country-select-label{background:#101f3b;border-color:#7898d138}.country-select-label select{color:#dce5fb;background:transparent}.scope-switch{border-color:#8ba5dd30}.scope-switch button{color:#95a9d0}.scope-switch button.active{background:#7095ed24;color:#e1e9ff}.chapter-filters select{background:#0c1b37;border-color:#8ba5dd30;color:#bccbec}.media-filters button{color:#96a9ce}.media-filters button.active{background:#97b5f41c;color:#e4e8ff;border-color:#acc0ef55}.story-image{background:#0a1530}.story-card{border-color:#95a8dc24}.story-card h3{color:#e9eefc}.story-card:hover h3{color:#d8c9a6}.card-subtitle{color:#97aacc}.story-meta{color:#9faccc}.media-badge{background:#0a1430dd;color:#e0e6fa;border-color:#a3b4e130}.side-content{scrollbar-color:#51658b transparent}.sidebar-footer{border-color:#93a9df22;color:#91a6cd}.detail-title{color:#f0f1fc}.detail-lead{color:#bfcee9}.detail-body{color:#b0c0dd}.caption{color:#8599c1}.detail-date{color:#d5c39b}.detail-back{color:#bcc8e4}.detail-media-label{color:#a6bce7}.gif-preview,.video-preview,.orbit-animation{background:#0a1531}.time-panel{background:linear-gradient(105deg,#0e1c3bf5,#09152ef7);border-top-color:#afc2f22b;backdrop-filter:blur(22px)}.time-top .eyebrow{color:#9eafd0}.timeline-label>span:last-child{color:#dce6ff}.playback{color:#c1cdef}.playback #play{background:#6a8ad818;border-color:#8fa9e93d}.epoch{border-color:#97add827;color:#b4c3e5;background:#16274738}.epoch small{color:#95a8ce}.epoch strong{color:#b3c1e1}.epoch.active{background:#688fe128;border-color:#b8caf5aa;box-shadow:0 0 18px #6d8bd512}.epoch.active strong,.epoch.active small{color:#f0e5cc}.period-picker label{color:#93a5c9}.period-picker select{background:#0b1a35;border-color:#95acdf38;color:#bdcbe8}.range-ticks span{background:#6d87b344}.read-button{border-color:#9ab5ec66;background:#7599e714;color:#d0dcfc}.read-button:hover{background:#7599e727}.toast{background:#172a4e;border-color:#91b0e766;color:#e7edff}.empty-state{color:#9cafcf}.empty-state b{color:#d8e2fa}.empty-state button{color:#d7c9a8}.related{border-color:#a2b8ed22}.related h4{color:#dce5fa}.related button{background:#142443;border-color:#98b3e52b}.related strong{color:#e0e9fc}.related small{color:#91a6cc}.related b{color:#c5bca8}.about-dialog,.search-dialog{background:#101e3b;border-color:#8da9e644}.search-dialog input{color:#e7edfc;border-color:#8da9e644}.search-result{border-color:#8da9e622}.search-result small{color:#9dafd2}.about-note{background:#07142e;color:#a4b7d9;border-color:#819ede25}.about-dialog ol span,.credit{color:#a2b6d8}.about-dialog summary{color:#d8d4c8}.credit a{color:#c7d5f1}.image-dialog{background:#060d23;border-color:#839ed155}.image-dialog p{color:#a5b8d8}dialog::backdrop{background:#010519c9;backdrop-filter:blur(8px)}
.library-dialog{background:radial-gradient(ellipse at 80% 0,#22366555,transparent 40%),#0c1833;border-color:#9eb8f04a;box-shadow:0 20px 100px #0008}.library-dialog h2{color:#ecf0ff}.library-dialog h2 em{color:#c6d4fd}.library-intro{color:#a4b7db}.library-dialog input{border-color:#9bb3e755;color:#e5ecff}.library-dialog input::placeholder{color:#768cb7}.library-filters select{background:#132541;border-color:#7898d233;color:#c1d1ed}.library-count{color:#94a9ce}.library-card{border-color:#89a8e12b}.library-card>div{background:#10213f}.library-card>div span{background:#09172ce8;color:#e1deee}.library-card h3{color:#e5ecfc}.library-card p{color:#9fb3d4}.library-card small{color:#b8bad3}.library-card b{color:#c8d4fc}.collection-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:25px 0 29px}.collection-shelf>button{position:relative;height:186px;text-align:left;border-radius:8px;overflow:hidden;border:1px solid #9eb7f02e;background:#142443;padding:0;transition:border-color .2s,transform .2s}.collection-shelf>button:hover{transform:translateY(-3px);border-color:#a5bfff99}.collection-shelf>button.active{border-color:#d4caaf;box-shadow:0 0 0 2px #d4caaf22}.collection-shelf img{width:100%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.65)}.collection-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07132afa,#07132a8c 52%,#07132a22)}.collection-number{position:absolute;top:11px;left:12px;font-size:8px;letter-spacing:1px;color:#e0e6fa}.collection-text{position:absolute;bottom:15px;left:12px;right:10px}.collection-text strong{display:block;color:#f0edf9;font:22px/1.05 Georgia,serif}.collection-text small{display:block;font-size:9px;color:#aebfdf;line-height:1.5;margin-top:9px}.reader-dialog{background:#101d38;border-color:#91afe344;--reader-font:18px}.reader-dialog>.dialog-top{background:#0c1935f5;border-color:#9eb5ea2b;padding:12px 24px;min-height:58px}.reader-controls{display:flex;gap:7px;align-items:center}.reader-controls>button:not(.close-dialog){width:32px;height:30px;font:13px Georgia,serif;border:1px solid #8ba8df33;border-radius:4px;color:#b7caee}.reader-controls>button:not(.close-dialog):hover{background:#b6c9ef1c}.reader-controls .close-dialog{margin-left:6px}.reading-progress{height:2px;background:#91acf31c;position:sticky;top:58px;z-index:3}.reading-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7b9df5,#dacfb8);box-shadow:0 0 8px #9fbdff66}.reader-hero{background:#08142d;height:355px}.reader-hero img{background:radial-gradient(ellipse,#3e578733,transparent)}.reader-hero>span{background:#0b1937e8;border-color:#90acd644;color:#d3d6ed}.reader-copy{padding:35px 60px 50px}.chapter-kicker{display:flex;justify-content:space-between;align-items:center;color:#99b1d9;font-size:9px;letter-spacing:1.9px;margin-bottom:18px}.chapter-kicker>span:last-child{font-size:19px;color:#cccae3;text-shadow:0 0 15px #c2d7ff77}.reader-date{color:#c1c2da}.reader-date span{color:#91a9cc}.reader-copy h1{font-size:46px;color:#eef0fc;line-height:1.08}.reader-subtitle{color:#b7c8e8;font-size:22px;line-height:1.55;margin-bottom:26px}.chapter-toc{display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #8ba9e332;background:#0a1934;border-radius:7px;margin:28px 0 43px;padding:18px 20px}.chapter-toc>span{font-size:8px;letter-spacing:1.9px;color:#8fa8d4;margin-bottom:11px}.chapter-toc button{display:flex;align-items:baseline;text-align:left;gap:13px;padding:10px 0;font:16px/1.4 Georgia,serif;color:#bdcdea;border-top:1px solid #8ba9e318}.chapter-toc small{color:#788fb9;font:10px Arial,sans-serif;min-width:15px}.chapter-toc b{margin-left:auto;font-size:15px;font-weight:400;color:#91a9d2}.reader-body{font-size:var(--reader-font);line-height:1.86;color:#d3def0}.reader-body p{margin:0 0 23px}.reader-body p:first-child:first-letter{float:none;font:inherit;color:inherit;margin:0}.reader-body>section:first-child p:first-of-type:first-letter{float:left;font:65px/.85 Georgia,serif;margin:10px 10px 0 0;color:#d0d5ed}.reader-body section{scroll-margin-top:90px;margin-top:39px}.section-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:21px}.section-heading>span{font:10px Arial,sans-serif;color:#7f9ac7;letter-spacing:1px}.section-heading h2{font:28px/1.2 Georgia,serif;letter-spacing:-.4px;margin:0;color:#e5eafa}.why-box{background:#5d85d30b;border-left-color:#9fb2dd}.why-box>span{color:#afc1e6}.why-box p{color:#cbd8ee}.fact-strip div{border-color:#8aa7db3a}.fact-strip p{color:#9eb3d7}.fact-strip span{color:#bfcce9}.chapter-question{padding:24px 26px;margin:28px 0;background:radial-gradient(ellipse at 100% 0,#4969aa2b,transparent),#0b1731;border:1px solid #93ace132;border-radius:7px}.chapter-question>span{color:#9bb3de;font-size:9px;letter-spacing:1.8px}.chapter-question p{font:21px/1.5 Georgia,serif;color:#c7d7f1;margin:12px 0 0}.chapter-topics{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 18px}.chapter-topics button{font-size:10px;padding:8px 10px;border:1px solid #8faade33;border-radius:30px;color:#afc2e6}.chapter-topics button:hover{background:#8faade14}.reader-copy>.read-button{max-width:270px}.reader-copy .related strong{color:#dce7fb}.reader-dialog:modal,.library-dialog:modal{scrollbar-color:#7795c755 transparent}
@media(max-width:1100px){.collection-shelf{gap:8px}.collection-text strong{font-size:20px}.collection-text small{font-size:8px}.collection-shelf>button{height:176px}}
@media(max-width:800px){.time-panel{background:#0c1a36f8}.topbar{background:#09142ce8}.sidebar{background:linear-gradient(145deg,#142544e8,#0a1733f2)}.collection-shelf{display:flex;overflow-x:auto;scroll-snap-type:x proximity;margin:22px -20px;padding:0 20px 7px;scrollbar-width:thin;scrollbar-color:#718fc355 transparent;gap:11px}.collection-shelf>button{flex:0 0 154px;height:177px;scroll-snap-align:start}.collection-text strong{font-size:22px}.collection-text small{font-size:9px}.reader-copy{padding:26px 29px 36px}.reader-copy h1{font-size:36px}.reader-subtitle{font-size:20px}.reader-hero{height:265px}.reader-dialog>.dialog-top{padding:10px 16px;min-height:54px}.reader-dialog>.dialog-top .eyebrow{font-size:8px;letter-spacing:1px}.reading-progress{top:54px}.chapter-toc{padding:15px 18px;margin:25px 0 34px}.chapter-toc button{font-size:15px;padding:11px 0}.section-heading{gap:11px}.section-heading h2{font-size:25px}.reader-body{font-size:var(--reader-font);line-height:1.85}.reader-body section{margin-top:34px}.reader-body p{margin-bottom:21px}.chapter-question{padding:21px}.chapter-question p{font-size:20px}.chapter-kicker{font-size:8px}.reader-controls{gap:5px}.reader-controls>button:not(.close-dialog){width:30px}.reader-controls .close-dialog{margin-left:0}.sky-star:nth-child(2n):not(.bright){display:none}}
@media(max-width:440px){.reader-copy{padding:24px 21px 30px}.reader-copy h1{font-size:32px}.reader-subtitle{font-size:19px}.reader-hero{height:230px}.chapter-toc{padding:15px}.chapter-toc button{font-size:14px;gap:9px}.chapter-question{padding:18px}.collection-shelf{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.section-heading h2{font-size:23px}.reader-body{line-height:1.8}.reader-dialog>.dialog-top .eyebrow{max-width:140px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.sky-star.bright{animation:none;opacity:.8}.collection-shelf>button:hover{transform:none}}
.chapter-gallery{margin:34px -10px 40px;padding:20px;background:#09162e;border:1px solid #8da7dd24;border-radius:7px}.chapter-gallery>figcaption{font:8px Arial,sans-serif;letter-spacing:1.7px;color:#8fa8ce;margin-bottom:16px}.chapter-gallery>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.chapter-gallery button{padding:0;text-align:left;cursor:zoom-in;min-width:0}.chapter-gallery img{display:block;width:100%;height:260px;object-fit:contain;background:#050f25}.chapter-gallery span{display:block;font:11px/1.6 Arial,sans-serif;color:#93abd0;margin-top:11px}.chapter-gallery button:hover span{color:#c2d5f5}@media(max-width:600px){.chapter-gallery{padding:16px;margin-left:-5px;margin-right:-5px}.chapter-gallery>div{grid-template-columns:1fr}.chapter-gallery img{height:240px}.chapter-gallery span{font-size:11px}}
/* LERRA · two worlds, deeper midnight */
body{background:#020512;--panel:rgba(7,15,35,.96)}.starfield{background:radial-gradient(ellipse at 13% 8%,#19214444,transparent 42%),radial-gradient(ellipse at 83% 55%,#0b234133,transparent 47%),radial-gradient(ellipse at 50% 110%,#17103033,transparent 60%),linear-gradient(135deg,#020512,#020817 52%,#03040e)}.topbar{background:#040a19e8}.explorer{background:radial-gradient(ellipse at 49% 48%,#11234322,transparent 67%)}.sidebar{background:linear-gradient(145deg,#0a152ae8,#050d1ef5)}.time-panel{background:linear-gradient(105deg,#081225f5,#040b1bf7)}.library-dialog{background:radial-gradient(ellipse at 80% 0,#1b2b4c33,transparent 40%),#070f23}.reader-dialog{background:#0a142a}.reader-dialog>.dialog-top{background:#070f23f8}.reader-body{color:#d6dff0}.about-dialog,.search-dialog{background:#091327}.world-switch{position:absolute;right:12px;top:65px;z-index:6;width:126px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#d8caad;padding:8px 0}.satellite{display:block;width:68px;height:68px;border-radius:50%;background-image:radial-gradient(circle at 30% 24%,transparent 15%,#01061333 55%,#000d 92%),url('assets/earth.jpg');background-size:100% 100%,200% 100%;background-position:center,70% center;box-shadow:inset -13px -6px 20px #000a,0 0 0 1px #c6b99055,0 0 28px #ac875233;transition:box-shadow .35s,filter .35s;flex-shrink:0}.bible-orb{filter:sepia(.9) saturate(.75);box-shadow:inset -13px -6px 20px #000a,0 0 0 1px #e9ce8d66,0 0 30px #cfaf4844}.earth-orb{box-shadow:inset -13px -6px 20px #000a,0 0 0 1px #8fabec66,0 0 30px #5986d644}.world-switch>span:not(.satellite){font:15px Georgia,serif}.world-switch small{font:8px/1.6 Arial,sans-serif;color:#8193b5;max-width:120px}.world-switch:hover .satellite{box-shadow:inset -13px -6px 20px #000a,0 0 0 2px #d8c7a5,0 0 40px #a6bff855}.world-switch:hover small{color:#b6c7e5}.russia-open{display:block;margin-top:20px;border:1px solid #8fa5d033;border-radius:5px;padding:8px 10px;font-size:10px;color:#becde8;background:#98afd109}.russia-open+.surprise{margin-top:13px}.country-overview{display:block;text-align:left;margin:9px 0 0;font-size:9px;color:#b6c7e9;padding:5px 0}.country-overview:hover{color:#f0dab8}.bible-reference{font-size:11px;line-height:1.6;color:#d1b98f;letter-spacing:.3px;margin:17px 0}.reader-dialog .bible-reference+ .reader-subtitle{margin-top:15px}body[data-world=bible] #globe canvas{filter:none}body[data-world=bible] .globe-watermark{color:#aa997c66}body[data-world=bible] .era-intro h1 em{color:#dfc9a1}body[data-world=bible] .marker-photo{border-color:#d9bc80}body[data-world=bible] .scope-switch button.active{color:#dfc9a1}body[data-world=bible] .collection-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-world=bible] .era-date>span{font-size:46px}body[data-world=bible] .era-intro h1{font-size:43px}body[data-world=bible] .map-note{font-size:8px}
@media(max-width:1100px){.world-switch{right:4px;width:101px;top:75px}.satellite{width:57px;height:57px}.world-switch small{font-size:7px}.world-switch>span:not(.satellite){font-size:13px}}
@media(max-width:800px){.world-switch{right:10px;top:43px;width:112px}.satellite{width:60px;height:60px}.world-switch small{font-size:8px}.topbar{background:#040a19ed}.sidebar{background:linear-gradient(145deg,#0a1428f0,#040b1af5)}.time-panel{background:#060f22fa}.russia-open{display:inline-block;margin-top:10px;font-size:9px}.russia-open+.surprise{margin-top:12px;margin-left:12px}body[data-world=bible] .era-intro h1{font-size:38px}}
@media(max-width:440px){.world-switch{right:2px;top:39px;width:96px;gap:6px}.satellite{width:52px;height:52px}.world-switch>span:not(.satellite){font-size:13px}.world-switch small{max-width:90px;font-size:7px}.russia-open+.surprise{margin-left:8px}.country-overview{font-size:10px}}
@media(prefers-reduced-motion:reduce){.satellite{transition:none}}

/* Personal biographies and reflective reading. */
.biography-box,.reign-ending{padding:26px 28px;margin:28px 0;border:1px solid #7c674540;background:linear-gradient(125deg,#16203499,#0b1020);border-radius:4px}.biography-box>span,.reign-ending>span{color:var(--gold);font-size:10px;letter-spacing:1.4px}.biography-box p,.reign-ending p{font-family:Georgia,serif;font-size:19px;line-height:1.8;color:#d8deeb;margin:12px 0 0}.reign-ending{border-left:2px solid #af8e56}.reign-ending.compact{padding:16px}.reign-ending.compact p{font-size:16px;line-height:1.65}.checked-at{color:#95a6bc;font-size:11px;line-height:1.6;margin:14px 0}.chapter-question ol{padding-left:22px;margin:17px 0 0}.chapter-question li{font-family:Georgia,serif;font-size:20px;line-height:1.7;padding:0 0 12px 8px}.chapter-question li::marker{color:var(--gold);font-size:14px}.chapter-question{margin-top:36px;margin-bottom:0}
.trailer-link{display:block;position:relative;border:1px solid #a28b5a55;overflow:hidden;border-radius:4px}.trailer-link img{width:100%;max-height:300px;object-fit:cover;display:block}.trailer-link>span{position:absolute;bottom:0;left:0;right:0;padding:35px 15px 16px;background:linear-gradient(transparent,#020617);color:#fff;font-size:13px}

.end-label{display:inline-block;font-size:9px;letter-spacing:.5px;color:#d6bb85;border-bottom:1px solid #806e444a;padding:0 0 4px;margin-bottom:4px}
/* Black-sky edition. Sparse coloured scintillation leaves the globe in focus. */
html,body{background:#000104}
.starfield{background:radial-gradient(ellipse at 16% 28%,#09132930,transparent 42%),radial-gradient(ellipse at 84% 66%,#160b2420,transparent 36%),#000104}
.starfield:before{background:none;filter:none}
.explorer{background:transparent}
.explorer:before{opacity:0}
.sky-star{background:hsl(var(--star-hue,220) 70% 88%);box-shadow:0 0 5px hsl(var(--star-hue,220) 75% 74% / .55)}
.sky-star.bright{background:#fff;box-shadow:0 0 4px #fff9,0 0 12px hsl(var(--star-hue,220) 90% 75% / .7),0 0 23px hsl(var(--star-hue,220) 85% 65% / .2);animation:stellar-prism var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}
.sky-star.shimmer{animation:stellar-breath var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite}
.sky-star.bright:before{height:var(--star-ray,12px);background:linear-gradient(transparent,hsl(var(--star-hue,220) 85% 88% / .75),transparent)}
.sky-star.bright:after{width:var(--star-ray,12px);background:linear-gradient(90deg,transparent,hsl(var(--star-hue,220) 85% 88% / .75),transparent)}
@keyframes stellar-prism{0%,100%{opacity:.36;transform:scale(.75);filter:hue-rotate(-20deg)}45%{opacity:.95;transform:scale(1.1);filter:hue-rotate(22deg)}70%{opacity:.65;transform:scale(.9);filter:hue-rotate(45deg)}}
@keyframes stellar-breath{0%,100%{opacity:.18}50%{opacity:var(--star-opacity,.7)}}
@media(prefers-reduced-motion:reduce){.sky-star.bright,.sky-star.shimmer{animation:none;filter:none;opacity:var(--star-opacity,.75)}}

/* Bright night and a flowing compact edition of the desktop atlas. */
.era-intro h1{letter-spacing:normal;word-spacing:.035em}
.reader-copy h1,.library-dialog h2,.story-card h3{word-spacing:.035em}
.sky-star{box-shadow:0 0 4px #e8efffa0,0 0 9px hsl(var(--star-hue,220) 90% 76% / .75)}
.sky-star.bright{box-shadow:0 0 5px #fff,0 0 15px hsl(var(--star-hue,220) 95% 80% / .95),0 0 28px hsl(var(--star-hue,220) 90% 70% / .5)}
@keyframes stellar-prism{0%,100%{opacity:.65;transform:scale(.9);filter:hue-rotate(-20deg)}45%{opacity:1;transform:scale(1.2);filter:hue-rotate(22deg)}70%{opacity:.85;transform:scale(1);filter:hue-rotate(45deg)}}
@keyframes stellar-breath{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:800px){
 .explorer{display:flex;flex-direction:column;overflow:hidden;padding:20px 18px 24px;gap:0}
 .era-intro{position:relative;inset:auto;width:100%;order:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:0;pointer-events:auto}
 .era-intro .eyebrow{grid-column:1/-1;line-height:1.6;flex-wrap:wrap}
 .era-intro h1,body[data-world=bible] .era-intro h1{grid-column:1;grid-row:2;font-size:clamp(29px,8vw,42px);line-height:1.12;letter-spacing:normal;margin:14px 0 0;overflow-wrap:anywhere}
 .era-intro h1 br{display:initial}
 .era-date{grid-column:2;grid-row:2;align-self:center;gap:7px;margin:14px 0 0;max-width:135px;flex-wrap:wrap}
 .era-date>span,body[data-world=bible] .era-date>span{font-size:clamp(29px,8vw,42px);letter-spacing:normal}
 .era-date>div{font-size:9px;line-height:1.5}
 .era-intro>p{grid-column:1/-1;max-width:none;margin:12px 0 0;font-size:12px;line-height:1.7}
 .russia-open{grid-column:1/-1;justify-self:start;max-width:100%;margin-top:12px;padding:9px 12px;font-size:11px;line-height:1.5}
 .globe-area{order:1;position:relative;inset:auto;width:calc(100% + 36px);height:clamp(350px,106vw,510px);margin:8px -18px 12px}
 .globe-area:before,.globe-area:after{width:78%}
 .world-switch{top:0;right:7px;width:100px;padding:3px 0;gap:5px}
 .satellite{width:51px;height:51px}
 .world-switch>span:not(.satellite){font-size:14px}
 .world-switch small{font-size:8px;line-height:1.5}
 .globe-controls{right:12px;bottom:54px}
 .globe-controls button{width:38px;height:38px}
 .globe-hint{bottom:30px;font-size:10px;padding:0 40px;line-height:1.5}
 .map-note{bottom:9px;font-size:8px;padding:0 12px;line-height:1.5}
 .sidebar{order:2;width:100%;padding:18px;margin:0;min-width:0}
 .sky-star:nth-child(2n):not(.bright){display:block}
 .reader-copy{padding-left:23px;padding-right:23px}
 .reader-body{letter-spacing:normal;word-spacing:.025em}
 .topbar{padding:0 16px;gap:8px}
 .topbar nav{gap:10px}
}
@media(min-width:600px) and (max-width:800px){
 .explorer{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;padding:24px}
 .era-intro{grid-column:1;grid-row:1;display:block;align-self:center}
 .era-intro h1,body[data-world=bible] .era-intro h1{font-size:36px}
 .era-date{margin-top:18px;max-width:none}
 .globe-area{grid-column:2;grid-row:1;width:100%;height:450px;margin:0}
 .sidebar{grid-column:1/-1;grid-row:2}
}
@media(max-width:359px){
 .era-intro{column-gap:12px;grid-template-columns:minmax(0,1fr) 85px}
 .era-intro h1,body[data-world=bible] .era-intro h1{font-size:29px}
 .era-date{max-width:85px}.era-date>span{font-size:29px}
 .brand{font-size:21px;letter-spacing:4px}.brand-icon{font-size:29px}.brand small{font-size:6px}
 .library-button{font-size:9px;padding:7px}.topbar nav{gap:8px}
}
@media(max-width:800px){
 .era-intro h1,body[data-world=bible] .era-intro h1{grid-column:1/-1;overflow-wrap:normal;hyphens:none}
 .era-intro>p{grid-row:3}
 .era-date{grid-column:1;grid-row:4;max-width:none;justify-self:start}
 .russia-open{grid-column:2;grid-row:4;align-self:center;max-width:154px;text-align:left}
}

/* Rare shooting stars remain behind content and never capture input. */
.shooting-star{position:absolute;width:110px;height:1.5px;opacity:0;transform:rotate(28deg);transform-origin:right center;background:linear-gradient(90deg,transparent,#b9d6ff90 65%,#fff);border-radius:100%;animation:meteor-flight var(--meteor-duration,47s) linear var(--meteor-delay,0s) infinite;pointer-events:none}
.shooting-star:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 14px #a3c8ff}
@keyframes meteor-flight{0%,94%{opacity:0;transform:translate(-90px,-48px) rotate(28deg)}94.5%{opacity:.95}98%{opacity:.8;transform:translate(250px,133px) rotate(28deg)}99%,100%{opacity:0;transform:translate(310px,165px) rotate(28deg)}}
@media(max-width:800px){.shooting-star{width:75px}.shooting-star.meteor-desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){.shooting-star{display:none;animation:none}}
/* Machine translation controls remain readable in either language. */
.language-bar{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:8px;border-top:1px solid #9db4e422;min-width:0;color:#9eb0d1;font:10px/1.4 Arial,sans-serif;letter-spacing:normal;word-spacing:normal}
.language-label{font-size:20px;line-height:1;color:#bac8e7}
.language-switch{display:flex;align-items:center;gap:3px;border:1px solid #a1b6e03b;border-radius:7px;padding:2px;background:#050b18;flex:none}
.language-switch button{min-width:39px;min-height:29px;border-radius:4px;padding:5px 9px;font:11px Arial,sans-serif;letter-spacing:.06em;color:#9eb0d1}
.language-switch button[aria-pressed=true]{background:#a8bee323;color:#edf1ff;box-shadow:inset 0 0 0 1px #b4c7ed30}
.language-switch[aria-busy=true] button[aria-pressed=true]{opacity:.65}
.translation-status{min-width:0;overflow-wrap:break-word;line-height:1.45}
.translation-status.is-error{color:#e6bd91}
.translation-credit{margin-left:auto;color:#8b9bbb;font-size:9px;white-space:nowrap}
.translation-credit:hover{color:#e5d3b0}
@media(min-width:801px){.time-panel{height:224px}.explorer{height:calc(100svh - 310px)}}
@media(max-width:800px){body{padding-bottom:calc(197px + env(safe-area-inset-bottom))}.time-panel{height:calc(197px + env(safe-area-inset-bottom))}.language-bar{gap:8px;margin-top:9px;padding-top:7px;font-size:9px}.language-switch button{min-height:32px;min-width:40px}.translation-credit{font-size:8px}.toast{bottom:calc(211px + env(safe-area-inset-bottom))}}
@media(max-width:380px){.language-label{display:none}.translation-credit{display:none}.language-bar{gap:8px}}

/* A fourth meteor enters from the right, with its bright head leading left. */
.shooting-star-reverse{animation-name:meteor-flight-reverse;background:linear-gradient(90deg,#fff,#d2b9ff90 35%,transparent);transform-origin:left center}
.shooting-star-reverse:after{right:auto;left:0;box-shadow:0 0 6px #fff,0 0 14px #c6a3ff}
@keyframes meteor-flight-reverse{0%,94%{opacity:0;transform:translate(70px,-45px) rotate(-28deg)}94.5%{opacity:.95}98%{opacity:.8;transform:translate(-250px,125px) rotate(-28deg)}99%,100%{opacity:0;transform:translate(-310px,157px) rotate(-28deg)}}

/* Chapter openings: preserve the complete artwork over an atmospheric backdrop. */
.chapter-cover{position:relative;isolation:isolate;min-height:430px;display:flex;align-items:flex-end;background:#040914;overflow:hidden}
.chapter-cover .reader-hero{position:absolute;inset:0;height:100%;width:100%;background:#040914;z-index:0}
.chapter-cover .reader-hero .cover-atmosphere{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(22px) brightness(.45);opacity:.85;background:none}
.chapter-cover .reader-hero .cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 26%;background:none;padding-bottom:65px}
.chapter-cover-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02061115 15%,#060d2040 40%,#080f23e8 82%,#0a142a 100%)}
.chapter-cover-copy{position:relative;z-index:2;pointer-events:none;padding:145px 54px 36px;width:100%;text-shadow:0 2px 20px #000a}
.cover-topic{font:10px/1.6 Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#e0ceaa;margin:0 0 15px;display:flex;flex-wrap:wrap;gap:10px}
.chapter-cover h1{font:clamp(32px,4.6vw,54px)/1.08 Georgia,serif;font-weight:400;letter-spacing:-.7px;word-spacing:.035em;color:#f5f0e7;margin:0;max-width:730px;overflow-wrap:break-word;text-wrap:balance}
.cover-place{font:11px/1.7 Arial,sans-serif;letter-spacing:.3px;color:#b9c8e2;margin:18px 0 0}
.cover-expand{position:absolute;z-index:2;top:18px;right:20px;pointer-events:none;font:9px/1.4 Arial,sans-serif;letter-spacing:.3px;background:#050b1cb8;border:1px solid #b6c6e42b;padding:8px 11px;border-radius:20px;color:#d3dcee}
.chapter-cover .reader-hero:hover .cover-art{filter:brightness(1.08)}
.chapter-cover:focus-within{outline:2px solid #d7b575;outline-offset:-5px}
.reader-copy>.chapter-kicker{padding-bottom:13px;border-bottom:1px solid #a2b9e025}
@media(max-width:800px){.chapter-cover{min-height:370px}.chapter-cover-copy{padding:150px 29px 28px}.chapter-cover h1{font-size:clamp(31px,6vw,43px)}.chapter-cover .reader-hero .cover-art{padding-bottom:85px}.cover-topic{font-size:9px;letter-spacing:1px}.cover-expand{top:12px;right:12px;font-size:8px}}
@media(max-width:440px){.chapter-cover{min-height:350px}.chapter-cover-copy{padding:145px 22px 25px}.chapter-cover h1{font-size:32px;line-height:1.12;letter-spacing:-.25px}.cover-place{font-size:10px;margin-top:14px}.cover-topic{gap:7px}}

/* Immersion is a layout mode, not browser fullscreen; it works on iPhone too. */
.immersion-exit{position:fixed;z-index:25;right:24px;top:20px;display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #b0c4e74d;border-radius:24px;background:#071124db;backdrop-filter:blur(12px);color:#dce5f6;font:12px/1.4 Arial,sans-serif;box-shadow:0 5px 25px #0005}
.immersion-exit span{font-size:19px}
body.immersive{--immersion-footer:calc(124px + env(safe-area-inset-bottom));overflow:hidden;padding-bottom:0}
.immersive .topbar,.immersive .era-intro,.immersive .sidebar,.immersive #immersion-enter{display:none}
.immersive .explorer{position:fixed;inset:0 0 var(--immersion-footer);height:auto;min-height:0;padding:0;display:block;overflow:hidden}
.immersive .globe-area{position:absolute;inset:0;width:100%;height:100%;margin:0}
.immersive .globe-controls{right:24px;bottom:70px}
.immersive .globe-hint{bottom:37px}
.immersive .map-note{bottom:14px}
.immersive .world-switch{top:85px;right:20px}
.immersive .globe-watermark{display:block;top:27px;left:25px;transform:none;color:#adc1e56e}
.immersive .time-panel{position:fixed;bottom:0;left:0;right:0;height:var(--immersion-footer);padding:10px 24px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}
.immersive .period-picker,.immersive .epoch-rail,.immersive #timeline-eyebrow{display:none}
.immersive .time-top{height:26px;min-height:26px;padding:0;gap:12px}
.immersive .timeline-label{min-width:0;overflow:hidden}
.immersive #timeline-current{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px}
.immersive .range-wrap{height:18px;min-height:18px;margin:0}
.immersive .language-bar{margin:0;padding-top:4px;min-height:37px}
@media(max-width:600px){.immersion-exit{top:max(12px,env(safe-area-inset-top));right:12px;font-size:10px;padding:8px 12px}.immersive .time-panel{padding-left:16px;padding-right:16px}.immersive #timeline-current{font-size:16px}.immersive .world-switch{top:72px;right:10px;width:94px}.immersive .satellite{width:48px;height:48px}.immersive .world-switch small{font-size:7px}.immersive .globe-watermark{left:16px;top:23px;font-size:7px;max-width:40%;line-height:1.5;white-space:normal}.immersive .globe-controls{right:12px;bottom:70px}.immersive .globe-hint{font-size:9px}}

/* Epoch colours touch the typography and selected controls, never the night sky. */
body{--era-accent:#c2cdeb;--era-tint:#c2cdeb22;--era-line:#c2cdeb66;--gold:var(--era-accent)}
.era-intro h1 em,body[data-world=bible] .era-intro h1 em,.era-intro .eyebrow,.cover-topic,.section-heading>span,.chapter-question>span,.biography-box>span,.reign-ending>span{color:var(--era-accent);transition:color .65s ease}
.epoch.active{border-color:var(--era-line);background:var(--era-tint);box-shadow:0 0 20px var(--era-tint);transition:background .65s ease,border-color .65s ease}
.epoch.active small,.epoch.active strong,.timeline-label>span:last-child{color:var(--era-accent)}
.marker-photo,body[data-world=bible] .marker-photo{border-color:var(--era-accent)}
.marker.selected .marker-photo{box-shadow:0 0 0 4px var(--era-tint)}
.scope-switch button.active,body[data-world=bible] .scope-switch button.active{color:var(--era-accent);border-color:var(--era-line);background:var(--era-tint)}
.chapter-cover .cover-topic{color:var(--era-accent)}
.chapter-cover:focus-within{outline-color:var(--era-accent)}
.world-arrival-halo{position:absolute;left:50%;top:50%;width:min(88%,680px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;pointer-events:none;z-index:2;background:radial-gradient(circle,transparent 36%,#a5d4ff12 53%,#b8deff50 65%,transparent 74%)}
body[data-world=bible] .world-arrival-halo{background:radial-gradient(circle,transparent 36%,#ecc77f12 53%,#efd39a55 65%,transparent 74%)}
.world-arrival{position:absolute;left:50%;bottom:21%;transform:translateX(-50%);width:80%;text-align:center;z-index:7;opacity:0;pointer-events:none;text-shadow:0 3px 25px #000,0 0 45px #000}
.world-arrival small{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:3px;color:var(--era-accent)}
.world-arrival strong{display:block;margin-top:10px;font:normal clamp(42px,6vw,72px)/1.1 Georgia,serif;letter-spacing:1px;color:#f1e9da}
@media(max-width:600px){.world-arrival{bottom:24%}.world-arrival small{font-size:8px;letter-spacing:2px}.world-arrival strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){.world-arrival,.world-arrival-halo{display:none}.era-intro h1 em,.era-intro .eyebrow,.epoch.active{transition:none}}

/* Quiet legend for the illustrative 3D epoch scenes. */
.era-scene-caption{position:absolute;z-index:4;bottom:85px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 110px);text-align:center;padding:7px 12px;border:1px solid var(--era-line);border-radius:7px;background:#040b1dcc;backdrop-filter:blur(8px);pointer-events:none}
.era-scene-caption>span{display:block;font:10px/1.5 Arial,sans-serif;color:var(--era-accent)}
.era-scene-caption>small{display:block;font:8px/1.5 Arial,sans-serif;color:#9cacc7;margin-top:2px}
#era-scenes-toggle[aria-pressed=true]{color:var(--era-accent);background:var(--era-tint)}
@media(max-width:600px){.era-scene-caption{bottom:78px;max-width:calc(100% - 100px);padding:5px 8px}.era-scene-caption>span{font-size:9px}.era-scene-caption>small{font-size:7px}.globe-controls button{height:32px}.immersive .era-scene-caption{bottom:85px}}

/* Replay stays reachable while the illustration itself never blocks map gestures. */
#replay-impact{pointer-events:auto;display:block;margin:6px auto 0;padding:6px 12px;border:1px solid #edb47766;border-radius:20px;background:#2b1d16c9;color:#f4d3a4;font:10px/1.3 Arial,sans-serif;cursor:pointer;min-height:32px}
#replay-impact:hover{background:#50331fcc}#replay-impact:focus-visible{outline:2px solid #f4d3a4;outline-offset:3px}#replay-impact[hidden]{display:none}#replay-impact:disabled{opacity:.45;cursor:default}

/* Regional scene catalogue: same controls and card rhythm on phone and desktop. */
#scene-browser{pointer-events:auto;display:inline-block;margin:5px 3px 0;padding:7px 11px;min-height:36px;border:1px solid var(--era-line);border-radius:20px;background:#081426;color:var(--era-accent);font:11px/1.3 Arial,sans-serif;cursor:pointer}
#scene-browser[hidden]{display:none}#scene-browser:focus-visible{outline:2px solid var(--era-accent);outline-offset:3px}
.scene-dialog{width:min(1060px,94vw);max-height:89dvh;background:#050c19;color:#e4e9f4;border:1px solid #445371;border-radius:16px;padding:26px;overflow:auto}
.scene-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.scene-dialog h2{font:normal clamp(24px,4vw,36px)/1.25 Georgia,serif;margin:18px 0 12px;word-spacing:.08em}
#scene-browser-note{color:#a9b7cf;line-height:1.65;max-width:760px;margin-bottom:22px}
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.scene-card{background:linear-gradient(145deg,#102039,#080f1e);border:1px solid #293953;border-radius:12px;padding:14px;display:flex;flex-direction:column;min-width:0}
.scene-card-image{height:116px;position:relative;overflow:hidden;filter:drop-shadow(0 6px 12px #0009);margin-bottom:13px}
.scene-card-image img{width:100%;height:100%;object-fit:contain;display:block}
.scene-card-image.atlas{height:auto;min-height:0}
.scene-card-image.atlas img{position:absolute;left:var(--atlas-x,0%);top:var(--atlas-y,0%);width:calc(var(--atlas-cols)*100%);height:calc(var(--atlas-rows)*100%);max-width:none;object-fit:fill}
.scene-card small{color:#9daec8;font:10px/1.6 Arial,sans-serif}
.scene-card h3{font:normal 21px/1.25 Georgia,serif;margin:10px 0;color:#e9dfc9;word-spacing:.08em}
.scene-card p{font:13px/1.6 Arial,sans-serif;color:#b5c2d8;margin:0 0 15px}
.scene-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.scene-card-actions button{background:#152942;border:1px solid #3a4e6c;border-radius:7px;color:#dfebff;padding:9px 11px;min-height:40px;cursor:pointer;font:12px/1.35 Arial,sans-serif}
.scene-card-actions button:hover{border-color:#c7b58b;background:#20344d}
.scene-card.focused{border-color:#dbc898;box-shadow:0 0 24px #d0b57424}
@media(max-width:760px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-dialog{padding:18px}.scene-card{padding:12px}.scene-card h3{font-size:18px}.scene-card-image{height:96px}}
@media(max-width:420px){.scene-grid{grid-template-columns:1fr}.scene-card-image{height:140px}}

body[data-world=bible] .scene-card{background:linear-gradient(145deg,#1d2725,#0b1420);border-color:#79633b66}body[data-world=bible] .scene-card-image{height:170px}body[data-world=bible] .scene-card.focused{border-color:#dbc898}

.scene-gif-toggle{border:1px solid #8e774c88;background:#17251d;color:#e9d9b7;border-radius:18px;padding:8px 14px;min-height:40px;margin-top:15px;font-size:12px}

/* Animated Bible illustrations retain space around the complete diorama. */
.chapter-live-scene{margin:30px 0;padding:18px;border:1px solid #bca57338;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,#19332a88,transparent 70%),#080e18}
.chapter-live-scene>button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.chapter-live-scene img{display:block;width:100%;max-height:370px;object-fit:contain}
.chapter-live-scene figcaption{padding:12px 8px 4px;color:#b8c4c2;font-size:14px;line-height:1.6}
.chapter-live-scene strong{color:#e6d3a5;font-weight:500;font-size:19px}
.chapter-live-scene figcaption p{margin:8px 0 12px}
.chapter-live-scene [data-live-pause]{padding:8px 14px;border:1px solid #bca57355;border-radius:8px;color:#e8ddc2;background:#122026;cursor:pointer}
#large-gif-toggle{position:relative;z-index:1;margin:0 50px 12px 0}

.bible-gif [data-detail-enlarge]{display:block;width:100%;padding:0;border:0;background:#080e18;cursor:zoom-in}.bible-gif img{display:block;width:100%;height:auto;object-fit:contain}

/* A short invitation below the library filters; wraps naturally on phones. */
.library-topic-note{font:16px/1.65 Georgia,serif;color:#c6d3e5;max-width:820px;margin:18px 0 8px;text-wrap:pretty}
@media(max-width:600px){.library-topic-note{font-size:15px;line-height:1.6}}

/* Quiet glass playback: vector artwork, never a platform emoji. */
#play{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,rgba(190,204,241,.065),rgba(10,18,36,.14));border:1px solid rgba(190,204,241,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .35s,background .35s,box-shadow .35s}
#play-icon{width:29px;height:29px;flex:0 0 29px;display:inline-flex;color:#ded8c7;opacity:.7;transition:opacity .35s,filter .35s}
#play-icon svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1}
#play-icon .orbit{opacity:.48;stroke-dasharray:67 18;transform:rotate(-32deg);transform-origin:50% 50%}
#play-icon .play-shape{fill:rgba(224,217,198,.2);stroke-linejoin:round}
#play-icon .pause-shape{display:none;stroke-width:2;stroke-linecap:round}
#play[aria-pressed="true"] .play-shape{display:none}
#play[aria-pressed="true"] .pause-shape{display:block}
#play:hover,#play[aria-pressed="true"]{border-color:rgba(218,196,155,.4);box-shadow:0 0 22px rgba(168,189,237,.045),inset 0 1px 0 rgba(255,255,255,.07)}
#play:hover #play-icon,#play:focus-visible #play-icon{opacity:1;filter:drop-shadow(0 0 5px rgba(222,216,199,.25))}
@media(prefers-reduced-motion:reduce){#play,#play-icon{transition:none}}