.mini-game-mute{
  position:absolute;
  z-index:6;
  right:14px;
  top:14px;
  height:44px;
  padding:0 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #ffffff2a;
  border-radius:14px;
  background:linear-gradient(145deg,#1b2a44ef,#0d1626f2);
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 24px #0008;
  transition:transform .18s,border-color .18s,opacity .18s;
}
.mini-game-mute.hidden{display:none!important}
.mini-game-mute:hover{transform:translateY(-1px);border-color:#57e6d366}
.mini-game-mute span{font-size:18px;line-height:1}
.mini-game-mute b{
  font-size:12px;
  font-weight:800;
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mini-game-mute.muted{
  border-color:#ff617555;
  background:linear-gradient(145deg,#3a1a24ef,#1a0f14f2);
}
.mini-game.bubble-mode .mini-game-mute,
.mini-game.arcade-mode .mini-game-mute{
  right:max(16px,env(safe-area-inset-right));
  top:max(16px,env(safe-area-inset-top));
  height:52px;
  padding:0 14px;
  border-radius:16px;
}
.mini-game.bubble-mode .mini-game-mute span,
.mini-game.arcade-mode .mini-game-mute span{font-size:20px}
@media(max-width:700px){
  .mini-game-mute b{display:none}
  .mini-game-mute{width:44px;padding:0;justify-content:center}
  .mini-game.bubble-mode .mini-game-mute,
  .mini-game.arcade-mode .mini-game-mute{width:52px}
}