/* Shared true 3D Earth — clean touch interaction, no orbital rings. */
.mini-planet-ocean,.earth-interact .globe{position:relative;isolation:isolate;overflow:hidden}
.earth-rotation-canvas{
 position:absolute;inset:0;width:100%;height:100%;
 z-index:2;display:block;border-radius:50%;opacity:0;
 pointer-events:none;transition:opacity .28s ease
}
.mini-planet .mini-planet-ocean>img,
.earth-interact .earth-photograph{transition:opacity .28s ease}
.mini-planet.has-rotating-earth .earth-rotation-canvas,
.earth-interact.has-rotating-earth .earth-rotation-canvas{opacity:1}
.mini-planet.has-rotating-earth .mini-planet-ocean>img,
.earth-interact.has-rotating-earth .earth-photograph{opacity:0}
a.mini-planet.has-rotating-earth,
a.earth-interact.has-rotating-earth{
 cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none
}
a.mini-planet.has-rotating-earth:active,
a.earth-interact.has-rotating-earth:active{cursor:grabbing}
.earth-interact.has-rotating-earth .globe{
 animation:none!important;transform:none!important;filter:none!important;
 background:transparent!important
}
.earth-interact.has-rotating-earth .globe::after{pointer-events:none;opacity:0}
.mini-planet.has-rotating-earth:hover .mini-planet-ocean{transform:scale(1.035)}
.earth-stage{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}
.earth-stage .earth-interact{width:100%;max-width:560px;flex:none;transform:none}
.globe-play-controls{
 display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
 z-index:5;margin-top:5px;min-height:68px;text-align:center
}
.globe-play-controls button{
 appearance:none;border:1px solid #afc9bd;border-radius:35px;
 background:#e8f1e733;color:#f2f5ed;cursor:pointer;
 padding:10px 16px;font:600 10px "DM Sans",Arial,sans-serif;
 letter-spacing:.08em;transition:background .2s,color .2s
}
.globe-play-controls button:hover,
.globe-play-controls button[aria-pressed="true"]{background:#e8f1e7;color:#193033}
.globe-play-controls button:focus-visible{outline:2px solid #f9bea8;outline-offset:3px}
.globe-play-controls button[hidden]{display:none}
.globe-game-readout{width:100%;font-size:10px;letter-spacing:.1em;min-height:15px;color:#b7ccc3}
.earth-callout{pointer-events:none}
.mini-planet .earth-credit{letter-spacing:.07em}
@media(max-width:680px){
 .globe-play-controls{min-height:70px;gap:7px;margin-top:0}
 .globe-play-controls button{font-size:9px;padding:10px 12px}
 .globe-game-readout{font-size:9px}
 .earth-stage .earth-interact{max-width:365px}
}
@media(prefers-reduced-motion:reduce){
 .earth-rotation-canvas,.earth-interact .earth-photograph,
 .mini-planet .mini-planet-ocean>img,.globe-play-controls button{
  transition:none!important;animation:none!important
 }
}
@media(max-width:680px){
 .earth-stage .earth-callout{
  bottom:13px;right:50%;transform:translateX(50%);
  white-space:nowrap;text-align:center;font-size:9px
 }
 .earth-stage .earth-photo-credit{
  bottom:-13px;left:50%;transform:translateX(-50%);
  white-space:nowrap;text-align:center;font-size:9px
 }
 .earth-stage .globe-play-controls{margin-top:25px}
}

.mini-planet-ocean img,.earth-interact .earth-photograph{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}