/* ==================================================
   V902
   互动页四个顶部按钮真正放进同一水平行
================================================== */

.page[data-page="play"] .v902-top-row{
  position:absolute !important;
  z-index:40 !important;

  /*
    整排高度位置
    数字越小越往上
  */
  top:calc(env(safe-area-inset-top) + 50px) !important;

  left:20px !important;
  right:20px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  pointer-events:none !important;
}


/* 左：两个状态 */
.page[data-page="play"] .v902-top-left{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;

  pointer-events:auto !important;
}


/* 右：脚印 + 月亮 */
.page[data-page="play"] .v902-top-right{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;

  pointer-events:auto !important;
}


/* =========================
   清掉以前各自的绝对定位
========================= */

.page[data-page="play"]
.v902-top-row .play-status{
  position:static !important;

  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;

  margin:0 !important;

  transform:none !important;
  translate:none !important;

  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}


/* 两个状态胶囊 */
.page[data-page="play"]
.v902-top-row .play-status span{
  height:40px !important;

  min-width:102px !important;

  padding:0 10px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:7px !important;

  margin:0 !important;

  border-radius:16px !important;
}


/* =========================
   🐾 和月亮统一
========================= */

.page[data-page="play"]
.v902-top-right > button{
  position:static !important;

  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;

  width:48px !important;
  min-width:48px !important;

  height:48px !important;
  min-height:48px !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:18px !important;

  display:grid !important;
  place-items:center !important;

  transform:none !important;
  translate:none !important;
}


/* 老 scene-btn 原来比较高，强制统一 */
.page[data-page="play"]
.v902-top-row .scene-btn{
  width:48px !important;
  height:48px !important;

  font-size:20px !important;
}


/* 不显示老场景文字 */
.page[data-page="play"]
.v902-top-row .scene-btn small{
  display:none !important;
}


/* V71 控件兼容 */
.page[data-page="play"]
.v902-top-row .play-v71-switch,
.page[data-page="play"]
.v902-top-row .play-v71-scene{
  position:static !important;

  inset:auto !important;

  width:48px !important;
  height:48px !important;

  margin:0 !important;

  transform:none !important;
  translate:none !important;
}


/* 名字保持下面，绝对不参与这一排 */
.page[data-page="play"] .play-v71-name{
  z-index:20 !important;
}


/* 小屏稍微再紧凑 */
@media(max-height:760px){

  .page[data-page="play"] .v902-top-row{
    top:calc(env(safe-area-inset-top) + 42px) !important;
    left:16px !important;
    right:16px !important;
  }

  .page[data-page="play"]
  .v902-top-row .play-status span{
    min-width:90px !important;
    height:44px !important;
    padding:0 12px !important;
  }

  .page[data-page="play"]
  .v902-top-right > button{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
  }

}