@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{color-scheme:dark;--bg:#07191e;--panel:#10262c;--line:#ffffff16;--muted:#9bb0b2;--ink:#eff3e9;--gold:#e3bd78;--teal:#7dc4b6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:13px;letter-spacing:3px;font-size:23px;font-weight:700}.brand-icon{font-size:44px;color:var(--gold);font-weight:400}.brand-light{font-weight:400}.brand small{font-size:10px;letter-spacing:2.1px;display:block;margin-top:6px;color:var(--muted)}nav{display:flex;gap:30px;align-self:stretch}.nav{font-size:14px;color:var(--muted);position:relative;padding:0 3px}.nav.active{color:var(--gold)}.nav.active:after{content:'';position:absolute;bottom:0;height:2px;background:var(--gold);left:0;right:0}.nav span{font-size:12px;border:1px solid var(--line);padding:3px 6px;margin-left:6px;border-radius:4px}.iconbtn{width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;color:var(--muted)}main{max-width:1700px;margin:auto;padding:24px 4% 0;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.world{position:relative;min-height:580px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 49% 59%,#15384188,transparent 67%),#07171c}.map-heading{position:absolute;left:28px;top:25px;pointer-events:none;z-index:2}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:7px}h1{font:500 42px/1.13 'Playfair Display',Georgia,serif;margin:14px 0 12px;letter-spacing:-1px}h1 em{color:var(--gold);font-weight:500}.map-heading p{font-size:13px;color:var(--muted)}#globe{width:100%;height:580px;display:block;touch-action:none;cursor:grab}#globe:active{cursor:grabbing}.search{position:absolute;right:18px;top:22px;display:flex;align-items:center;width:290px;border:1px solid #ffffff20;background:#0a2029e8;border-radius:9px;padding:8px 11px;z-index:4;gap:8px}.search>span{font-size:24px;color:var(--gold)}.search input{border:0;background:transparent;outline:none;color:var(--ink);width:100%;min-width:0;font-size:12px}.search button{color:var(--muted)}#suggestions{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px;max-height:250px;overflow:auto}#suggestions button{display:block;width:100%;text-align:left;padding:12px;font-size:14px}#suggestions button:hover{background:#ffffff0a}.maptools{position:absolute;left:18px;bottom:100px;display:flex;flex-direction:column;gap:10px}.maptools>button,.maptools>div{border:1px solid #ffffff20;background:#0b2026cf;border-radius:7px}.maptools button{padding:8px 10px;font-size:18px}.maptools button span{font-size:12px}.map-note{position:absolute;right:20px;bottom:102px;text-align:right;font-size:11px;color:var(--gold);letter-spacing:1px}.map-note small{display:block;color:var(--muted);letter-spacing:0;margin-top:7px;font-size:11px}.destination-strip{position:absolute;bottom:17px;left:18px;right:18px;display:flex;gap:7px;overflow:auto;padding:5px 0}.destination-strip button{padding:10px 13px;border:1px solid #ffffff20;background:#10262bd9;white-space:nowrap;font-size:12px;border-radius:24px;color:var(--muted)}.destination-strip button.selected{background:var(--gold);color:#13272a;border-color:var(--gold)}#map-loading{position:absolute;top:50%;left:35%;color:var(--gold)}aside{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;align-self:start;min-height:580px}.place-photo{height:195px;background:#1a3b41;position:relative;overflow:hidden}.place-photo img{width:100%;height:100%;object-fit:cover;animation:reveal .7s ease}.place-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#10262c)}.photo-badge{position:absolute;top:15px;left:17px;z-index:1;background:#0b202ccc;border:1px solid #ffffff30;padding:6px 9px;font-size:10px;letter-spacing:1px;border-radius:5px}.photo-credit{position:absolute;bottom:10px;right:12px;font-size:10px;z-index:1;color:#ddd}.place-content{padding:0 23px 22px}.place-top{display:flex;justify-content:space-between;align-items:center}h2{font:500 23px 'Playfair Display',Georgia,serif;margin:7px 0}.place-title{font-size:39px;margin:0 0 5px}.location{font-size:11px;letter-spacing:1.5px;color:var(--teal);text-transform:uppercase;margin:7px 0}.place-description{font-size:14px;line-height:1.7;color:#c1cfcd;margin:14px 0}.fact{border-left:2px solid var(--gold);padding:4px 0 4px 12px;margin:17px 0}.fact b{font-size:10px;color:var(--gold);letter-spacing:1.5px}.fact p{font-size:13px;line-height:1.6;margin:6px 0;color:#bfceca}.place-actions{display:flex;gap:8px;flex-wrap:wrap}.place-actions button{font-size:12px;border:1px solid #ffffff25;padding:9px 11px;border-radius:6px}.place-actions button:hover{border-color:var(--gold)}.source-link{font-size:11px;color:var(--muted);display:inline-block;margin-top:13px}.timebar{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:21px 26px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#0c2026}.timebar h2{font-size:20px;margin-bottom:0}.era-control{flex:1;max-width:470px}.era-control label{display:block;color:var(--gold);font-size:13px;text-align:center;margin-bottom:9px}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:3px}#epoch-note{font-size:11px;color:var(--muted);line-height:1.6;max-width:205px}.journey{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:10px 8px 15px}.journey-symbol{font-size:48px;color:var(--gold)}.journey h2{font-size:25px}.journey p{font-size:13px;color:var(--muted);margin:7px 0}.journey-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.primary{background:var(--gold);color:#12292e;border-radius:7px;padding:14px 20px;font-weight:700;font-size:13px;white-space:nowrap}.primary:hover{background:#f4d59c}.subtle{border:1px solid var(--line);padding:12px;border-radius:6px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 4%;font-size:10px;color:#718b90;letter-spacing:.5px}footer button{font-size:11px;color:var(--muted)}dialog{max-width:600px;width:calc(100% - 32px);max-height:85vh;overflow:auto;background:#10262c;color:var(--ink);border:1px solid #456065;border-radius:16px;padding:36px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:32px;margin:10px 0 18px}dialog p,dialog li{font-size:15px;line-height:1.7;color:#c3d2ce}dialog a{color:var(--gold)}.close{position:absolute;right:13px;top:13px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.stamp{border:1px dashed #66817c;border-radius:12px;padding:15px;text-align:center}.stamp.done{border-color:var(--gold);color:var(--gold)}.stamp small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.answer{display:block;border:1px solid #ffffff25;width:100%;padding:14px;text-align:left;border-radius:7px;margin:10px 0;font-size:14px}.answer:hover{border-color:var(--gold)}.answer:disabled{cursor:default}.answer.correct{background:#245c48}.answer.wrong{background:#733d37}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.3s;background:#e3bd78;color:#13272a;padding:13px 22px;border-radius:8px;z-index:20;font-size:14px;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes reveal{from{opacity:.3;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media(min-width:1450px){#globe{height:650px}.world{min-height:650px}aside{min-height:650px}.place-photo{height:260px}.place-description{font-size:16px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 310px;gap:14px;padding:16px 2% 0}.search{top:175px;left:25px;width:250px}.map-heading{top:20px}h1{font-size:34px}.timebar{gap:20px;padding:20px}.timebar .eyebrow{font-size:9px}.maptools span{display:none}.place-content{padding:0 18px 18px}nav{gap:16px}}@media(max-width:760px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:15px 5% 0;gap:14px}.brand{font-size:20px}.brand-icon{font-size:35px}.brand small{font-size:8px}header>.iconbtn{margin-left:auto}nav{order:3;width:100%;height:45px;justify-content:space-between;gap:8px}.nav{font-size:13px}main{display:flex;flex-direction:column;padding:12px 12px 0;gap:12px}.world{min-height:580px}#globe{height:580px}.map-heading{left:20px;top:18px}.map-heading h1{font-size:32px;margin-top:10px}.map-heading p{font-size:12px}.search{top:162px;left:20px;right:20px;width:auto}.maptools{bottom:88px}.map-note{bottom:96px;right:15px;max-width:180px}.map-note small{font-size:10px}.destination-strip{bottom:12px}aside{min-height:0}.place-photo{height:220px}.place-content{padding:0 23px 23px}.place-description{font-size:16px}.fact p{font-size:14px}.place-actions button{font-size:14px}.timebar{flex-wrap:wrap;gap:18px}.timebar>div:first-child{width:100%}.era-control{max-width:none}#epoch-note{width:100%;max-width:none;margin:0;font-size:11px}.timebar h2{font-size:22px}.journey{flex-wrap:wrap;gap:12px;padding:12px 8px 20px}.journey-symbol{display:none}.journey-actions{margin-left:0;width:100%}.journey-actions .primary{flex:1}.journey h2{font-size:24px}footer{flex-wrap:wrap;font-size:10px;padding:20px}footer>span:last-child{width:100%}.place-title{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Readable interface labels at every viewport. */
.eyebrow{font-size:12px;letter-spacing:1.5px}.search input{font-size:14px}.destination-strip button,.place-actions button{font-size:14px}.location,.fact b,.photo-badge,.source-link,.photo-credit{font-size:12px}.ticks,.map-note,.map-note small,#epoch-note{font-size:12px}.maptools button span{font-size:14px}.timebar .eyebrow{font-size:12px}footer,footer button{font-size:12px}.journey p,.map-heading p{font-size:14px}.place-description,.fact p{font-size:16px}.place-content{padding-bottom:22px}.primary{font-size:14px}
/* Explore the whole world, with the interface out of the way. */
.view-switch{position:absolute;z-index:5;left:20px;top:178px;display:flex;border:1px solid #ffffff26;border-radius:9px;padding:4px;background:#091e25ed;gap:3px}.view-switch button{padding:8px 10px;border-radius:5px;font-size:12px;color:#a4bdbc;white-space:nowrap}.view-switch button[aria-pressed=true]{background:#385451;color:#f5d399}.maximize{position:absolute;z-index:5;right:18px;top:80px;border:1px solid #e3bd7844;background:#122c32e8;padding:10px 13px;border-radius:7px;color:var(--gold);font-size:14px}.maptools button[aria-pressed=true]{color:var(--gold)}#map-tooltip{position:absolute;z-index:8;pointer-events:none;padding:8px 12px;background:#081c24ed;border:1px solid #6a959166;color:#f3d799;border-radius:6px;font-size:13px;max-width:210px;box-shadow:0 6px 24px #0005}#map-peek{position:absolute;bottom:89px;left:50%;transform:translateX(-50%);max-width:65%;z-index:5;background:#0c232bea;backdrop-filter:blur(12px);border:1px solid #a9c6b94a;border-radius:10px;display:flex;align-items:center;gap:18px;padding:11px 15px;box-shadow:0 10px 45px #0004}#map-peek[hidden]{display:none}#map-peek span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}#map-peek strong{font-size:15px;font-weight:500}#map-peek button{font-size:12px;color:var(--gold);white-space:nowrap}#close-detail{display:none}#suggestions{max-height:min(430px,55vh);box-shadow:0 15px 35px #0005}#suggestions button strong{display:block;font-weight:500;font-size:14px}#suggestions small{display:block;font-size:12px;color:var(--muted);margin-top:4px}#suggestions p{font-size:13px;line-height:1.6;color:var(--muted);padding:12px}.geo-cover{padding:35px 25px 24px;background:radial-gradient(ellipse at top right,#456d5c88,transparent 75%),#13343d;border-bottom:1px solid var(--line);margin-bottom:18px}.geo-cover h2{font-size:34px;margin:18px 0 12px;overflow-wrap:anywhere}.geo-cover p{font-size:15px;color:#bcceca}.geo-cover small{font-size:12px;color:var(--gold);letter-spacing:1px}.geo-facts{display:flex;gap:8px;flex-wrap:wrap}.geo-facts span{border:1px solid #ffffff22;padding:6px 9px;border-radius:5px;font-size:12px;color:var(--teal)}.geo-meta{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0}.nearby-title{font:500 20px 'Playfair Display',Georgia,serif;margin-top:25px}.nearby-list{display:flex;flex-direction:column;gap:4px}.nearby-list button{text-align:left;border-bottom:1px solid var(--line);padding:11px 0;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.nearby-list button span{font-size:11px;color:var(--teal)}.nearby-list button:hover{color:var(--gold)}body.immersive{overflow:hidden}.immersive header,.immersive footer,.immersive .timebar,.immersive .journey{display:none}.immersive main{display:block;padding:0;max-width:none}.immersive .world{position:fixed;inset:0;border:0;border-radius:0;z-index:30;min-height:0;background:radial-gradient(ellipse at center,#12323d88,transparent 75%),#06151d}.immersive #globe{width:100vw;height:100vh;height:100dvh}.immersive .map-heading,.immersive .destination-strip{display:none}.immersive .view-switch{top:24px;left:25px}.immersive .search{top:24px;right:25px;left:auto;width:310px}.immersive .maximize{top:auto;bottom:30px;right:25px}.immersive .maptools{bottom:30px;left:25px}.immersive .map-note{bottom:95px;right:25px;max-width:320px}.immersive #map-peek{bottom:30px;max-width:45%}.immersive #place{display:none}.immersive.show-detail #place{display:block;position:fixed;right:25px;top:91px;bottom:105px;width:360px;min-height:0;max-height:calc(100dvh - 196px);overflow:auto;z-index:40;box-shadow:0 25px 100px #000b}.immersive.show-detail #close-detail{display:block;position:fixed;right:36px;top:101px;z-index:41;background:#061c26e8;border:1px solid #ffffff55;border-radius:50%;width:34px;height:34px;font-size:22px}.immersive .search{z-index:45}.immersive .view-switch{z-index:45}#toast{z-index:70}.world:has(#map-peek:not([hidden])) .map-note{bottom:160px}.immersive .world:has(#map-peek:not([hidden])) .map-note{bottom:95px}
@media(min-width:1101px){.view-switch{top:185px}}@media(max-width:1100px){.search{top:167px}.view-switch{top:225px}.maximize{top:24px;right:15px;padding:9px}.maximize span{display:none}.map-heading{max-width:75%}.map-heading h1{font-size:32px}.map-note{max-width:170px;font-size:11px}.immersive .maximize span{display:inline}.immersive .view-switch{top:24px}.immersive .search{top:24px}}@media(max-width:760px){.view-switch{top:222px;left:20px;right:20px;justify-content:space-between}.view-switch button{font-size:12px;flex:1;padding:9px 5px}.maximize{top:23px;right:17px}.search{top:164px}.maptools{bottom:89px}.maptools>button{padding:7px}.maptools>div{display:flex;flex-direction:column}.map-note{bottom:94px;max-width:145px;font-size:11px}.map-note small{font-size:11px}.world:has(#map-peek:not([hidden])) .map-note{display:none}#map-peek{bottom:90px;left:auto;right:14px;transform:none;max-width:73%;gap:8px;padding:10px;flex-wrap:wrap}#map-peek span{font-size:10px}#map-peek strong{font-size:14px}.immersive .view-switch{top:16px;left:14px;right:14px;width:auto}.immersive .view-switch button{font-size:13px;padding:10px 5px}.immersive .search{top:75px;left:14px;right:14px;width:auto}.immersive .maximize{right:14px;bottom:20px;padding:11px;font-size:13px}.immersive .maximize span{display:inline}.immersive .maptools{bottom:20px;left:14px;gap:6px}.immersive .maptools>div{flex-direction:column}.immersive .map-note{bottom:85px;right:14px;font-size:11px;max-width:230px}.immersive #map-peek{bottom:91px;right:14px;left:auto;max-width:75%;transform:none}.immersive.show-detail #place{left:14px;right:14px;width:auto;top:135px;bottom:80px;max-height:calc(100dvh - 215px)}.immersive.show-detail #close-detail{right:25px;top:145px}.immersive .world:has(#map-peek:not([hidden])) .map-note{display:none}.geo-cover h2{font-size:32px}}@media(max-height:480px) and (min-width:761px){.immersive .search{width:260px}.immersive .maptools{bottom:15px;flex-direction:row}.immersive .map-note{bottom:65px}.immersive #map-peek{bottom:15px}.immersive .maximize{bottom:15px}}
/* Voice chooser */
.voice-label{display:block;color:var(--gold);font-size:13px;margin:18px 0 7px}.voice-select{width:100%;background:#0b2026;color:var(--ink);border:1px solid #ffffff30;border-radius:7px;padding:11px;margin-bottom:16px}.voice-select option{background:#10262c;color:var(--ink)}
@media(max-width:900px){main{display:flex;flex-direction:column;padding:14px 12px 0;gap:14px}.world{min-height:590px}aside{min-height:0}.place-photo{height:220px}.timebar{margin:18px 12px 0}.journey{margin:14px 12px 0}.world .map-heading h1{font-size:30px}.world .map-heading{max-width:67%}.search{left:20px;right:20px;top:164px;width:auto}.view-switch{top:222px;left:20px;right:20px}.maximize{top:23px;right:17px}.maptools{bottom:89px}.map-note{bottom:94px;max-width:150px}.destination-strip{bottom:16px}.voice-select{font-size:16px}}
body{background:radial-gradient(circle at 50% 24%,#0d2b3a 0,#031019 43%,#01060b 100%)}.world{background:radial-gradient(ellipse at 50% 48%,#0e2d3c99 0,#031019 62%,#01060c 100%);box-shadow:0 24px 90px #0008}.search{border-radius:28px;background:#070f16ee;box-shadow:0 8px 28px #0006}.search>span{font-size:21px}.map-heading{filter:drop-shadow(0 4px 18px #000b)}#globe{filter:saturate(1.12) contrast(1.05)}