:root{color-scheme:dark;--bg:#081923;--panel:#10252e;--ink:#e7ede7;--muted:#a9bfc1;--mint:#b6d9c9;--gold:#dbbd80;--line:#304a51;font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:var(--mint);text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.45;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}header,footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 5%;max-width:1600px;margin:auto}header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:12px;letter-spacing:.17em;white-space:nowrap}.brand b{color:var(--mint);font-weight:400}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav a{text-decoration:none;min-height:38px;display:flex;align-items:center}nav a:last-child{border:1px solid #45695e;padding:8px 14px;border-radius:4px;background:#14322f}main{max-width:1600px;margin:auto;padding:0 5%}.demo-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:44px 0 32px}.eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.8;color:var(--gold)}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400}h1{font-size:clamp(38px,4.2vw,62px);line-height:1.03;letter-spacing:-.02em;margin:13px 0 0}.demo-intro>p{max-width:380px;font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 3px}.demo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#06141f}.globe-section{position:relative;min-height:600px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 45% 50%,#15323d,#06131e 70%)}.pangea-globe{position:absolute;inset:0;touch-action:none}.pangea-globe canvas{display:block;width:100%;height:100%}.globe-heading{position:absolute;z-index:2;inset:23px 25px auto;display:flex;justify-content:space-between;align-items:start;gap:18px;pointer-events:none}.globe-heading .eyebrow{font-size:9px;color:#a6c5bf}.globe-heading h2{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:13px;row-gap:0;font-size:48px;line-height:1;margin:9px 0 0;color:#edf3e7;text-shadow:0 1px 10px #04121a}.globe-heading h2 small{font:11px/1.5 'DM Sans',sans-serif;color:#bdd0ca;max-width:95px}.mode-badge{border:1px solid #49615e;border-radius:3px;background:#0a2029d9;padding:7px 9px;color:#b7cfc5;font-size:9px;line-height:1.5;max-width:145px;text-align:right}.globe-tools{position:absolute;right:20px;top:120px;display:flex;flex-direction:column;gap:7px;z-index:3}.globe-tools button{width:36px;height:36px;border:1px solid #36565d;color:var(--ink);background:#0a2530c9;border-radius:4px;font-size:21px}.globe-tools button:hover{background:#244541}.globe-caption{position:absolute;bottom:19px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;color:#a6c0c5;font-size:9px;line-height:1.6;pointer-events:none}.globe-caption>span:first-child{max-width:240px}.demo-panel{border-left:1px solid var(--line);padding:28px 23px;background:#10252e}.demo-panel h2{font-size:32px;line-height:1.1;margin:13px 0 15px}.demo-panel>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px;min-height:85px}.layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #3d565a;border-radius:4px;background:#0b1e27}.layer-controls button{font-size:11px;padding:10px 3px;border:0;border-radius:3px;color:var(--muted);background:transparent;min-height:38px}.layer-controls button[aria-pressed=true]{background:#b6d9c9;color:#102a2a}.age-legend{margin:17px 0 20px}.age-legend>div{height:5px;border-radius:2px;background:linear-gradient(90deg,#efcb76,#b1d4bd,#4097ab,#183d75)}.age-legend p{font-size:9px;display:flex;justify-content:space-between;color:var(--muted);margin:9px 0 0}.boundary-key{display:flex;flex-wrap:wrap;gap:10px 15px;margin-bottom:17px;font-size:9px;color:var(--muted)}.boundary-key>span{display:flex;gap:6px;align-items:center}.boundary-key i{width:15px;border-top:2px solid}.ridge{color:#ffe2a0}.trench{color:#b79bd9}.check{display:flex;gap:9px;align-items:center;font-size:11px;color:#c6d5cf;line-height:1.5;margin:13px 0}.check input{accent-color:var(--mint);width:15px;height:15px;margin:0;flex-shrink:0}.scale-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:20px;color:var(--muted)}output{color:var(--gold);font-variant-numeric:tabular-nums}#relief{width:100%;accent-color:var(--mint);margin:13px 0 3px}.demo-panel .panel-note{font-size:10px;line-height:1.75;min-height:0;margin:12px 0 18px}.reference-control{border-top:1px solid var(--line);padding-top:17px;margin-top:18px}.reference-control .eyebrow{font-size:8px}.reference-control button{display:block;margin:12px 0;width:100%;padding:12px 9px;border:1px solid #688879;border-radius:4px;background:#193b34;color:#d1e5d8;font-size:11px;min-height:43px}.reference-control p{font-size:10px;color:var(--muted);line-height:1.7;margin-bottom:0}.model-details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.model-details summary{font-size:11px;color:var(--mint);cursor:pointer;line-height:1.7}.model-details p,.model-details a{font-size:10px;line-height:1.8;color:var(--muted)}.model-details a{color:var(--mint)}.timeline-panel{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 25px 16px;background:#112b33}.playback-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.playback-actions button{min-height:42px;border:1px solid #45615d;border-radius:4px;background:#10252e;color:var(--ink);padding:10px 14px}.playback-actions .primary{background:var(--mint);color:#102b2a;border-color:var(--mint);font-size:12px;min-width:205px}.playback-actions #restart{font-size:20px;line-height:1;padding:7px 13px}.playback-actions label{font-size:10px;display:flex;align-items:center;gap:10px;color:var(--muted)}select{padding:8px 10px;background:#0b202a;color:var(--ink);border:1px solid #45615d;border-radius:3px;font-size:11px}#playback-status{margin-left:auto;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}#timeline{width:100%;accent-color:var(--gold);margin:25px 0 9px;cursor:ew-resize}.age-stops{display:flex;justify-content:space-between;gap:6px}.age-stops button{font-size:10px;border:0;background:none;color:#b2c7c5;padding:7px 0;min-height:32px}.age-stops button:hover{color:var(--gold)}#time-note{font-size:10px;color:#9eb9bd;line-height:1.7;margin:13px 0 0}.loading,.load-error{position:absolute;z-index:5;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;background:#081923ef;padding:35px;text-align:center}.loading>span{width:28px;height:28px;border:2px solid #335450;border-top-color:var(--mint);border-radius:50%;animation:turn 1s linear infinite}.loading p,.load-error p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px}.load-error h3{font-size:32px;margin:0}.load-error button{border:1px solid #668e7f;padding:12px 20px;border-radius:4px;background:#26473d;color:var(--ink)}.load-error a{font-size:12px}.research-references{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;padding:60px 0}.research-references h2{font-size:36px;line-height:1.1;margin:14px 0}.research-references p{font-size:12px;line-height:1.8;color:var(--muted)}.research-references>div>a{font-size:12px;display:inline-block;margin-top:10px}.research-references article{border-top:1px solid var(--line);padding-top:18px;min-width:0}.research-references article>a{display:block;text-decoration:none}.research-references img{width:100%;height:145px;object-fit:contain;background:#06151e;display:block}.research-references h3{font-size:26px;line-height:1.2;margin:17px 0 10px}.research-references article p{font-size:10px}footer{border-top:1px solid var(--line);font-size:10px;color:var(--muted);flex-wrap:wrap}footer>a:last-child{font-size:11px}.skip{position:absolute;top:-90px;left:20px;padding:15px;background:var(--mint);color:#081923;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:1050px){main{padding-inline:3%}.demo-workspace{grid-template-columns:minmax(0,1fr) 280px}.globe-caption{flex-direction:column;gap:3px}.demo-intro{gap:30px}.research-references{gap:22px}.globe-heading{inset:20px}.mode-badge{max-width:120px;font-size:8px}.globe-heading h2{font-size:42px}}@media(max-width:760px){header{padding:18px 5%;align-items:flex-start;flex-direction:column;gap:12px}nav{width:100%;justify-content:space-between;gap:10px;font-size:11px}.demo-intro{align-items:flex-start;flex-direction:column;gap:16px;padding:30px 3% 25px}.demo-intro>p{max-width:550px;font-size:12px}.demo-workspace{display:flex;flex-direction:column}.globe-section{min-height:480px}.demo-panel{border-left:0;border-top:1px solid var(--line);padding:23px}.demo-panel>p{min-height:0}.timeline-panel{order:1;padding:18px}.demo-panel{order:2}.globe-section{order:0}.demo-panel h2{font-size:29px}.reference-control{max-width:480px}.research-references{grid-template-columns:1fr 1fr;gap:25px;padding:40px 3%}.research-references>div{grid-column:1/-1}.research-references img{height:120px}.research-references h3{font-size:24px}#playback-status{margin-left:0;flex-basis:100%;margin-top:3px}.playback-actions .primary{min-width:180px;flex:1}.playback-actions{gap:9px}.globe-heading h2{font-size:39px}.mode-badge{font-size:8px;max-width:110px}.globe-heading{inset:18px}.globe-caption{left:18px;right:18px;font-size:8px}.globe-tools{right:13px;top:120px}}@media(max-width:400px){.globe-section{min-height:440px}.globe-heading h2{max-width:140px;gap:5px}.globe-heading h2 small{max-width:80px;font-size:9px}.globe-caption>span:first-child{max-width:250px}.research-references{grid-template-columns:1fr}.research-references img{height:165px}.playback-actions .primary{font-size:11px;min-width:0}.playback-actions label{gap:5px}.playback-actions button{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.loading>span{animation:none}}

/* Keep the complete globe in view, with the longer controls in their own pane. */
@media(min-width:761px){.globe-section{height:clamp(430px,72svh,650px);min-height:0}.demo-panel{max-height:clamp(430px,72svh,650px);overflow-y:auto;scrollbar-color:#4c6e6a #10252e}}

.age-legend .unknown-key{display:flex;justify-content:flex-start;align-items:center;gap:7px;font-size:9px;margin-top:11px}.unknown-key i{display:inline-block;width:12px;height:8px;background:#080f1a;border:1px solid #45606b}

#demo-workspace{scroll-margin-top:15px}.continent-labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.continent-label{position:absolute;color:#eef3df;background:#102722b3;border:1px solid #c3d2b344;border-radius:3px;padding:4px 7px;font-size:9px;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 1px 3px #05140c}.continent-label:before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:#dfd8ab;margin-right:5px;vertical-align:middle}
.view-label{display:block;color:var(--muted);font-size:10px;margin:0 0 8px}#model-view{width:100%;margin-bottom:15px;min-height:43px}.depth-legend{margin:18px 0}.depth-legend>div{height:5px;border-radius:2px;background:linear-gradient(90deg,#031125,#287d9e,#91c5c2 49%,#436836 51%,#a58c67 80%,#ecece1)}.depth-legend p{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.terrain-inspector,.book-bridge{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.terrain-inspector p,.book-bridge p{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0}.terrain-inspector strong{font-size:22px;font-weight:400;color:var(--gold);font-variant-numeric:tabular-nums}.book-bridge a,.reference-control>a{display:block;font-size:10px;line-height:1.8;margin:10px 0}.reference-control>a{padding:10px;border:1px solid #45675e;border-radius:4px;text-decoration:none;color:var(--mint);background:#16342f}.globe-section.is-loading:after{content:'Loading the next terrain stage…';position:absolute;bottom:53px;left:18px;padding:8px 10px;color:var(--gold);font-size:10px;border:1px solid #49605e;border-radius:3px;background:#10252ef0;pointer-events:none}
.depth-legend.bathymetry>div{background:linear-gradient(90deg,#031125,#287d9e,#91c5c2 49%,#9ea59c 51%,#d6d9cd)}