/* Geology has a distinct amber accent; typography and dark base remain ScaleTrip. */
.earth-page{--earth-amber:#e2b978;--earth-paper:#eff1e9;--earth-muted:#b4beb5;max-width:1920px;margin:auto}
.earth-intro{padding:2.5rem 1.5rem 2rem;max-width:76rem;margin:auto}
.earth-intro h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.13;letter-spacing:-.045em;margin:0 0 1.2rem;text-wrap:balance}
.earth-intro p{max-width:65ch;color:var(--earth-muted);line-height:1.7;margin:0}
.earth-stage{position:relative;isolation:isolate;overflow:hidden;min-height:720px;height:calc(100svh - 100px);max-height:1100px;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;gap:1.5rem;padding:2rem 2.5rem;background:#111814;color:var(--earth-paper)}
.earth-media{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.earth-media figure{position:absolute;inset:-2%;margin:0;will-change:transform,opacity;transform:scale(1.15)}
.earth-media img{width:100%;height:100%;object-fit:cover;display:block}
.earth-atmosphere{position:absolute;inset:-10% 0;background:linear-gradient(90deg,rgba(5,9,8,.88),rgba(5,9,8,.22) 55%,rgba(5,9,8,.38));pointer-events:none}
.earth-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,9,8,.95),transparent 34%,transparent 75%,rgba(5,9,8,.45));pointer-events:none}
.earth-stage-top{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:1rem}
.earth-stage-top span{display:block;color:#c8d1c8;font-size:.85rem;margin-bottom:.3rem}
.earth-stage-top output{font-size:clamp(2.2rem,4.8vw,4rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.earth-stage-top p{margin:0;text-align:right}.earth-stage-top strong{font-size:1.2rem}
.earth-info{align-self:center;max-width:580px;min-width:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}
.earth-info h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 1.2rem;text-wrap:balance}
.earth-info p{font-size:1rem;line-height:1.65;margin:0 0 1.1rem;color:#d3dbd2}
.earth-info .earth-physical-layer{font-size:.84rem;color:var(--earth-amber);margin-bottom:.85rem}
.earth-properties{margin-bottom:1rem}.earth-properties summary{font-size:.85rem;cursor:pointer;color:#e3e9e2;min-height:36px;padding:.3rem 0}
.earth-properties dl{margin:.4rem 0 .6rem;font-size:.83rem}.earth-properties dl div{display:grid;grid-template-columns:minmax(130px,1fr) 1.5fr;gap:.8rem;margin-bottom:.35rem}
.earth-properties dt{color:#b4c0b7}.earth-properties dd{margin:0}.earth-properties p,.earth-properties a{font-size:.72rem;line-height:1.5}
.earth-info button,.earth-control-row button,.earth-control-row select,.earth-nav-stops button,.earth-end button,.earth-reading button{font:inherit;color:#f0f3ec;border:1px solid #6d7a6e;border-radius:4px;background:#0c1510;padding:.6rem .85rem;min-height:44px;cursor:pointer}
.earth-info button:hover,.earth-control-row button:hover,.earth-nav-stops button:hover,.earth-reading button:hover{background:#21352a}
.earth-info button{font-size:.85rem;margin:.2rem .3rem .2rem 0}
.earth-milestone{border-top:1px solid #ae9166;padding-top:.7rem;margin:.6rem 0}.earth-milestone strong{color:#efcc94;line-height:1.45;display:block;font-size:1rem}.earth-milestone p{font-size:.85rem;margin:.35rem 0}
.earth-stage-mineral{position:absolute;left:calc(50% + 80px);top:50%;transform:translate(-50%,-50%);width:210px;padding:.75rem;background:rgba(9,14,12,.9);border:1px solid #81745e;margin:0;text-align:center}
.earth-stage-mineral svg{width:100%;height:auto}.earth-stage-mineral strong{font-size:.9rem;color:#e1c496}.earth-stage-mineral figcaption,.earth-stage-mineral a{font-size:.68rem;line-height:1.5;color:#d2dacd}.earth-phase-active .earth-info{max-width:min(580px,calc(100% - 250px))}
.earth-navigator{align-self:center;background:rgba(7,13,10,.9);border:1px solid #515e51;padding:.6rem .75rem;min-width:0}
.earth-cutaway{width:100%;height:auto;display:block}.earth-cutaway [hidden]{display:none}
.earth-navigator p{font-size:.72rem;color:#bdc9bf;line-height:1.5;margin:.3rem 0 .5rem}
.earth-nav-stops{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.earth-nav-stops button{font-size:.73rem;min-height:34px;padding:.4rem .3rem}
.earth-mobile-nav{display:none}
.earth-stage-controls{grid-column:1/-1;align-self:end;min-width:0}
.earth-art-label{font-size:.72rem;color:#c0cbbf;margin:0 0 .6rem}.earth-art-status{font-size:.75rem;color:var(--earth-amber);margin:0}.earth-art-status:empty{display:none}
.earth-range-label{display:flex;justify-content:space-between;font-size:.8rem;color:#ccd5cd;gap:1rem}
.earth-stage input[type=range]{display:block;width:100%;height:30px;accent-color:#72dbae;margin:.1rem 0 .7rem}
.earth-control-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.earth-control-row button{font-size:.8rem}.earth-control-row [data-earth-play]{background:#e2b978;color:#0d140e;border-color:#e2b978;font-weight:700;min-width:112px}
.earth-control-row label{display:flex;align-items:center;gap:.6rem;font-size:.75rem;margin-left:auto}.earth-control-row select{font-size:.8rem;max-width:100%;min-width:0}
.earth-control-row [data-earth-play]:hover{background:#f0ce98;color:#0d140e}
.earth-reading,.earth-end{max-width:1180px;margin:0 auto;padding:4rem 1.5rem;border-bottom:1px solid #29342d}
.earth-reading h2,.earth-end h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.25;margin:0 0 1.5rem;text-wrap:balance}
.earth-reading h3{font-size:1.3rem;line-height:1.4;margin:1.1rem 0 .75rem}.earth-reading p,.earth-end p{line-height:1.75;color:#bdc9c0;max-width:80ch;margin:.6rem 0 1.2rem}
.earth-reading a,.earth-end a{color:#8ee8bf;text-underline-offset:3px}.earth-reading svg{width:100%;height:auto;max-width:670px;display:block;margin:1rem 0}
.earth-chapters{display:grid;grid-template-columns:1fr 1fr;gap:2rem 3rem}.earth-chapters article{min-width:0;padding-top:1.3rem;border-top:1px solid #465045}.earth-chapters .earth-chapter-index{font-size:.8rem;color:var(--earth-amber);margin:0}.earth-chapters h3{margin:.7rem 0}
.earth-source-links{font-size:.8rem;overflow-wrap:anywhere}
.earth-discoveries details{border-top:1px solid #35453a;padding:1rem 0}.earth-discoveries summary{cursor:pointer;min-height:36px;line-height:1.5;font-size:1.12rem}.earth-discoveries details>div{padding:1rem 0}
.earth-phase-controls{display:flex;gap:.6rem;flex-wrap:wrap}.earth-phase-controls [aria-pressed=true]{border-color:#e2b978;background:#31271b}
.earth-crystal{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:2rem;margin:1rem 0}.earth-crystal figcaption{align-self:center;font-size:.85rem}.earth-crystal svg{margin:0}.earth-crystal p{font-size:.85rem}
.earth-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.earth-reading ul{padding-left:1.2rem}.earth-reading li{margin:.8rem 0;line-height:1.5;overflow-wrap:anywhere}
.earth-end{border-top:1px solid #e2b978}.earth-end>div{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
[data-earth-quiz-content] button{margin:.3rem .5rem .3rem 0}.earth-page button:disabled,.earth-page select:disabled{opacity:.55;cursor:default}
.earth-page :is(button,a,input,select,summary):focus-visible{outline:3px solid #d8f6b3;outline-offset:4px}
.earth-page [hidden]{display:none!important}
@media(max-width:1050px){.earth-stage{grid-template-columns:minmax(0,1fr) 260px;padding:1.5rem;gap:1rem}.earth-info h2{font-size:2.3rem}.earth-navigator{padding:.4rem}.earth-info p{font-size:.9rem}.earth-control-row label{margin-left:0}}
@media(max-width:1200px){.earth-stage-mineral{position:static;transform:none;width:210px;margin:1rem 0}.earth-phase-active .earth-info{max-width:580px}}
@media(max-width:700px){
  .earth-intro{padding:1.5rem 1rem}.earth-intro h1{font-size:2.2rem}.earth-intro p{font-size:.9rem}
  .earth-stage{height:calc(100svh - 16px);max-height:none;min-height:790px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 220px minmax(0,1fr) auto;padding:1rem;gap:1rem;background:#0c130f;overflow:hidden}
  .earth-stage-top{grid-row:1}.earth-stage-top output{font-size:2.6rem}
  .earth-media{top:80px;bottom:auto;height:250px}.earth-atmosphere{background:linear-gradient(0deg,rgba(5,9,8,.25),transparent)}
  .earth-stage:after{display:none}.earth-info{grid-row:3;max-width:none;max-height:100%;overflow-y:auto}.earth-info h2{font-size:1.65rem;margin-bottom:.5rem}.earth-info p{font-size:.83rem;line-height:1.55;margin-bottom:.65rem}.earth-info [data-earth-summary]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.earth-info .earth-physical-layer{font-size:.72rem;margin-bottom:.5rem}.earth-properties{margin-bottom:.35rem}.earth-info button{font-size:.75rem}
  .earth-navigator{position:absolute;top:92px;right:16px;width:138px;background:rgba(9,16,12,.94);padding:.4rem;max-height:220px;overflow-y:auto}.earth-navigator .earth-cutaway{width:100%;height:auto}.earth-navigator-note{font-size:.58rem!important}.earth-nav-stops{display:none}.earth-mobile-nav{display:block;font-size:.62rem;color:#d0dacd}.earth-mobile-nav select{display:block;width:100%;min-height:36px;background:#18261b;color:#e1ebde;border:1px solid #7d8d7c;border-radius:3px;font:inherit;font-size:.72rem;margin-top:.2rem}
  .earth-stage-mineral{position:absolute;top:95px;left:16px;transform:none;width:160px;margin:0;padding:.45rem}.earth-stage-mineral svg{height:140px}.earth-stage-mineral strong{font-size:.72rem}.earth-stage-mineral figcaption,.earth-stage-mineral a{font-size:.58rem}.earth-phase-active .earth-info{max-width:none}
  .earth-stage-controls{grid-row:4}.earth-art-label{font-size:.65rem}.earth-control-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.earth-control-row button{font-size:.72rem;padding:.55rem .35rem}.earth-control-row label{grid-column:1/-1;justify-content:space-between}.earth-control-row select{flex:1}
  .earth-reading,.earth-end{padding:2.8rem 1rem}.earth-chapters{grid-template-columns:1fr;gap:1.5rem}.earth-crystal,.earth-profile-grid{grid-template-columns:1fr}.earth-crystal{gap:1rem}.earth-properties dl div{grid-template-columns:1fr 1.3fr}.earth-properties p{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){.earth-media figure{will-change:auto;transform:none!important}.earth-atmosphere{transform:none!important}.earth-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}